// JavaScript Document
//var strWarning = 'do you really want to remove this order?'; 
var removedStates = new Array(); 
var articlenrInList = new Array(); 
var debugMsg = false; 
function HandleState() {
	//document.getElementById("selState").display = 'none';
	states.sort();
	ChangeState();
}  
function ChangeState() {
	var country = document.getElementById("selCountry");
	var selectedCountry = country.options[country.selectedIndex].value; // example: NL 
	var x=document.getElementById("selState"); 
	// Empty the selState option list
	// rememeber that if you remove an element from an option list the index automaticly changes
	var count = x.length;
	while(count>1) {
		count = count - 1;
		x.remove(count);
	} 
	// Walk trough the Javascript array called states and add each item if it matches the selectedCountry value
	for(y=0;y<states.length;y++) {
		if(selectedCountry == states[y][1]) {
			var newOpt=document.createElement('option');
			newOpt.value= states[y][0];
			// keep line below for debugging it will show the associated country code
			//newOpt.text= states[y][0] + ' - ' + states[y][1];
			newOpt.text= states[y][0];			
			try
			{
				x.add(newOpt,null); // standards compliant
			}
			catch(ex)
			{
				x.add(newOpt); // IE only
			} 
		}
	}	
} 
function addSelectOption(selectbox,text,value ) {
// creëerd een nieuwe optie in een dropdown list
	var optn = document.createElement("option");
	optn.text = text;
	optn.value = value.replace(/-/g,"");
	selectbox.options[selectbox.options.length] = optn; 
} 
function removeSelectOptions(selectbox) {
// verwijderd de opties uit een dropdown list
	var i;
	for (i=selectbox.options.length-1;i>=0;i--) {
		selectbox.remove(i);
	}
} 
// eerste dropdown list
function selectFirst() {
	// addSelectOption({selectbox},{text},{value})
	//addSelectOption(document.order_form.select_first,'','');
	for (i=0; i<selectbox1.length;i++) {
		addSelectOption(document.order_form.select_first,selectbox1[i][1],selectbox1[i][0].toLowerCase());
	}
} 
// tweede dropdown list
function selectSecond(){
	removeSelectOptions(document.order_form.select_thirth);
	removeSelectOptions(document.order_form.select_second);
	addSelectOption(document.order_form.select_second, '', '');	
	for (i=0; i<selectbox2.length;i++) {
		addSelectOption(document.order_form.select_second,selectbox2[i][1],selectbox2[i][0].toLowerCase());
	}
} 
// derde dropdown list
function selectThirth(){
	with (document) {
		removeSelectOptions(order_form.select_thirth); 
		if(document.order_form.select_second.value != '') {
			addSelectOption(order_form.select_thirth, '', ''); 
			strArrName = 'selectbox3_' + order_form.select_first[order_form.select_first.selectedIndex].value + '_' + order_form.select_second[order_form.select_second.selectedIndex].value;
			try {
				arrValues = eval(strArrName); 
				arrValues.sort(); 
				for (i=0;i<arrValues.length;i++) {
					addSelectOption(order_form.select_thirth,arrValues[i],arrValues[i].toLowerCase());
				}
			} catch (e) {
				alert(NoItemsAvailable);
			}
		}
	}
} 
function IsNumeric(sText) {
// test of invoer numeriek is (true / false)
   var ValidChars = "0123456789";
   var Char;
   for (i = 0; i < sText.length; i++) {
       Char = sText.charAt(i);
       if (ValidChars.indexOf(Char) == -1) {
          return false;
       }
    }
   return true;
} 
function changeQuantity(id,type,quantity) {
	with (document) {
		if (IsNumeric(quantity)) {
			if (quantity==0) {
				deleteOrder(id,type);
				return true;
			}
			objOrderItem = getElementById('q_' + id + '_' + type);
			objOrderItem.style.color = '';
			objOrderItem.value = quantity;
			objOrderItem = getElementById('h_' + id + '_' + type);
			objOrderItem.value = id + '_' + type + '_' + quantity;
		} else {
			objOrderItem = getElementById('q_' + id + '_' + type);
			objOrderItem.style.color = '#FF0000';
		}
	}
	return true;
} 
function deleteOrder(id,type) {
	with (document) {
		if (confirm(strWarning)) {
			objOrderList = getElementById('order_list');
			objOrderList.removeChild(getElementById('o_' + id + '_' + type));  
			if (objOrderList.childNodes.length==1) {
				document.getElementById('btnOrder').style.display = 'none';		// knop verdwijnt indien geen orders aanwezig
				document.getElementById('descriptHead').style.display = 'none';
				document.getElementById('quantityHead').style.display = 'none';
			}
		}
	}
	return false;	// voorkomt # in url
} 
function addOrders() {
	with (document) {
		// hebben wij samples of brochures?
		// zoek alle items
		if (getElementsByName('checkBrochures').length>0) {
			objItemList = getElementsByName('checkBrochures');
			intType = 0;	// brochure
		} else {
			objItemList = getElementsByName('checkSamples');
			intType = 1;	// sample
		} 
		objOrderList = getElementById('order_list'); 
		for (i=0;i<objItemList.length;i++) {
			if (objItemList[i].checked) {
				intID = objItemList[i].value;	// id brochure of sample
				intQuantity = 1;
				strDescription = getElementById('t_' + intID).innerHTML; // hs 2008-4-2 .firstChild.nodeValue;	// omschrijving  
				if(intType == 1) {
					strDescription = getElementById('tc_' + intID).firstChild.nodeValue + ', ' + strDescription + ', ' + getElementById('tt_' + intID).firstChild.nodeValue;
				} 
				strCrmDescription = getElementById('u_' + intID).firstChild.nodeValue;	// crm description 
				if (getElementById('h_' + intID + '_' + intType)!=null) {
					// order bestaat al; quantity met één verhogen
					// changeQuantity functie kan niet worden gebruikt in verband met onchange event (eeuwige loop) 
					intQuantity = parseInt(getElementById('q_' + intID + '_' + intType).value) + intQuantity; 
					// delete node
					objOrderList.removeChild(getElementById('o_' + intID + '_' + intType));
				}				 
				try {
					element = document.createElement('<div class=\"order\" id=\"o_' + intID + '_' + intType + '\"></div>');
				} catch (e) {
					element = document.createElement('div');
					element.setAttribute('class','order');
					element.setAttribute('id','o_' + intID + '_' + intType);
					//element.setAttribute('style','background-color: yellow');
				}
				objOrderList.appendChild(element);
				objNieuweOrder = getElementById('o_' + intID + '_' + intType); 
				// add description layer to order
				try {
					element = document.createElement('<div class=\"description\"></div>');
				} catch (e) {
					element = document.createElement('div');
					element.setAttribute('class','description');
				}
				//element.appendChild(createTextNode(strDescription));
                                                                element.innerHTML = strDescription;//hs 2-4
				objNieuweOrder.appendChild(element); 
				// add quantity layer with quantity textfield to order
				try {
					element = document.createElement('<div class=\"quantity\"></div>');
				} catch (e) {
					element = document.createElement('div');
					element.setAttribute('class','quantity');
				}
				try {
					//element2 = document.createElement('<input id=\"q_' + intID + '_' + intType + '\" name=\"txtQuantity\" type=\"text\" value=\"' + intQuantity + '\" onchange=\"changeQuantity(\'' + intID + '\',\'' + intType + '\',this.value)\" />');
					element2 = document.createElement('<input id=\"q_' + intID + '_' + intType + '\" name=\"q_' + intID + '_' + intType + '\" type=\"text\" value=\"' + intQuantity + '\" onchange=\"changeQuantity(\'' + intID + '\',\'' + intType + '\',this.value)\" />');
				} catch (e) {
					element2 = document.createElement('input');
					element2.setAttribute('id','q_' + intID + '_' + intType);
					//element2.setAttribute('name','txtQuantity');
					element2.setAttribute('name','q_' + intID + '_' + intType);
					element2.setAttribute('type','text');
					element2.setAttribute('value',intQuantity);
					element2.setAttribute('onchange','changeQuantity(\'' + intID + '\',' + intType + ',this.value);');
				}
				element.appendChild(element2);
				objNieuweOrder.appendChild(element); 
				// add functions layer to order met hyperlink
				try {
					element = document.createElement('<div class=\"functions\"></div>');
				} catch (e) {
					element = document.createElement('div');
					element.setAttribute('class','functions');
				}
				try {
					element2 = document.createElement('<a href=\"#\" onclick=\"return(deleteOrder(\'' + intID + '\',' + intType + '));\"></a>');
				} catch (e) {
					element2 = document.createElement('a');
					element2.setAttribute('href','#');
					element2.setAttribute('onclick','return(deleteOrder(\'' + intID + '\',' + intType + '));');
				}
				element2.appendChild(createTextNode(removeLabel));
				element.appendChild(element2);
				objNieuweOrder.appendChild(element); 
				// add hidden field to order
				try {
					//element = document.createElement('<input id=\"h_' + intID + '_' + intType + '\" type=\"hidden\" name=\"hdnOrder\" value=\"' + intID + '_' + intType + '_' + intQuantity + '\" />');
					element = document.createElement('<input id=\"h_' + intID + '_' + intType + '\" type=\"hidden\" name=\"h_' + intID + '_' + intType + '\" value=\"' + intID + '_' + intType + '_' + intQuantity + '\" />');
				} catch (e) {
					element = document.createElement('input');
					element.setAttribute('id','h_' + intID + '_' + intType + '');
					//element.setAttribute('name','hdnOrder');
					element.setAttribute('name','h_' + intID + '_' + intType + '');
					element.setAttribute('type','hidden');
					element.setAttribute('value',intID + '_' + intType + '_' + intQuantity);
				} 
				//tk: add hidden description field
				//strDescription
				try {
					element2 = document.createElement('<input id=\"d_' + intID + '_' + intType + '\" type=\"hidden\" name=\"d_' + intID + '_' + intType + '\" value=\"' + strDescription + '\" />');
				} catch (e) {
					element2 = document.createElement('input');
					element2.setAttribute('id','d_' + intID + '_' + intType + '');
					//element.setAttribute('name','hdnOrder');
					element2.setAttribute('name','d_' + intID + '_' + intType + '');
					element2.setAttribute('type','hidden');
					element2.setAttribute('value',strDescription);
				}  
				//ag: add hidden crm_description field
				//strDescription
				try {
					element3 = document.createElement('<input id=\"c_' + intID + '_' + intType + '\" type=\"hidden\" name=\"c_' + intID + '_' + intType + '\" value=\"' + strCrmDescription + '\" />');
				} catch (e) {
					element3 = document.createElement('input');
					element3.setAttribute('id','c_' + intID + '_' + intType + '');
					//element.setAttribute('name','hdnOrder');
					element3.setAttribute('name','c_' + intID + '_' + intType + '');
					element3.setAttribute('type','hidden');
					element3.setAttribute('value',strCrmDescription);
				} 
				objNieuweOrder.appendChild(element);
				//tk
				objNieuweOrder.appendChild(element2); 
				//ag
				objNieuweOrder.appendChild(element3); 
				// geeft een achtergrondkleur aan de nieuwe order
				// objNieuweOrder.style.backgroundColor = 'yellow'; 
				// uncheck item from brochures or samples list				
				objItemList[i].checked = false;
			}
		} 
		// tk
		if (getElementById('order_list').childNodes.length>0) {
			getElementById('btnOrder').style.display = '';
			getElementById('descriptHead').style.display = '';
			getElementById('quantityHead').style.display = '';
		}
	}
}  
function generateItemList() {
	strEerste = document.order_form.select_first.value;
	strTweede = document.order_form.select_second.value;
	strDerde = document.order_form.select_thirth.value;  
	setCookie('selextbox1', strEerste, 1);
	setCookie('selextbox2', strTweede, 1);
	setCookie('selextbox3', strDerde, 1); 
	cleanItemList(); 
	if ((strEerste=='brochure') || (strEerste=='sample')) { 
		if((strTweede=='interior') || (strTweede=='exterior')) {
			var strArrName = 'selectbox3_' + strEerste + '_' + strTweede; 
			if(strDerde != '') {
				//alert(strEerste + ' - ' + strTweede + ' - ' + strDerde);
				createItemList(strEerste,strTweede,strDerde.toLowerCase());
			} else {
				try {
					var arrValues = eval(strArrName); 
					for (var i = 0; i<arrValues.length;i++) {
						//alert(strEerste + ' - ' + strTweede + ' - ' + arrValues[i]);
						createItemList(strEerste,strTweede,arrValues[i].toLowerCase());
					}
				} catch (e) {
				alert(NoItemsAvailable);
				}
			}	
		} else { 
			if(strEerste=='sample') {
				alert(SelectInteriorOrExterior);	
				document.getElementById('btnAdd').style.display='none';
				document.getElementById('choose_head').style.display='none';	
			} else { 
				var strArrName;
				var arrValues; 
				for (var j = 0; j<document.order_form.select_second.length;j++) {
					if(document.order_form.select_second[j].value != '') { 
						strArrName = 'selectbox3_' + strEerste + '_' + document.order_form.select_second[j].value;	 
						try {
							arrValues = eval(strArrName);						 
							for (var i = 0; i<arrValues.length;i++) {
								//alert(strEerste + ' - ' + document.order_form.select_second[j].value + ' - ' + arrValues[i].toLowerCase());
								createItemList(strEerste,document.order_form.select_second[j].value,arrValues[i].toLowerCase());
							}
						} catch (e) {
						}
					}
				}
			}		
		}
		sortDivs('choose_items'); 
	} else {
		alert(SelectBrochureOrSample);
		document.getElementById('btnAdd').style.display='none';
		document.getElementById('choose_head').style.display='none';
	}
} 
function cleanItemList() {
	if(debugMsg) alert('Function cleamItemList is called; resetting array articlenrInList');
	articlenrInList = new Array(); 
	with (document) {
		objHead = getElementById('choose_head');
		objHead.firstChild.data = ''; 
		// maak de brochurelijst leeg
		objParent = getElementById('itemcontainer');
		objItemList = getElementById('choose_items');
		if (objItemList!=null) {
			for (i=(objItemList.childNodes.length-1);i>-1;i--) {
				objItemList.removeChild(objItemList.childNodes[i]);
			}
		} 
	}
} 
function createItemList(eerste, tweede, derde) {
	with (document) {
		strType = eerste;
		strInEx = tweede;
		strProduct = derde; 
		strItemList = 'resultlist_' + strType + '_' + strInEx + '_' + strProduct;
		arrItemList = eval(strItemList);  
		// maak een nieuwe lijst
		//if (strType==selectbox1[0][0]) {
		if (strType=='brochure') {
			objHead = getElementById('choose_head');
			//objHead.firstChild.data = 'brochures for download';
			firstTime = false;
			if(objHead.firstChild.data != strBrochuresOrder) {
				firstTime = true;
			}
			objHead.firstChild.data = strBrochuresOrder; 
			// <div class="brochure">
			//   <div class="description" id="t_71">brochure 71</div>
			//   <input type="checkbox" name="checkBrochures" value="71" />
			// </div> 
			try {
				element1 = document.createElement('<div class=\"brochure\"></div>');
				element2 = document.createElement('<div class=\"description\"></div>');
			} catch (e) {
				element1 = document.createElement('div');
				element1.setAttribute('class','brochure');
				element2 = document.createElement('div');
				element2.setAttribute('class','description');
			}
			element2.appendChild(createTextNode(descriptionLabel));
			element1.appendChild(element2);
			if(firstTime) {
				objItemList.appendChild(element1);				 
			}
			if (arrItemList.length>0) {
				objItemList.style.display = '';			
				for (i=0;i<arrItemList.length;i++) {
					arrItem = eval(arrItemList[i]);  
					// Filter items that are already in list
					if(inList(arrItem['articlenr']) == false) {
						addToList(arrItem['articlenr']); 
						try {
							element1 = document.createElement('<div class=\"brochure\"></div>');
							element2 = document.createElement('<div class=\"description\" id=\"t_' + arrItem['articlenr'] + '\"></div>');
							element3 = document.createElement('<input type=\"checkbox\" name=\"checkBrochures\" value=\"' + arrItem['articlenr'] + '\" />');
							element4 = document.createElement('<div class=\"description2\" style="display:none" id=\"u_' + arrItem['articlenr'] + '\"></div>');
						} catch (e) {
							element1 = document.createElement('div');
							element1.setAttribute('class','brochure');
							element2 = document.createElement('div');
							element2.setAttribute('class','description');
							element2.setAttribute('id','t_' + arrItem['articlenr']);
							element3 = document.createElement('input');
							element3.setAttribute('type','checkbox');
							element3.setAttribute('name','checkBrochures');
							element3.setAttribute('value',arrItem['articlenr']);
							element4 = document.createElement('div');
							element4.setAttribute('class','description2');
							element4.setAttribute('style','display:none');
							element4.setAttribute('id','u_' + arrItem['articlenr']);
						}
						//element2.appendChild(createTextNode(arrItem['description']));
						element2.innerHTML = arrItem['description']; // RvdW added 2008.04.02
						element4.appendChild(createTextNode(arrItem['crmitem']));
						element1.appendChild(element2);
						element1.appendChild(element3);
						element1.appendChild(element4);
						objItemList.appendChild(element1);
					} else {
						if(debugMsg) alert('Not adding ' + arrItem['articlenr'] + ' to list');
					}
				}
			}
		} else {
			objHead = getElementById('choose_head');
			//objHead.firstChild.data = 'samples for download';
			firstTime = false;
			if(objHead.firstChild.data != strSamplesOrder) {
							firstTime = true;
			}
			objHead.firstChild.data = strSamplesOrder; 
			// <div class="sample">
			//   <div class="color"><img src="kleur_test.png" /></div>
			//   <div class="colorcode">#000000</div>
			//   <div class="description" id="t_101">sample 101</div>
			//   <div class="texture">satin</div>
			//   <input type="checkbox" name="checkSamples" value="101" />
			// </div> 
			try {
				element1 = document.createElement('<div class=\"sample\"></div>');
				element2 = document.createElement('<div class=\"color\"></div>');
				element4 = document.createElement('<div class=\"colorcode\"></div>');
				element5 = document.createElement('<div class=\"description\"></div>');
				element6 = document.createElement('<div class=\"texture\"></div>');
			} catch (e) {
				element1 = document.createElement('div');
				element1.setAttribute('class','sample');
				element2 = document.createElement('div');
				element2.setAttribute('class','color');
				element4 = document.createElement('div');
				element4.setAttribute('class','colorcode');
				element5 = document.createElement('div');
				element5.setAttribute('class','description');
				element6 = document.createElement('div');
				element6.setAttribute('class','texture');
			}
			element4.appendChild(createTextNode(colorcodeLabel));
			element5.appendChild(createTextNode(descriptionLabel));
			element6.appendChild(createTextNode(textureLabel));
			element1.appendChild(element2);
			element1.appendChild(element4);
			element1.appendChild(element5);
			element1.appendChild(element6); 
			if(firstTime) {
				objItemList.appendChild(element1); 
			}
			if (arrItemList.length>0) {
				objItemList.style.display = '';	
				for (i=0;i<arrItemList.length;i++) {
					arrItem = eval(arrItemList[i]);		
					// Filter items that are already in list
					if(inList(arrItem['articlenr']) == false) {
						addToList(arrItem['articlenr']); 
						try {
							element1 = document.createElement('<div class=\"sample\"></div>');
							element2 = document.createElement('<div class=\"color\"></div>');
							element3 = document.createElement('<img src=\"' + arrItem["color"] + '\"></img>');
							//element4 = document.createElement('<div class=\"colorcode\"></div>');
element4 = document.createElement('<div class=\"colorcode\" id=\"tc_' + arrItem["articlenr"] + '\"></div>');
							element5 = document.createElement('<div class=\"description\" id=\"t_' + arrItem["articlenr"] + '\"></div>');
							//element6 = document.createElement('<div class=\"texture\"></div>');
element6 = document.createElement('<div class=\"texture\" id=\"tt_' + arrItem["articlenr"] + '\"></div>');
							element7 = document.createElement('<input type=\"checkbox\" name=\"checkSamples\" value=\"' + arrItem["articlenr"] + '\" />');
							element8 = document.createElement('<div class=\"description2\" style="display:none" id=\"u_' + arrItem["articlenr"] + '\"></div>');
						} catch (e) {
							element1 = document.createElement('div');
							element1.setAttribute('class','sample');
							element2 = document.createElement('div');
							element2.setAttribute('class','color');
							element3 = document.createElement('img');
							element3.setAttribute('src',arrItem["color"]);
							element4 = document.createElement('div');
							element4.setAttribute('class','colorcode');
							element4.setAttribute('id','tc_' + arrItem["articlenr"]);
							element5 = document.createElement('div');
							element5.setAttribute('class','description');
							element5.setAttribute('id','t_' + arrItem["articlenr"]);
							element6 = document.createElement('div');
							element6.setAttribute('class','texture');
							element6.setAttribute('id','tt_' + arrItem["articlenr"]);
							element7 = document.createElement('input');
							element7.setAttribute('type','checkbox');
							element7.setAttribute('name','checkSamples');
							element7.setAttribute('value',arrItem["articlenr"]);
							element8 = document.createElement('div');	
							element8.setAttribute('class','description');
							element8.setAttribute('style','display:none');
							element8.setAttribute('id','u_' + arrItem["articlenr"]);	
						}
						element4.appendChild(createTextNode(arrItem["colorcode"]));
						element5.innerHTML = arrItem["description"]; //HS 2008-4-4
						//element5.appendChild(createHtmlTextNode(arrItem["description"]));
						element6.appendChild(createTextNode(arrItem["texture"]));
						element8.appendChild(createTextNode(arrItem["crmitem"]));
						element2.appendChild(element3);
						element1.appendChild(element2);
						element1.appendChild(element4);
						element1.appendChild(element5);
						element1.appendChild(element6);
						element1.appendChild(element7);
						element1.appendChild(element8);
						objItemList.appendChild(element1);
					} else {
						if(debugMsg) alert('Not adding ' + arrItem['articlenr'] + ' to list');
					}
				}
			}
		}
		getElementById('btnAdd').style.display='';
	}
} 
function addOrdersFromSession(intType, intQuantity, intID, strDescription, intCrmItem) {
	with (document) { 
		objOrderList = getElementById('order_list'); 
		if (getElementById('h_' + intID + '_' + intType)!=null) {
			//order bestaat al; quantity met één verhogen
			intQuantity = parseInt(getElementById('q_' + intID + '_' + intType).value) + intQuantity;
		}
		try {
			element = document.createElement('<div class=\"order\" id=\"o_' + intID + '_' + intType + '\"></div>');
		} catch (e) {
			element = document.createElement('div');
			element.setAttribute('class','order');
			element.setAttribute('id','o_' + intID + '_' + intType);
		} 
		objOrderList.appendChild(element);
		objNieuweOrder = getElementById('o_' + intID + '_' + intType);
		// add description layer to order
		try {
			element = document.createElement('<div class=\"description\"></div>');
		} catch (e) {
			element = document.createElement('div');
			element.setAttribute('class','description');
		} 
		//element.appendChild(createTextNode(strDescription));
                                element.innerHTML = strDescription; //hs 2008.04.03
		objNieuweOrder.appendChild(element);
		// add quantity layer with quantity textfield to order
		try {
			element = document.createElement('<div class=\"quantity\"></div>');
		} catch (e) {
			element = document.createElement('div');
			element.setAttribute('class','quantity');
		} 
		try {
			//element2 = document.createElement('<input id=\"q_' + intID + '_' + intType + '\" name=\"txtQuantity\" type=\"text\" value=\"' + intQuantity + '\" onchange=\"changeQuantity(\'' + intID + '\',\'' + intType + '\',this.value)\" />');
			element2 = document.createElement('<input id=\"q_' + intID + '_' + intType + '\" name=\"q_' + intID + '_' + intType + '\" type=\"text\" value=\"' + intQuantity + '\" onchange=\"changeQuantity(\'' + intID + '\',\'' + intType + '\',this.value)\" />'); 
		} catch (e) {
			element2 = document.createElement('input');
			element2.setAttribute('id','q_' + intID + '_' + intType);
			//element2.setAttribute('name','txtQuantity');
			element2.setAttribute('name','q_' + intID + '_' + intType);
			element2.setAttribute('type','text');
			element2.setAttribute('value',intQuantity);
			element2.setAttribute('onchange','changeQuantity(\'' + intID + '\',' + intType + ',this.value);');
		}
		element.appendChild(element2);
		objNieuweOrder.appendChild(element);
		// add functions layer to order met hyperlink
		try {
		element = document.createElement('<div class=\"functions\"></div>');
		} catch (e) {
			element = document.createElement('div');
			element.setAttribute('class','functions');
		}
		try {
			element2 = document.createElement('<a href=\"#\" onclick=\"return(deleteOrder(\'' + intID + '\',' + intType + '));\"></a>');
		} catch (e) {
			element2 = document.createElement('a');
			element2.setAttribute('href','#');
			element2.setAttribute('onclick','return(deleteOrder(\'' + intID + '\',' + intType + '));');
		}
		element2.appendChild(createTextNode(removeLabel));
		element.appendChild(element2);
		objNieuweOrder.appendChild(element);
		// add hidden field to order
		try {
			//element = document.createElement('<input id=\"h_' + intID + '_' + intType + '\" type=\"hidden\" name=\"hdnOrder\" value=\"' + intID + '_' + intType + '_' + intQuantity + '\" />');
			element = document.createElement('<input id=\"h_' + intID + '_' + intType + '\" type=\"hidden\" name=\"h_' + intID + '_' + intType + '\" value=\"' + intID + '_' + intType + '_' + intQuantity + '\" />');
		} catch (e) {
			element = document.createElement('input');
			element.setAttribute('id','h_' + intID + '_' + intType + '');
			//element.setAttribute('name','hdnOrder');
			element.setAttribute('name','h_' + intID + '_' + intType + '');
			element.setAttribute('type','hidden');
			element.setAttribute('value',intID + '_' + intType + '_' + intQuantity);
		} 
		//tk: add hidden description field
		//strDescription
		try {
			element2 = document.createElement('<input id=\"d_' + intID + '_' + intType + '\" type=\"hidden\" name=\"d_' + intID + '_' + intType + '\" value=\"' + strDescription + '\" />');
		} catch (e) {
			element2 = document.createElement('input');
			element2.setAttribute('id','d_' + intID + '_' + intType + '');
			//element.setAttribute('name','hdnOrder');
			element2.setAttribute('name','d_' + intID + '_' + intType + '');
			element2.setAttribute('type','hidden');
			element2.setAttribute('value',strDescription);
		} 
		//ag: add hidden crm_description field
		//strCrmDescription
		try {
			element3 = document.createElement('<input id=\"c_' + intID + '_' + intType + '\" type=\"hidden\" name=\"c_' + intID + '_' + intType + '\" value=\"' + intCrmItem + '\" />');
		} catch (e) {
			element3 = document.createElement('input');
			element3.setAttribute('id','c_' + intID + '_' + intType + '');
			//element.setAttribute('name','hdnOrder');
			element3.setAttribute('name','c_' + intID + '_' + intType + '');
			element3.setAttribute('type','hidden');
			element3.setAttribute('value',intCrmItem);
		} 
		objNieuweOrder.appendChild(element);
		//tk
		objNieuweOrder.appendChild(element2);
		//ag
		objNieuweOrder.appendChild(element3);
	}
	document.getElementById('btnOrder').style.display = 'inline';	
} 
function inList(articlenr) {
	if(debugMsg) alert('Current length of articlenrInList: ' + articlenrInList.length); 
	for(y=0;y<articlenrInList.length;y++) {
		if(articlenrInList[y] == articlenr) {
			if(debugMsg) alert('Item: ' + articlenr + ' is already in array (position: ' + y + ')');
			return true;
		}
	}
	return false;
} 
function addToList(articlenr) {
	var nextIndex;
	if(articlenrInList.length == 0) {
		nextIndex = 0;
	} else {
		nextIndex = articlenrInList.length + 1;
	} 
	if(debugMsg) alert('Adding to array: ' + arrItem['articlenr'] + ' (function addToList is called) Element nr ' + nextIndex + ' will be added');
	articlenrInList[nextIndex] = arrItem['articlenr']; 
} 
function showCookies() {
	getCookie('selextbox1');
	getCookie('selextbox2');
	getCookie('selextbox3');
} 
function SetBoxesFromSession() 
{
	document.order_form.select_first.value = getCookie('selextbox1');
	selectSecond();
	document.order_form.select_second.value = getCookie('selextbox2');
	selectThirth();
	document.order_form.select_thirth.value = getCookie('selextbox3');
	if(document.order_form.select_first.value != '') {
		generateItemList();
	}
}
function setCookie(c_name,value,expiredays)
{
	//alert('Function setCookie: ' + c_name + ' : ' + value + ' : ' + value);
	var exdate=new Date()
	exdate.setDate(exdate.getDate()+expiredays)
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}  
function getCookie(c_name)
{
	if (document.cookie.length>0)
	{
		c_start=document.cookie.indexOf(c_name + "=")
		if (c_start!=-1)
		{ 
			c_start=c_start + c_name.length+1 
			c_end=document.cookie.indexOf(";",c_start)
			if (c_end==-1) c_end=document.cookie.length
			//alert('Function getCookie: ' + document.cookie.substring(c_start,c_end));
			return unescape(document.cookie.substring(c_start,c_end))
		} 
	}
	return "";
} 
var listItems = new Array(); 
function sortByFirstName(a, b) {
	var x = a.label.toLowerCase();
	var y = b.label.toLowerCase();
	return ((x < y) ? -1 : ((x > y) ? 1 : 0));
} 
function ListItem(label, html) {
	this.label = label;
	this.html = html;
} 
function sortDivs(theID) {
	var theParentNode = document.getElementById(theID);
	var name = "";
	var count = 0; 
	// verzamel eerst alle beschikbare divs, start met 1 omdat de eerste 'description' niet mee moet veranderen
	for(var i = 1; i < theParentNode.childNodes.length; i++) {
		// als het een element node is (dus geen text)
		if(theParentNode.childNodes[i].nodeType == 1) {
			//alert(theParentNode.childNodes[i].childNodes.length); 
			for(var y = 0; y < theParentNode.childNodes[i].childNodes.length; y++) {
				if(theParentNode.childNodes[i].childNodes[y].nodeType == 1) { 
					if(theParentNode.childNodes[i].childNodes[y].innerHTML != "") {
						count++;
						if(count < 3) {
							name = theParentNode.childNodes[i].childNodes[y].innerHTML;
							//alert(name + ' : ' + count);
						}
					}
				}						
			}
			count = 0; 
			if(name != "") {
				listItems[listItems.length++] = new ListItem(name, theParentNode.childNodes[i].innerHTML);
			}
			name = "";
		}
	}
	listItems.sort(sortByFirstName); 
	/*
	for (var x = 0; x < listItems.length; x++)
	{
		alert(listItems[x].label + ' : \r\n' + listItems[x].html);
	}
	*/ 
	var index = 0;
	for(var i = 1; i < theParentNode.childNodes.length; i++) {
		if(theParentNode.childNodes[i].nodeType == 1) {
			theParentNode.childNodes[i].innerHTML = listItems[index ++].html;
		} 
	}
	listItems = new Array();
}