function change_rnd_img (imgs, b, t) {
	var i = Math.round ( (imgs.length - 1) * Math.random() );
	var img_src = b + img_rnd[ i ];
	
	var img = document.getElementById (t);
	if ( img ) {
		img.src = img_src;
	}
}

function add_hidden_then_submit(form_name, field_name, field_value) {  
   var field_to_add = document.createElement('input');
   field_to_add.type = "hidden";
   field_to_add.name = "alpha";
   field_to_add.value = field_value;
   
   document.forms[form_name].appendChild(field_to_add);
   document.forms[form_name].submit(); 
}	

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function update_date (prop) {
   var day = document.getElementById ( prop + "_day" );
   var month = document.getElementById ( prop + "_month" );
   var year = document.getElementById ( prop + "_year" );
   
   var dest = document.getElementById ( prop );
   
   dest.value = year.value + "-" + month.value + "-" + day.value;
}

function hide( id ) {
   var itemToHide = document.getElementById( id );
   itemToHide.style.visibility = 'hidden';
}

function show( id ) {
   var itemToShow= document.getElementById( id );
   itemToShow.style.visibility = 'visible';
}

function display( id ) {
   var itemToShow= document.getElementById( id );
   itemToShow.style.display = 'inline';
}



var show_hide_list = new Array ();

function add_show_hide ( f, fields ) {
   var field_a = fields.split(/\s*,\s*/);
   
   for (var i in field_a) {
      if ( show_hide_list[field_a[i]] ) {
         if ( show_hide_list[field_a[i]] == 'No' && f == 'Yes' ) {
            show_hide_list[field_a[i]] = 'Yes';
         }
      } else {
         show_hide_list[field_a[i]] = f;
      }
   }
}

function init_show_hide () {
   for (var i in show_hide_list) {
      var tf = document.getElementById("cf_" + i);
      if ( show_hide_list[i] == 'Yes' ) {
         tf.style.display = 'block';
      } else {
         tf.style.display = 'none';
      }
   }
}

function field_show_hide ( f, fields ) {
   
   var field_a = fields.split(/\s*,\s*/);
   var show = f == 'Yes';
   var i;
   
   for (i in field_a) {
      var tf = document.getElementById("cf_" + field_a[i]);
      if ( show ) {
         //tf.style.visibility = 'visible';
         tf.style.display = 'block';
      } else {
         tf.style.display = 'none';
         //tf.style.visibility = 'hidden';
      }
   }
  
}


function showDisplayAll( id ) {
   var all = document.getElementsByTagName('*');
   for(i = 0; i < all.length; i++)
	{
		if (all[i].id.substr(0, id.length) == id)
		{
			all[i].style.display = 'inline';
		}
	}
}

function hideDisplayAll( id ) {
   var all = document.getElementsByTagName('*');
	for(i = 0; i < all.length; i++)
	{
		if (all[i].id.substr(0, id.length) == id)
		{
			all[i].style.display = 'none';
		}
	}
}

// Created by Anthony 19 Nov 2008
function hideTableRows( id ) {
	for(i = 0; i < document.getElementById('mcTable').rows.length; i++)
	{
		if (document.getElementById('mcTable').rows[i].id.substr(0, id.length) == id)
		{
			document.getElementById('mcTable').rows[i].style.display = 'none';
		}
	}
}

function showTableRows( id ) {
	for(i = 0; i < document.getElementById('mcTable').rows.length; i++)
	{
		if (document.getElementById('mcTable').rows[i].id.substr(0, id.length) == id)
		{
			document.getElementById('mcTable').rows[i].style.display = '';
		}
	}
}

function toggleTableRows( id ) {
	for(i = 0; i < document.getElementById('mcTable').rows.length; i++)
	{
		if (document.getElementById('mcTable').rows[i].id.substr(0, id.length) == id)
		{
			if (document.getElementById('mcTable').rows[i].style.display == 'none')
			{
				document.getElementById('mcTable').rows[i].style.display = '';
			}
			else
			{
				document.getElementById('mcTable').rows[i].style.display = 'none';
			}
		}
	}
}

function toggleDisplay( id ) {
	var itemToToggle = document.getElementById( id );
	if (itemToToggle.style.display != 'inline')
	{
		display( id );
	}
	else
	{
		itemToToggle.style.display = 'none';
	}
}

function check_toggle(t, c, o) {
	var itemSrc = document.getElementById( t.name + "d" );
	if ( itemSrc ) {
		if ( itemSrc.value == "1" ) {
			t.src = o;
			itemSrc.value = "0";
		} else {
			t.src = c;
			itemSrc.value = "1";
		}
	}
}

