function startMenu() {
	var aImg = new Array("kopieren_0","printen_0","scannen_0", "faxen_0", "zwartwit_0", "Kleur_0", "aantal_0", "A4_kleiner_0", "A4_groter_0", "verder_0");
	document.tI = new Array();
	
	aImg.each(
		function(aItem, index) {
			for (var i = 1; i <= 3; i++) {
				document.tI[index] = new Image(120,120);
				document.tI[index] = "images/" + aItem + String(i) + ".png";
			}
		}
	);


	var ulses = $$("ul.selection");
	
	ulses.each(	
		function(uls, indexu) {			
			var lis = collectionToArray(ulses[indexu].getElementsByTagName("A"));
			var orgList = ulses[indexu].getElementsByTagName("A");

			if (lis.length > 1) 
				ulses[indexu].setAttribute("selItem", "-1");
				
			lis.each(
				function(aHref, index) {
					var imgS = lis[index].childNodes[0];	
					
					aHref = lis[index];
					aHref.onmouseover = function() {
						if (isIE6) imgS.style.filter = imgS.style.filter.replace("01", "02");
						else imgS.src = imgS.src.replace("01", "02");
					}
					aHref.onmouseout = function() {
						if (isIE6) imgS.style.filter = imgS.style.filter.replace("02", "01");
						else imgS.src = imgS.src.replace("02", "01");
					}
					
										
					if (lis.length > 1) {					
						aHref.onclick = function() {
							
							
							
							if (ulses[indexu].hasClassName("multiple")) {
								if (isIE6) { 
									if (imgS.style.filter.indexOf("03") > -1) {
										imgS.style.filter = imgS.style.filter.replace("03", "02");
										this.setAttribute("selected", "0");
									} else {
										imgS.style.filter = imgS.style.filter.replace("02", "03");
										imgS.style.filter = imgS.style.filter.replace("01", "03");										
										this.setAttribute("selected", "1");	
									}
									validateEntry(2);
								} else {								
									if (imgS.src.indexOf("03") > -1) {									
										imgS.src = imgS.src.replace("03", "02");
										this.setAttribute("selected", "0");									
									} else {
										imgS.src = imgS.src.replace("02", "03");
										this.setAttribute("selected", "1");									
									}		
									validateEntry(2);
								}								
							} else {
								var selItem = parseInt(uls.getAttribute("selItem"));								
								if (selItem == index) return false;																
								
								if (isIE6) { 
									imgS.style.filter = imgS.style.filter.replace("02", "03")
									imgS.style.filter = imgS.style.filter.replace("01", "03");
								}
								else imgS.src = imgS.src.replace("02", "03");
								
								if (selItem > -1) {
									var selImg = lis[selItem].childNodes[0];
									
									if (isIE6) selImg.style.filter = selImg.style.filter.replace("03", "01");
									else selImg.src = selImg.src.replace("03", "01");								
								}	
								
								uls.setAttribute("selItem", index);
								validateEntry(2);
							}
							return false;
						}
					} else {	
						if (ulses[indexu].hasClassName("showdrop")) {
							var dropUL = document.createElement("ul");
							dropUL.id = "dropdown";
							dropUL.className = "dropdown";
							dropUL.style.display = "none";
							dropUL.style.zIndex = "1000";
							//dropUL.innerHTML = '<li><div>Geschat verbruik per maand</div></li><li><a href="#" rel="36">tot 250 pagina’s</a></li><li><a href="#" rel="37">tot 500 pagina’s</a></li><li><a href="#" rel="38">tot 1.000 pagina’s</a></li><li><a href="#" rel="39">tot 2.500 pagina’s</a></li><li><a href="#" rel="40">tot 5.000 pagina’s</a></li><li><a href="#" rel="41">tot 7.500 pagina’s</a></li><li><a href="#" rel="42">tot 10.000 pagina’s</a></li><li><a href="#" rel="43">tot 15.000 pagina’s</a></li><li><a href="#" rel="44">tot 25.000 pagina’s</a></li><li><a href="#" rel="45">tot 50.000 pagina’s</a></li><li><a href="#" rel="46">tot 75.000 pagina’s</a></li>';
							dropUL.innerHTML = '<li><div>Geschat verbruik per maand</div></li><li><a href="#" rel="250">tot 250 pagina’s</a></li><li><a href="#" rel="500">tot 500 pagina’s</a></li><li><a href="#" rel="1000">tot 1.000 pagina’s</a></li><li><a href="#" rel="2500">tot 2.500 pagina’s</a></li><li><a href="#" rel="5000">tot 5.000 pagina’s</a></li><li><a href="#" rel="7500">tot 7.500 pagina’s</a></li><li><a href="#" rel="10000">tot 10.000 pagina’s</a></li><li><a href="#" rel="15000">tot 15.000 pagina’s</a></li><li><a href="#" rel="25000">tot 25000 pagina’s</a></li><li><a href="#" rel="50000">tot 50.000 pagina’s</a></li><li><a href="#" rel="75000">tot 75.000 pagina’s</a></li>';
							aHref.parentNode.insertBefore(dropUL, aHref);
							
						}
						aHref.onclick = function() {	
							$("notice").style.display = "none";
							if ($("dropdown").getStyle("display") == "none") {
								new Effect.BlindDown("dropdown",{duration: 0.3});
								validateEntry(2);
							}							
							return false;
						}
					}
				}				
			);
		}			
	);
	
	$$("div.verder").each(
		function(uls) {
			var lis = $A(uls.getElementsByTagName("a"));
			lis.each(
				function(aHref) {
					var imgS = isIE6 ? aHref.getElementsByTagName("SPAN")[0] : aHref.getElementsByTagName("IMG")[0];	
					
					aHref.onmouseover = function() {
						if (isIE6) imgS.style.filter = imgS.style.filter.replace("01", "02");
						else imgS.src = imgS.src.replace("01", "02");
					}
					aHref.onmouseout = function() {
						if (isIE6) imgS.style.filter = imgS.style.filter.replace("02", "01");
						else imgS.src = imgS.src.replace("02", "01");
					}
					aHref.onclick = function() {
						validateEntry(1);
						
						if ($$(".invalid").size() < 1) {
							myForm.submit();
						} 
						return false;
					}
				}
			);
		}			
	);
								
	Event.observe($$("body")[0], 'click', hideDrop);

	$$("ul.dropdown a").each(
		function(aHrefs, index) {
			aHrefs.onclick = function() {
				$("notice").style.display = "";
				$("notice").setAttribute("selItem", aHrefs.rel);
				$("notice").childElements()[0].update("tot " + aHrefs.rel + " pagina’s");
				var thisA = $$("ul.dropdown")[0].siblings()[0];
					validateEntry();
				if (isIE6) { 
					thisA.childNodes[0].style.filter = thisA.childNodes[0].style.filter.replace("01", "03");
					thisA.childNodes[0].style.filter = thisA.childNodes[0].style.filter.replace("02", "03");
				}
				else thisA.childNodes[0].src = "/assets/images/aantal_03.png";
				return false;
			}
		}
	);
		
	$('mylink').onmouseover = function() {
		$('toolTip').show();
	}
	$('mylink').onmouseout = function() {
		$('toolTip').hide();
	}
}