function checkAll(formName, c, o, check) {
	for (i = 0; i < document.forms[formName].elements.length; i++) {
		var itemSrc = document.forms[formName].elements[i];
		var nameLength = itemSrc.id.length;
		if (itemSrc.id.substr(nameLength - 2, 1) == 's' && itemSrc.id.substr(nameLength - 1, 1) == 'd') {
			if (check) {
				document.getElementById( itemSrc.id.substr(0, nameLength - 1) ).src = c;
				itemSrc.value = "1";
			} else {
				document.getElementById( itemSrc.id.substr(0, nameLength - 1) ).src = o;
				itemSrc.value = "0";
			}
		}
	}
}

function displayExpiryDate( id, selected ) {
   var selectedToTest = document.getElementById( selected );
   if ( selectedToTest ) {
      if ( selectedToTest.value == 'expires_on' )
         show( id ); 
      else
         hide( id );
   }
}

function init( ) {
// todo: find a way to specify which init javascript funciton to run
   displayExpiryDate( 'valid_to', 'expire' );
   initDynamicOptionLists();
}

function hideSideBar () {
	var s = document.getElementById ("panel_content");
	var m = document.getElementById ("main_content");

	s.innerHTML = "";
	s.style.width = "0%";
	m.style.width = "100%";
}

// Created 20 nov 2008 to replace hideSideBar function. Anthony.
function toggleSideBar () {
	var s = document.getElementById ("panel_content");

	if (s.style.display == 'none') {
		s.style.display = '';
		document.getElementById ("arrows").innerHTML = ">> ";
	} else {
		s.style.display = 'none';
		document.getElementById ("arrows").innerHTML = "<< ";
	}
}


function addLoadEvent(func) { 
   var oldonload = window.onload; 
   if (typeof window.onload != 'function') { 
      window.onload = func; 
   } else { 
      window.onload = function(){ oldonload(); func(); } 
   }
} 

var openwin;
function popupwin(url,myname,w,h,s) { 
   settings='height='+h+',width='+w+',scrollbars='+s+',toolbar=no,location=no,status=no,menubar=no,resizable=no,dependent=no';
   openwin=window.open(url,myname,settings);
}

function popupwin_toolbar(url,myname,w,h,s) { 
   settings='height='+h+',width='+w+',scrollbars='+s+',toolbar=yes,location=yes,status=no,menubar=yes,resizable=no,dependent=no';
   openwin=window.open(url,myname,settings);
}



function details_onload() {
   var hidelink = document.getElementById ("ei_p");
   hidelink.innerHTML = '<a href="javascript:showDetails();">More details &gt;&gt;</a>';

   var detailDiv = document.getElementById ("ei_d");
   detailDiv.style.height = "0";
   detailDiv.style.display = "none";
   
   var hidelink = document.getElementById ("ei_el");
   hidelink.innerHTML = '<br><a href="javascript:hideDetails();">&lt;&lt; hide details</a>';
}

function showDetails() {
  var detailDiv = document.getElementById ("ei_d");
  detailDiv.style.height = "";
  detailDiv.style.display = "inline";
  
  var hidelink = document.getElementById ("ei_p");
  hidelink.style.display = "none";
}

function hideDetails() {
  var detailDiv = document.getElementById ("ei_d");
  detailDiv.style.height = "0";
  detailDiv.style.display = "none";
  
  var hidelink = document.getElementById ("ei_p");
  hidelink.style.display = "inline";
}





function check_fields()
{
  
 
	 
	//alert(document.forms[0].elements.length);
	
	if (document.forms[0].elements["project_details[1]"].value == "" ||
	    document.forms[0].elements["project_details[2]"].value == "" )
	{
		alert("Please fill in all compulsory fields");
				
		return false;
	}
	else
	  return true;
	
	
	
  alert(document.forms[0].elements["project_details[1]"].value);
	 
		
  
	
	return false;
	
}

function check_delete () {
 
  var totalForms = document.forms.length;
  var del = false;
  // loops through forms on page
  for (f = 0; f < totalForms; f++){
    var len = document.forms[f].elements.length;
    // loops through elements in form  
    for (i = 0; i < len; i++ ){
      var name = document.forms[f].elements[i].name;
      // finds checkbox with name "del"
      if (name.substr(0, 3) == "del"){
        // returns true if "del" checkbox checked
        var delBox = document.forms[f].elements[i].checked;
        if (delBox){ 
          del = true;
        }
      }
    }
  }
  
  if (del){ 
    return confirm ("Are you sure you want to Delete?");
  }
return true;
}



// ===================================================================
// Author: Matt Kruse <matt@mattkruse.com>
// WWW: http://www.mattkruse.com/
//
// NOTICE: You may use this code for any purpose, commercial or
// private, without any further permission from the author. You may
// remove this notice from your final code if you wish, however it is
// appreciated by the author if at least my web site address is kept.
//
// You may *NOT* re-distribute this code in any way except through its
// use. That means, you can include it in your product, or your web
// site, or any other form where the code is actually being used. You
// may not put the plain javascript up on your site for download or
// include it in your javascript libraries for download. 
// If you wish to share this code with others, please just point them
// to the URL instead.
// Please DO NOT link directly to my .js files from your site. Copy
// the files to your server and use them there. Thank you.
// ===================================================================

// HISTORY
// ------------------------------------------------------------------
// March 31, 2004: First release
/* 

DESCRIPTION: This library allows you to easily create select boxes whose
contents depend on the value in a parent select box. It supports default
options, preselected options, single or multiple-select lists, multiple
form fields referencing the same list structure, form resetting, and most
importantly, it's backwards-compatible way back to Netscape 4!

COMPATABILITY: Netscape 4+, IE, Opera >5 (O5 didn't support new Option()),
and should work on all other newer browsers.

USAGE:

	// Create a new object, passing in the fields that make up the dynamic set 
	// of lists.
var dol = new DynamicOptionList("Field1","Child1","Child2");
	
	// Or, you can create it empty, and pass in sets of select objects later
var dol = new DynamicOptionList();
dol.addDependentFields("Field1","Child1","Child2");

	// Once you have the list object defined, you can additional sets of dependent
	// fields, too. These sets will act as separate groups of related fields, but
	// will all use the same options and data.
dol.addDependentOptions("Field1","Child2-1","Child2-2");

	// By default, the script will automatically find the form where your select
	// objects exist. But you can explicitly set it if you wish, either by form 
	// name or index.
dol.setFormName("MyForm");
dol.setFormIndex(1);

	// Now define the options that will exist in sub-lists. This is done in a 
	// very logical way - you say for an option in the parent, populate the child
	// with specific options. When selecting which parent option you're dealing
	// with, you can either select by its value or its display text. This command
	// says, for an option in the parent list that has value="Value1", if it is
	// selected then populate the child list with the given sub-options.
dol.forValue("Value1").addOptions("Suboption1","Suboption2","Suboption3");

	// And you can also say, for an option in the parent list that has display
	// text of "Text1", if it is selected then populate the child list with the
	// given sub-options.
dol.forText("Text1").addOptions("Suboption1","Suboption2","Suboption3");

	// For multi-level lists, you just continue the chain...
	// This says, if an option with value "Value1" is selected in the first list,
	// then an option with values "Value2" is selected in the second list, populate
	// the third list with these options.
dol.forValue("Value1").forValue("Value2").addOptions("1","2","3");

	// If the options you want to add should have different values and dislplay
	// text, you can do that
dol.forValue("Value1").addOptionsTextValue("Text2","Value2");

	// When an option is selected from the first list, and the options in the 
	// second list are populated, you may want to have one of the options in the
	// child list be selected by default.
dol.forValue("Value1").setDefaultOptions("MyValue");

	// When the page first loads, you may set the values of the dependent select
	// lists to be selected by default. For example, when a user is editing an
	// existing record where they've already selected from the parent/child
	// relationships. This is different from the default option in that this
	// value is only selected when the page LOADS. If the user changes selections,
	// this will be lost.
dol.forValue("Value1").setValues("MyPreselectedValue");

	// By default, if there are is no option which should be selected in the child
	// list, the code will automatically select the first option in the list. If 
	// you want it to instead set selectedIndex = -1 (nothing selected - works in
	// most browsers but not all) than you can tell it to do that instead
dol.selectFirstOption = false;

// MODIFYING THE HTML
// If you are supporting Netscape 4.x browsers, you will need to insert a call to
// the library to populate options. This is because Netscape4 will not expand the
// size of the select box as new options are added, so you have to "pad" the list
// with blank options in order for it to work right. 
// This is the ONLY change you should need to make to your HTML. To do this, just
// add a javascript block between your <select> </select> tags like this:

<select name="list1"><script>dol.printOptions("list1")</script></select>

// You only need to pass it the name of the select options that it should print
// options for.


NOTES:
 - There seems to be an issue with Netscape6, if you hit Reload on the page. It
   doesn't happen every time, and I can't figure out why it happens at all.

 - If your select objects have onChange handlers in them, you'll need to manually
   add a call to the DynamicOptionList code to trigger the population of the child
   list. For example,
   
   <select onChange="yourfunction(); dol.change(this)">
 
*/ 
// Global objects to keep track of DynamicOptionList objects created on the page
var dynamicOptionListCount=0;
var dynamicOptionListObjects = new Array();