function hideDrop() {
	if ($("dropdown").getStyle("display") != "none") {
		new Effect.BlindUp("dropdown",{duration: 0.3});	
	}
}

function collectionToArray(collection) 
{ 
	var ary = []; 
	for(var i=0, len = collection.length; i < len; i++) 
	{ 
	    ary.push(collection[i]); 
	} 
	return ary; 
} 

function validateEntry(vid) {	


	var uls = $$("ul.selection");
	
	if ($("notice").getStyle("display") != "none") {
		var radBox;
		if (!isIE) {
			radBox = document.createElement("input");
			radBox.type = "radio";
			radBox.value = $("notice").getAttribute("selItem");
			radBox.name = "pages";
			radBox.checked = true;
		} else {
			radBox = document.createElement('<input type="radio" name="pages" value="'+$("notice").getAttribute("selItem")+'" checked />');
		}
		myForm.appendChild(radBox);
		
		$$(".showdrop")[0].removeClassName("invalid");
		$$(".showdrop")[0].addClassName("valid");
		$("div2").getElementsByTagName("IMG")[0].src = "/assets/images/3.png";

	} else { 	
		if(vid=='1'){
			$$(".showdrop")[0].removeClassName("valid");
			$$(".showdrop")[0].addClassName("invalid");
			$("div2").getElementsByTagName("IMG")[0].src = "/assets/images/3rw.png";
		}
	}
	
	uls.each(
		function (ul, indexUL) {
			if (ul.hasClassName("showdrop")) return false;
			
			ul.removeClassName("invalid");
			ul.removeClassName("valid");
			
			if (uls[indexUL].getElementsByTagName("A").length > 0) {
				var aHrefs = ul.getElementsByTagName("A");				
				
				if (aHrefs.length < 2) return false;
				
				if (ul.hasClassName("multiple")) {
					var j = 0;
					for (var i = 0; i < aHrefs.length; i++) {
						if (aHrefs[i].getAttribute("selected") == "1") {
							j ++;
							var chkBox;
							if (!isIE) {
								chkBox = document.createElement("input");
								chkBox.type = "checkbox";
								chkBox.setAttribute("name",aHrefs[i].rel.split("_")[0]);
								chkBox.setAttribute("value", aHrefs[i].rel.split("_")[1]);							
								chkBox.checked = true;
							} else {
								chkBox = document.createElement('<input type="checkbox" name="'+aHrefs[i].rel.split("_")[0]+'" value="'+aHrefs[i].rel.split("_")[1]+'" checked />');
							}
							myForm.appendChild(chkBox);
						}
					}
					
					if (j == 0) {
						if(vid=='1'){
						ul.addClassName("invalid");
						$("div" + String(indexUL)).getElementsByTagName("IMG")[0].src = "/assets/images/" + String(indexUL + 1) + "rw.png";						
						}
					} else {
						ul.addClassName("valid");
						$("div" + String(indexUL)).getElementsByTagName("IMG")[0].src = "/assets/images/" + String(indexUL + 1) + ".png";
					}
					
				} else {
					var aIndex = parseInt(ul.getAttribute("selitem"));
					if (aIndex > -1) {
						var radBox;
						if (!isIE) {
							radBox = document.createElement("input");
							radBox.type = "radio";
							radBox.setAttribute("name", aHrefs[aIndex].rel.split("_")[0]);
							radBox.setAttribute("value", aHrefs[aIndex].rel.split("_")[1]);
							radBox.checked = true;
						} else {
							radBox = document.createElement('<input type="radio" name="'+aHrefs[aIndex].rel.split("_")[0]+'" value="'+aHrefs[aIndex].rel.split("_")[1]+'" checked />');
						}
						myForm.appendChild(radBox);
						ul.addClassName("valid");
						$("div" + String(indexUL)).getElementsByTagName("IMG")[0].src = "/assets/images/" + String(indexUL + 1) + ".png";
					} else {
						if(vid=='1'){	
						ul.addClassName("invalid");
						$("div" + String(indexUL)).getElementsByTagName("IMG")[0].src = "/assets/images/" +  String(indexUL + 1) + "rw.png";
						}
					}
				}
			}
		}
	);	
}

var myForm;

function createForm() {

	myForm = document.createElement("form");
	myForm.method = "post";
	myForm.action = "producten/yourdetails.php";
	myForm.style.display = "none";
	document.getElementsByTagName("BODY")[0].appendChild(myForm);
}

Event.observe(window, 'load', function() {startMenu(); createForm();});