// Init call to setup lists after page load. One call to this function sets up all lists.
function initDynamicOptionLists() {
	// init each DynamicOptionList object
	for (var i=0; i<dynamicOptionListObjects.length; i++) {
		var dol = dynamicOptionListObjects[i];

		// Find the form associated with this list
		if (dol.formName!=null) { 
			dol.form = document.forms[dol.formName];
		}
		else if (dol.formIndex!=null) {
			dol.form = document.forms[dol.formIndex];
		}
		else {
			// Form wasn't set manually, so go find it!
			// Search for the first form element name in the lists
			var name = dol.fieldNames[0][0];
			for (var f=0; f<document.forms.length; f++) {
				if (typeof(document.forms[f][name])!="undefined") {
					dol.form = document.forms[f];
					break;
				}
			}
			if (dol.form==null) {
				alert("ERROR: Couldn't find form element "+name+" in any form on the page! Init aborted"); return;
			}
		}

		// Form is found, now set the onchange attributes of each dependent select box
		for (var j=0; j<dol.fieldNames.length; j++) {
			// For each set of field names...
			for (var k=0; k<dol.fieldNames[j].length-1; k++) {
				// For each field in the set...
				var selObj = dol.form[dol.fieldNames[j][k]];
				if (typeof(selObj)=="undefined") { alert("Select box named "+dol.fieldNames[j][k]+" could not be found in the form. Init aborted"); return; }
				// Map the HTML options in the first select into the options we created
				if (k==0) {
					if (selObj.options!=null) {
						for (l=0; l<selObj.options.length; l++) {
							var sopt = selObj.options[l];
							var m = dol.findMatchingOptionInArray(dol.options,sopt.text,sopt.value,false);
							if (m!=null) {
								var reselectForNN6 = sopt.selected;
								var m2 = new Option(sopt.text, sopt.value, sopt.defaultSelected, sopt.selected);
								m2.selected = sopt.selected; // For some reason I need to do this to make NN4 happy
								m2.defaultSelected = sopt.defaultSelected;
								m2.DOLOption = m;
								selObj.options[l] = m2;
								selObj.options[l].selected = reselectForNN6; // Reselect this option for NN6 to be happy. Yuck.
							}
						}
					}
				}
				if (selObj.onchange==null) {
					// We only modify the onChange attribute if it's empty! Otherwise do it yourself in your source!
					selObj.onchange = new Function("dynamicOptionListObjects["+dol.index+"].change(this)");
				}
			}
		}
	}
	// Set the preselectd options on page load 
	resetDynamicOptionLists();
}

// This function populates lists with the preselected values. 
// It's pulled out into a separate function so it can be hooked into a 'reset' button on a form
// Optionally passed a form object which should be the only form reset
function resetDynamicOptionLists(theform) {
	// reset each DynamicOptionList object
	for (var i=0; i<dynamicOptionListObjects.length; i++) {
		var dol = dynamicOptionListObjects[i];
		if (typeof(theform)=="undefined" || theform==null || theform==dol.form) {
			for (var j=0; j<dol.fieldNames.length; j++) {
				dol.change(dol.form[dol.fieldNames[j][0]],true); // Second argument says to use preselected values rather than default values
			}
		}
	}
}

// An object to represent an Option() but just for data-holding
function DOLOption(text,value,defaultSelected,selected) {
	this.text = text;
	this.value = value;
	this.defaultSelected = defaultSelected;
	this.selected = selected;
	this.options = new Array(); // To hold sub-options
	return this;
}

// DynamicOptionList CONSTRUCTOR
function DynamicOptionList() {
	this.form = null;// The form this list belongs to
	this.options = new Array();// Holds the options of dependent lists
	this.longestString = new Array();// Longest string that is currently a potential option (for Netscape)
	this.numberOfOptions = new Array();// The total number of options that might be displayed, to build dummy options (for Netscape)
	this.currentNode = null;// The current node that has been selected with forValue() or forText()
	this.currentField = null;// The current field that is selected to be used for setValue()
	this.currentNodeDepth = 0;// How far down the tree the currentNode is
	this.fieldNames = new Array();// Lists of dependent fields which use this object
	this.formIndex = null;// The index of the form to associate with this list
	this.formName = null;// The name of the form to associate with this list
	this.fieldListIndexes = new Object();// Hold the field lists index where fields exist
	this.fieldIndexes = new Object();// Hold the index within the list where fields exist
	this.selectFirstOption = true;// Whether or not to select the first option by default if no options are default or preselected, otherwise set the selectedIndex = -1
	this.numberOfOptions = new Array();// Store the max number of options for a given option list
	this.longestString = new Array();// Store the longest possible string 
	this.values = new Object(); // Will hold the preselected values for fields, by field name
	
	// Method mappings
	this.forValue = DOL_forValue;
	this.forText = DOL_forText;
	this.forField = DOL_forField;
	this.forX = DOL_forX;
	this.addOptions = DOL_addOptions;
	this.addOptionsTextValue = DOL_addOptionsTextValue;
	this.setDefaultOptions = DOL_setDefaultOptions;
	this.setValues = DOL_setValues;
	this.setValue = DOL_setValues;
	this.setFormIndex = DOL_setFormIndex;
	this.setFormName = DOL_setFormName;
	this.printOptions = DOL_printOptions;
	this.addDependentFields = DOL_addDependentFields;
	this.change = DOL_change;
	this.child = DOL_child;
	this.selectChildOptions = DOL_selectChildOptions;
	this.populateChild = DOL_populateChild;
	this.change = DOL_change;
	this.addNewOptionToList = DOL_addNewOptionToList;
	this.findMatchingOptionInArray = DOL_findMatchingOptionInArray;

	// Optionally pass in the dependent field names
	if (arguments.length > 0) {
		// Process arguments and add dependency groups
		for (var i=0; i<arguments.length; i++) {
			this.fieldListIndexes[arguments[i].toString()] = this.fieldNames.length;
			this.fieldIndexes[arguments[i].toString()] = i;
		}
		this.fieldNames[this.fieldNames.length] = arguments;
	}
	
	// Add this object to the global array of dynamicoptionlist objects
	this.index = window.dynamicOptionListCount++;
	window["dynamicOptionListObjects"][this.index] = this;
}

// Given an array of Option objects, search for an existing option that matches value, text, or both
function DOL_findMatchingOptionInArray(a,text,value,exactMatchRequired) {
	if (a==null || typeof(a)=="undefined") { return null; }
	var value_match = null; // Whether or not a value has been matched
	var text_match = null; // Whether or not a text has been matched
	for (var i=0; i<a.length; i++) {
		var opt = a[i];
		// If both value and text match, return it right away
		if (opt.value==value && opt.text==text) { return opt; }
		if (!exactMatchRequired) {
			// If value matches, store it until we complete scanning the list
			if (value_match==null && value!=null && opt.value==value) {
				value_match = opt;
			}
			// If text matches, store it for later
			if (text_match==null && text!=null && opt.text==text) {
				text_match = opt;
			}
		}
	}
	return (value_match!=null)?value_match:text_match;
}

// Util function used by forValue and forText
function DOL_forX(s,type) {
	if (this.currentNode==null) { this.currentNodeDepth=0; }
	var useNode = (this.currentNode==null)?this:this.currentNode;
	var o = this.findMatchingOptionInArray(useNode["options"],(type=="text")?s:null,(type=="value")?s:null,false);
	if (o==null) {
		o = new DOLOption(null,null,false,false);
		o[type] = s;
		useNode.options[useNode.options.length] = o;
	}
	this.currentNode = o;
	this.currentNodeDepth++;
	return this;
}

// Set the portion of the list structure that is to be used by a later operation like addOptions
function DOL_forValue(s) { return this.forX(s,"value"); }

// Set the portion of the list structure that is to be used by a later operation like addOptions
function DOL_forText(s) { return this.forX(s,"text"); }

// Set the field to be used for setValue() calls
function DOL_forField(f) { this.currentField = f; return this; }

// Create and add an option to a list, avoiding duplicates
function DOL_addNewOptionToList(a, text, value, defaultSelected) {
	var o = new DOLOption(text,value,defaultSelected,false);
	// Add the option to the array
	if (a==null) { a = new Array(); }
	for (var i=0; i<a.length; i++) {
		if (a[i].text==o.text && a[i].value==o.value) {
			if (o.selected) { 
				a[i].selected=true;
			}
			if (o.defaultSelected) {
				a[i].defaultSelected = true;
			}
			return a;
		}
	}
	a[a.length] = o;
}

// Add sub-options to the currently-selected node, with the same text and value for each option
function DOL_addOptions() {
	if (this.currentNode==null) { this.currentNode = this; }
	if (this.currentNode["options"] == null) { this.currentNode["options"] = new Array(); }
	for (var i=0; i<arguments.length; i++) {
		var text = arguments[i];
		this.addNewOptionToList(this.currentNode.options,text,text,false);
		if (typeof(this.numberOfOptions[this.currentNodeDepth])=="undefined") {
			this.numberOfOptions[this.currentNodeDepth]=0;
		}
		if (this.currentNode.options.length > this.numberOfOptions[this.currentNodeDepth]) {
			this.numberOfOptions[this.currentNodeDepth] = this.currentNode.options.length;
		}
		if (typeof(this.longestString[this.currentNodeDepth])=="undefined" || (text.length > this.longestString[this.currentNodeDepth].length)) {
			this.longestString[this.currentNodeDepth] = text;
		}
	}
	this.currentNode = null;
	this.currentNodeDepth = 0;
}

// Add sub-options to the currently-selected node, specifying separate text and values for each option
function DOL_addOptionsTextValue() {
	if (this.currentNode==null) { this.currentNode = this; }
	if (this.currentNode["options"] == null) { this.currentNode["options"] = new Array(); }
	for (var i=0; i<arguments.length; i++) {
		var text = arguments[i++];
		var value = arguments[i];
		this.addNewOptionToList(this.currentNode.options,text,value,false);
		if (typeof(this.numberOfOptions[this.currentNodeDepth])=="undefined") {
			this.numberOfOptions[this.currentNodeDepth]=0;
		}
		if (this.currentNode.options.length > this.numberOfOptions[this.currentNodeDepth]) {
			this.numberOfOptions[this.currentNodeDepth] = this.currentNode.options.length;
		}
		if (typeof(this.longestString[this.currentNodeDepth])=="undefined" || (text.length > this.longestString[this.currentNodeDepth].length)) {
			this.longestString[this.currentNodeDepth] = text;
		}
	}
	this.currentNode = null;
	this.currentNodeDepth = 0;
}

// Find the first dependent list of a select box
// If it's the last list in a chain, return null because there are no children
function DOL_child(obj) {
	var listIndex = this.fieldListIndexes[obj.name];
	var index = this.fieldIndexes[obj.name];
	if (index < (this.fieldNames[listIndex].length-1)) {
		return this.form[this.fieldNames[listIndex][index+1]];
	}
	return null;
}

// Set the options which should be selected by default for a certain value in the parent
function DOL_setDefaultOptions() {
	if (this.currentNode==null) { this.currentNode = this; }
	for (var i=0; i<arguments.length; i++) {
		var o = this.findMatchingOptionInArray(this.currentNode.options,null,arguments[i],false);
		if (o!=null) {
			o.defaultSelected = true;
		}
	}
	this.currentNode = null;
}

// Set the options which should be selected when the page loads. This is different than the default value and ONLY applies when the page LOADS
function DOL_setValues() {
	if (this.currentField==null) { 
		alert("Can't call setValues() without using forField() first!");
		return;
	}
	if (typeof(this.values[this.currentField])=="undefined") {
		this.values[this.currentField] = new Object();
	}
	for (var i=0; i<arguments.length; i++) {
		this.values[this.currentField][arguments[i]] = true;
	}
	this.currentField = null;
}

// Manually set the form for the object using an index
function DOL_setFormIndex(i) {
	this.formIndex = i;
}

// Manually set the form for the object using a form name
function DOL_setFormName(n) {
	this.formName = n;
}

// Print blank <option> objects for Netscape4, since it refuses to grow or shrink select boxes for new options
function DOL_printOptions(name) {
	// Only need to write out "dummy" options for Netscape4
    if ((navigator.appName == 'Netscape') && (parseInt(navigator.appVersion) <= 4)){
		var index = this.fieldIndexes[name];
		var ret = "";
		if (typeof(this.numberOfOptions[index])!="undefined") {
			for (var i=0; i<this.numberOfOptions[index]; i++) { 
				ret += "<OPTION>";
			}
		}
		ret += "<OPTION>";
		if (typeof(this.longestString[index])!="undefined") {
			for (var i=0; i<this.longestString[index].length; i++) {
				ret += "_";
			}
		}
		document.writeln(ret);
	}
}

// Add a list of field names which use this option-mapping object.
// A single mapping object may be used by multiple sets of fields
function DOL_addDependentFields() {
	for (var i=0; i<arguments.length; i++) {
		this.fieldListIndexes[arguments[i].toString()] = this.fieldNames.length;
		this.fieldIndexes[arguments[i].toString()] = i;
	}
	this.fieldNames[this.fieldNames.length] = arguments;
}

// Called when a parent select box is changed. It populates its direct child, then calls change on the child object to continue the population.
function DOL_change(obj, usePreselected) {
	if (usePreselected==null || typeof(usePreselected)=="undefined") { usePreselected = false; }
	var changedListIndex = this.fieldListIndexes[obj.name];
	var changedIndex = this.fieldIndexes[obj.name];
	var child = this.child(obj);
	if (child == null) { return; } // No child, no need to continue
	if (obj.type == "select-one") {
		// Treat single-select differently so we don't have to scan the entire select list, which could potentially speed things up
		if (child.options!=null) {
			child.options.length=0; // Erase all the options from the child so we can re-populate
		}
		if (obj.options!=null && obj.options.length>0 && obj.selectedIndex>=0) {
			var o = obj.options[obj.selectedIndex];
			this.populateChild(o.DOLOption,child,usePreselected);
			this.selectChildOptions(child,usePreselected);
		}
	}
	else if (obj.type == "select-multiple") {
		// For each selected value in the parent, find the options to fill in for this list
		// Loop through the child list and keep track of options that are currently selected
		var currentlySelectedOptions = new Array();
		if (!usePreselected) {
			for (var i=0; i<child.options.length; i++) {
				var co = child.options[i];
				if (co.selected) {
					this.addNewOptionToList(currentlySelectedOptions, co.text, co.value, co.defaultSelected);
				}
			}
		}
		child.options.length=0;
		if (obj.options!=null) {
			var obj_o = obj.options;
			// For each selected option in the parent...
			for (var i=0; i<obj_o.length; i++) {
				if (obj_o[i].selected) {
					// if option is selected, add its children to the list
 					this.populateChild(obj_o[i].DOLOption,child,usePreselected);
				}
			}
			// Now go through and re-select any options which were selected before
			var atLeastOneSelected = false;
			if (!usePreselected) {
				for (var i=0; i<child.options.length; i++) {
					var m = this.findMatchingOptionInArray(currentlySelectedOptions,child.options[i].text,child.options[i].value,true);
					if (m!=null) {
						child.options[i].selected = true;
						atLeastOneSelected = true;
					}
				}
			}
			if (!atLeastOneSelected) {	
				this.selectChildOptions(child,usePreselected);
			}
		}
	}
	// Change all the way down the chain
	this.change(child,usePreselected);
}
function DOL_populateChild(dolOption,childSelectObj,usePreselected) {
	// If this opton has sub-options, populate the child list with them
	if (dolOption!=null && dolOption.options!=null) {
		for (var j=0; j<dolOption.options.length; j++) {
			var srcOpt = dolOption.options[j];
			if (childSelectObj.options==null) { childSelectObj.options = new Array(); }
			// Put option into select list
			var duplicate = false;
			var preSelectedExists = false;
			for (var k=0; k<childSelectObj.options.length; k++) {
				var csi = childSelectObj.options[k];
				if (csi.text==srcOpt.text && csi.value==srcOpt.value) {
					duplicate = true;
					break;
				}
			}
			if (!duplicate) {
				var newopt = new Option(srcOpt.text, srcOpt.value, false, false);
				newopt.selected = false; // Again, we have to do these two statements for NN4 to work
				newopt.defaultSelected = false;
				newopt.DOLOption = srcOpt;
				childSelectObj.options[childSelectObj.options.length] = newopt;
			}
		}
	}
}

// Once a child select is populated, go back over it to select options which should be selected
function DOL_selectChildOptions(obj,usePreselected) {
	// Look to see if any options are preselected=true. If so, then set then selected if usePreselected=true, otherwise set defaults
	var values = this.values[obj.name];
	var preselectedExists = false;
	if (usePreselected && values!=null && typeof(values)!="undefined") {
		for (var i=0; i<obj.options.length; i++) {
			var v = obj.options[i].value;
			if (v!=null && values[v]!=null && typeof(values[v])!="undefined") {
				preselectedExists = true;
				break;
			}
		}
	}
	// Go back over all the options to do the selection
	var atLeastOneSelected = false;
	for (var i=0; i<obj.options.length; i++) {
		var o = obj.options[i];
		if (preselectedExists && o.value!=null && values[o.value]!=null && typeof(values[o.value])!="undefined") {
			o.selected = true;
			atLeastOneSelected = true;
		}
		else if (!preselectedExists && o.DOLOption!=null && o.DOLOption.defaultSelected) {
			o.selected = true;
			atLeastOneSelected = true;
		}
		else {
			o.selected = false;
		}
	}
	// If nothing else was selected, select the first one by default
	if (this.selectFirstOption && !atLeastOneSelected && obj.options.length>0) {
		obj.options[0].selected = true;
	}
	else if (!atLeastOneSelected &&  obj.type=="select-one") {
		obj.selectedIndex = -1;
	}
}

// Update the colour preview when editing site look and feel
function updateColour(id)
{
	var colourCell = document.getElementById('new-' + id);
	var colour = document.getElementById('edit-' + id);
	colourCell.bgColor = '#' + colour.value;
}

// Go to URL
function goToURL(url) {
	this.location.href = url;
}


// Delivery Option Extras AJAX code
function replaceOptionExtras(result) {
	var content = [];
	for (i = 0; i < result['data'].length; i++) {
		if (i > 0) {
			content += "<br/>";
		}
		content += result['data'][i]['page_content'];
	}

	var replacedNode = $("extra[" + result['item_id'] + "]");
	replacedNode.innerHTML = content;
}

function get_extras(item_id, formvars) {
	var name = 'format[' + item_id + ']';
	var option_id = formvars[name].value;
   var d = loadJSONDoc("../delivery/get_options.me?action=get_extras&id=" + option_id + "&item_id=" + item_id);
   d.addCallback(replaceOptionExtras);

   return false;
}


// Enter details price calculations AJAX code
function replacePrices(result) {
        for (var i in result['item_prices']) {
                $("item_price[" + i + "]").innerHTML = result['item_prices'][i];
                $("item_price_val[" + i + "]").value = result['item_prices'][i];
		//$("format["+i+"]").selectedIndex = 2;//result['selected_format'];
		forEach($$('select.video_filter'), function(e)
		{
			for(i=0;i<e.length;i++)
			{
				if(e.options[i].value == result['selected_format'])
				{
					e.selectedIndex = i;
					break;
				}
			}
		});
        }

        $("sub_total").innerHTML = result['sub_total'];
        $("sub_total_val").value = result['sub_total'];
        $("delivery").innerHTML = result['delivery'];
        $("delivery_val").value = result['delivery'];
        $("total_price").innerHTML = result['total_price'];


	if(result['has_delivery'] && result['has_delivery'] == 'false' && $('video_delivery_type'))
	{
		$('video_delivery_type').setAttribute('readOnly', 'readonly');
		$('video_delivery_type').setAttribute('disabled', 'disabled');
	}
	else if(result['has_delivery'] && result['has_delivery'] == 'true' && $('video_delivery_type'))
	{
		$('video_delivery_type').removeAttribute('readOnly');
		$('video_delivery_type').removeAttribute('disabled');
	}

        // GST is optional
        var gst = $("gst");
        if (gst) {
                $("gst").innerHTML = result['gst'];
        }

        // Media stock type is optional, but if there is one there should also be
        // something for the delivery type - so dump the delivery type ID as well
        // as the media stock type ID
        var media = $("media_cost");
        if(media) {
                media.innerHTML = result['media_cost'];
                $("media_cost_val").value = result['media_cost'];
        }
        $("delivery_address_form").style.display = result['show_address_form'];

        if(result['show_address_form_data'])
                $("delivery_address_form").innerHTML = result['show_address_form_data'];
}

function update_prices(formvars) {
	var url = "../order/enter_details.me?get_prices_json=1";

//	forEach($$('select.video_filter'), function(e){
//		alert(e.name);
//	});

	for (var i = 0; i < formvars.length; i++) {
		if ((formvars[i].name.substring(0,7) == 'format[') || (formvars[i].name.substring(0,16) == 'order_item_data[')) {
			url += '&' + formvars[i].name + '=' + escape(formvars[i].value);
		}
	}

	var d = loadJSONDoc(url);
	d.addCallback(replacePrices);
	return false;
}

function disable_element( id ) {
   var item = document.getElementById( id );
   item.disabled = true;
}

function enable_element( id ) {
   var item = document.getElementById( id );
   item.disabled = false;
}

function fckedit(textAreaId) {
	var oFCKeditor = new FCKeditor(textAreaId);
	oFCKeditor.BasePath = sBasePath;
	var sSkin = 'silver';
	var sSkinPath = sBasePath + 'editor/skins/' + sSkin + '/' ;
	oFCKeditor.Config['SkinPath'] = sSkinPath ;
	oFCKeditor.Config['PreloadImages'] =
	sSkinPath + 'images/toolbar.start.gif' + ';' +
	sSkinPath + 'images/toolbar.end.gif' + ';' +
	sSkinPath + 'images/toolbar.buttonbg.gif' + ';' +
	sSkinPath + 'images/toolbar.buttonarrow.gif' ;
	//FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/';
	oFCKeditor.ReplaceTextarea();
}