// JavaScript Document
var oldFormaat = '';
	function getInfo(url, obj, type, extra, todo){
	    var request = window.XMLHttpRequest ? new XMLHttpRequest() : window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : null;
    	if (!request){ throw new Error("ERROR: XMLHTTP requests are not supported"); }
    	
		request.open("GET", url, true);
    	request.onreadystatechange = function(){
        	if (request.readyState == 4){
				var tmp = request.responseText;
				if(type=='option'){ // pulldown types
					
					if(obj){
						for (r = obj.length - 1; r>=0; r--) {
							obj.remove(r);
						}
					}
					
					var opt = tmp.split('---');
					for(i=0; i < opt.length-1; i++){
						waarde = opt[i].split('||')
						var elOptNew = document.createElement('option');
						elOptNew.text 	= waarde[0];
						elOptNew.value	= waarde[1];
						
						try {
							obj.add(elOptNew, null); // standards compliant; doesn't work in IE
						}
						catch(ex) {
							obj.add(elOptNew); // IE only
						}
						
						
						if(todo=='init' && extra=='form' && waarde[1]==oldFormaat){
							obj.options[i].selected = true;
						}
						if(i==0 && extra=='form'){
							if(document.getElementById('subkop')){
								document.getElementById('subkop').innerHTML = waarde[2];
							}
							changeHoezen(waarde[1]);
							changePrice(waarde[1]);
						} else if(i==0 && extra=="frametype"){
							/*
							obj2 = document.getElementById('extraframe');
							obj2.innerHTML = waarde[0];
							*/
							waarde[2] = waarde[2].replace(',','.');
							prijsframe = waarde[2];
						} else if(extra=="frame" && waarde[1]!=3){
							document.getElementById('frame').options[i].selected = true;
							changeFrameType(waarde[1]);
						} else if(i==0 && extra=="frametype_extra"){
							waarde[2] = waarde[2].replace(',','.');
							prijsextraframe = waarde[2];
						} else if(extra=="frametype_extra" && waarde[1]!=3){
							document.getElementById('frame').options[i].selected = true;
						}
					} // End for
					
					if(opt.length > 2 && extra=="frametype"){
						obj.style.display = 'block';
						document.getElementById('frame_type_tekst').style.display = 'none';
					} else if(extra=="frametype") {
						obj.style.display = 'none';
						obj2 = document.getElementById('frame_type_tekst');
						obj2.style.display = 'block';
						obj2.innerHTML = waarde[0];
						
						/*
						obj2 = document.getElementById('extraframe');
						obj2.innerHTML = waarde[0];
						*/
					} else if(opt.length > 2 && extra=="frametype_extra"){
						obj.style.display = 'block';
						document.getElementById('extraframe_type_tekst').style.display = 'none';
						changeTotaalExtra('', 'init');
					} else if(extra=="frametype_extra") {
						obj.style.display = 'none';
						obj2 = document.getElementById('extraframe_type_tekst');
						obj2.style.display = 'block';
						obj2.innerHTML = waarde[0];
						changeTotaalExtra('', 'init');
					}
					
				} else if(type=='aantalhoes'){ // Pulldown hoezen
					opt = tmp.split('|||')
					prijshoezen = opt[1];
					document.getElementById('subhoes').innerHTML = opt[1];
					if(opt[0]=="ja"){
						var keer = 10;
					} else {
						var keer = 1;
					}
				/*
					if(obj){
						for (r = obj.length - 1; r>=0; r--) {
							obj.remove(r);
						}
					}
					for(i=0; i < 11; i++){
						waarde = i * keer;
						var elOptNew = document.createElement('option');
						elOptNew.text 	= waarde;
						elOptNew.value	= waarde;
					
						try {
							obj.add(elOptNew, null); // standards compliant; doesn't work in IE
						}
						catch(ex) {
							obj.add(elOptNew); // IE only
						}
						if(extra==waarde){
							//obj.options[i].selected = true;
							var aHoes = waarde;
						}
					}
				*/
					if(extra){
						var aHoes = extra;
					}
					if(!aHoes){
						var aHoes = 0;
					}
					obj.value = aHoes;
		
					changeTotaal(aHoes,'hoes');
				} else if(type=="foto") { // Foto´s
					waarde = tmp.split('||');
					obj.innerHTML = waarde[0];
					
					var images = obj.getElementsByTagName('img');
					var total = images.length;
					var loaded = 0;
					
					
					for(var i = 0; i < total; i++ ) {
						images[i].onload = function() {
							loaded++;
							
							if(loaded == total) {
								setReflection();
								if (ie_6) png_fix();
							}
						}
					}
					
					var obj2 = document.getElementById('prodfotos_btn');
					if(obj2){
						obj2.innerHTML = waarde[1];						
					}
					
					//if(extra!="load"){
					//}
				} else if(type=="setHoes") { // Hoezen
					waarde = tmp.split('||');
					if(obj){
						obj.innerHTML = waarde[0];
						document.getElementById('subhoes').innerHTML = waarde[2];
					}
					changeAantalHoes(waarde[1], aantalhoezen);
				} else if(type=="setFormaat") { // Formaat regeltje
					waarde = tmp.split('||');
					if(obj){
						obj.innerHTML = waarde[0]+' = '+waarde[1];
					}
					changeFrame(); // Verander frames
				} else if(type=="setVelMap") { // Formaat regeltje
					waarde = tmp.split('||');
					prijsvellen = parseFloat(waarde[0]);
					if(obj){
						obj.innerHTML = waarde[0];
					}
				} else if(type=="setExtraVel") { // Formaat regeltje
					waarde = tmp.split('||');
					if(obj){
						obj.innerHTML = waarde[0];
					}
				} else if(type=="setExtraFrame") { // Formaat regeltje
					waarde = tmp.split('||');
					if(obj){
						obj.innerHTML = waarde[0];
					}
				} else if(type=="setSubnaam") { // Subnaam regel
					if(obj){
						obj.innerHTML = tmp;
					}
				} else if(type=="setVellen") { // Prijs vellen
					waarde = tmp.split('||');
					prijsextravellen = waarde[0];
					if(obj){
						obj.value = extra +' '+waarde[0];
					}
					var obj2 = document.getElementById('extrasubvel');
					if(obj2){
						obj2.innerHTML = extra +' '+waarde[0];
					}
					changeTotaalVel('', 'init');
					/*
					var obj3 = document.getElementById('extra_tv_id');
					if(obj3){
						obj3.value = waarde[1];
					}
					*/
				} else { // Overig 
					if(type=='setPrijsFrame'){
						waarde = tmp.split('||');
						waarde[0] = parseFloat(waarde[0]);
						prijsextraframe = waarde[0];
						obj.value = waarde[0];
							var obj2 = document.getElementById('formaatExtraDetails');
							if(obj2){
								obj2.innerHTML = waarde[1];
							}
						changeTotaalExtra('','init');
					} else {
						tmp = parseFloat(tmp);
						if(document.getElementById('tussenvellen') && type=='setPrijs' && todo!='init'){ // Vellen
							var velprijs = aantalvellen*prijsvellen;
							velprijs = parseFloat(velprijs);
							
							tmp = tmp + velprijs;
						}
						tmp = tmp.toFixed(2);
						prijs = parseFloat(tmp);
						tmp = tmp.toString();
						tmp = tmp.replace('.',',');
						obj.innerHTML = extra +' '+tmp;
							var obj2 = document.getElementById('prijsperstuk');
							if(obj2){
								obj2.value = tmp;
							}
						changeTotaal(aantal);
					}
				}
				return;
			}
		};
		request.send(null);
		return;
	}
	
	function changePrice(id, todo){
		var url = '/ajax/getPrice.php?id='+id;
		var obj = document.getElementById('prijs');
		tmp = getInfo(url, obj, 'setPrijs', '&euro; ','init');
		return;
	}
	
	function getFotos(id, todo){
		var url = '/ajax/getFoto.php?id='+id;
		var obj = document.getElementById('prodfotos');
		tmp = getInfo(url, obj, 'foto', todo);
		
		//lightwindowInit();
		
		return;
	}
	
	function changeFormat(id, todo){
		var url = '/ajax/getOption.php?id='+id;
		var obj = document.getElementById('formaat');
		if(obj){
			tmp = getInfo(url, obj, 'option','form', todo);
		}
		return;
	}
	
	function changeSubnaam(id){
		var url = '/ajax/getSubnaam.php?id='+id;
		var obj = document.getElementById('subtitle');
		if(obj){
			tmp = getInfo(url, obj, 'setSubnaam','');
		}
		return;
	}
	function changeFrame(){
		var id = document.getElementById('formaat').value;
		
		var url = '/ajax/getFrame.php?id='+id;
		var obj = document.getElementById('frame');
		if(obj){
			tmp = getInfo(url, obj, 'option','frame');
		}
		return;
	}
	
	function changeFrameType(id){
		var type = document.getElementById('formaat').value;
		
		/*
		obj2 = document.getElementById('aantalextraframes');
		if(obj2){
			obj2.options[0].selected = true;
			changeTotaal(0,'extraframes');
		}
		*/
		
		var url = '/ajax/getFrameType.php?id='+id+'&type='+type;
		var obj = document.getElementById('frame_type');
		if(obj){
			tmp = getInfo(url, obj, 'option','frametype');
		}
		
			
		return;
	}
	
	
	function changeHoezen(id){
		var url = '/ajax/getFormaat.php?id='+id;
		var obj = document.getElementById('formaatDetails');
		tmp = getInfo(url, obj, 'setFormaat','');
		var url = '/ajax/getHoezen.php?id='+id;
		var obj = document.getElementById('hoezen');
		if(obj){
			tmp = getInfo(url, obj, 'setHoes','');
		}
		changeVel(id);
		return;
	}
	function changeVel(id){
		var url = '/ajax/getVellenMap.php?id='+id;
		var obj = document.getElementById('subvel');
		tmp = getInfo(url, obj, 'setVelMap','');
		return;
	}
	
	function changeAantalHoes(id, aantal){
		if(document.getElementById('aantalhoezen')){
			var url = '/ajax/getBijprod.php?id='+id;
			var obj = document.getElementById('aantalhoezen');
			tmp = getInfo(url, obj, 'aantalhoes',aantal);
			
			obj2 = document.getElementById('hoes_id');
			if(obj2){
				obj2.value = id;
			}
		}
		return;
	}
	
	function setReflection(){
		addReflections();
		return;
	}

var aantal 			= 1;	
var aantalhoezen 	= 0;	
var aantalvellen 	= 0;	
var aantalextravellen 	= 0;
var aantalextraframe 	= 0;
var prijs 			= '';
var prijshoezen		= '';
var prijsvellen		= '';
var prijsextravellen = '';
var prijsframe		= '';
var prijsextraframe	= '';
var prijsuitrusting	= 0;

	function changeTotaal(tmp, send){
		if(send=='hoofd'){
			aantal = tmp;
		} else if(send == 'hoes'){
			aantalhoezen = tmp;
		} else if(send == 'vellen'){
			aantalvellen = tmp - 2; // 2 gratis vellen
		} else if(send == 'extravellen'){
			aantalextravellen = tmp;
		} else if(send == 'extraframes'){
			aantalextraframe = tmp;
		} else if(send == 'uitrusting'){
			var uitPrijs = uitrusting[tmp];
			prijsuitrusting = uitPrijs;
		}			
		
		var subtotaal = parseFloat(prijs);
		if(document.getElementById('frame')){ // Tussenvellen beinvloed de prijs
			frame = document.getElementById('frame');
			if(frame.value==3){
				subtotaal = subtotaal + 2;	
			}
			var totaal2 = subtotaal.toFixed(2);
			totaal2 = totaal2.replace('.',',');
			var obj2 = document.getElementById('prijs');
			if(obj2){
				obj2.innerHTML = '&euro; ' + totaal2;
			}
			var obj3 = document.getElementById('prijsperstuk');
			if(obj3){
				obj3.value = totaal2;
			}
		}
		if(document.getElementById('tussenvellen')){ // Tussenvellen beinvloed de prijs
			waarde = parseFloat(aantalvellen*prijsvellen);
			tmpprijs = parseFloat(subtotaal);
			//alert(waarde + ' - '+tmpprijs);
			tmptotaal = waarde+tmpprijs;
			tmptotaal = parseFloat(tmptotaal);
			var totaal2 = tmptotaal.toFixed(2);
			totaal2 = totaal2.replace('.',',');
			var obj2 = document.getElementById('prijs');
			if(obj2){
				obj2.innerHTML = '&euro; ' + totaal2;
			}
			var obj3 = document.getElementById('prijsperstuk');
			if(obj3){
				obj3.value = totaal2;
			}
			subtotaal = subtotaal + waarde;
		}
		
		subtotaal = aantal * subtotaal;
		subtotaal = parseFloat(subtotaal);
		if(document.getElementById('aantalhoezen')){ // Hoezen
			waarde = parseFloat(aantalhoezen*prijshoezen);
			subtotaal = subtotaal + waarde;
			
			var totaal2 = waarde.toFixed(2);
			totaal2 = totaal2.replace('.',',');
			var obj2 = document.getElementById('prijsHoezen');
			if(obj2){
				obj2.innerHTML = '&euro; ' + totaal2;
			}
		}
		/*
		if(document.getElementById('aantalextraframes')){ // Frame
			waarde = parseFloat(aantalextraframe*prijsframe);
			subtotaal = subtotaal + waarde;
			
			var totaal2 = waarde.toFixed(2);
			totaal2 = totaal2.replace('.',',');
			var obj2 = document.getElementById('prijsExtraFrame');
			if(obj2){
				obj2.innerHTML = '&euro; ' + totaal2;
			}
		}
		if(document.getElementById('extratussenvellen')){ // Hoezen
			waarde = parseFloat(aantalextravellen*prijsvellen);
			subtotaal = subtotaal + waarde;
			
			var totaal2 = waarde.toFixed(2);
			totaal2 = totaal2.replace('.',',');
			var obj2 = document.getElementById('prijsExtraFrameType');
			if(obj2){
				obj2.innerHTML = '&euro; ' + totaal2;
			}
		}
		*/
		if(document.getElementsByName('uitrusting')){ // uitrusting
			subtotaal = subtotaal + parseFloat(prijsuitrusting);
		}
		//alert(subtotaal);
		var totaal = subtotaal.toFixed(2);
		totaal = totaal.toString();
		var obj = document.getElementById('totaalprijs');
		totaal = totaal.replace('.',',');
		if(obj){
			obj.innerHTML = '&euro; '+totaal;
			var obj = document.getElementById('prijstotaal');
			obj.value = totaal;
		}
	}
	
	
	/*	Extra frames */
	function changeExtraFrame(id){
		var eType = document.getElementById('formaatextraframe').value;
		var url = '/ajax/getExtraFramePrijs.php?id='+eType+'&type='+id;
		var obj = document.getElementById('prijsstukFrame');
		if(obj){
			tmp = getInfo(url, obj, 'setPrijsFrame', '&euro; ','init');
			//tmp = getInfo(url, obj, 'setExtraFrame','');
		}
		return;
	}
	function changePriceFrame(id, todo){
		var eType = document.getElementById('extraframe_type').value;
		var url = '/ajax/getExtraFramePrijs.php?id='+id+'&type='+eType;
		var obj = document.getElementById('prijsstukFrame');
		if(obj){
			tmp = getInfo(url, obj, 'setPrijsFrame', '&euro; ','init');
		}
		return;
	}
	
	function changeFrameTypeExtra(id){
		var type = document.getElementById('formaatextraframe').value;
		var url = '/ajax/getExtraFrameType.php?id='+id+'&type='+type;
		var obj = document.getElementById('extraframe_type');
		if(obj){
			tmp = getInfo(url, obj, 'option','frametype_extra');
		}
		
			
		return;
	}
	
	function changeTotaalExtra(value, type){
		if(type=='aantal'){
			aantalextraframe = value;	
		}
		var subtotaal = parseFloat(aantalextraframe*prijsextraframe);
		
		//alert(subtotaal);
		var totaal = subtotaal.toFixed(2);
		totaal = totaal.toString();
		var obj = document.getElementById('prijsExtraFrame');
		totaal = totaal.replace('.',',');
		if(obj){
			obj.innerHTML = '&euro; '+totaal;
			var obj = document.getElementById('prijstotaalFrame');
			obj.value = totaal;
		}
	}
	
	
	/*	Extra vellen */
	function changeVellen(id){
		var url = '/ajax/getVellen.php?id='+id;
		var obj = document.getElementById('prijsstukVel');
		tmp = getInfo(url, obj, 'setVellen','');
		return;
	}
	
	function changeTotaalVel(value, type){
		if(type=='aantal'){
			aantalextravellen = value;	
		}
		var subtotaal = parseFloat(aantalextravellen*prijsextravellen);
		
		//alert(subtotaal);
		var totaal = subtotaal.toFixed(2);
		totaal = totaal.toString();
		var obj = document.getElementById('prijsExtraVel');
		totaal = totaal.replace('.',',');
		if(obj){
			obj.innerHTML = '&euro; '+totaal;
			var obj = document.getElementById('prijsExtraVel');
			obj.value = totaal;
		}
			
	}
	
	function checkIfNumber(e){
		if(!e)
			var e = window.event;
		value = document.getElementById('aantal').value;
		if((e.keyCode >= 46 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105) || e.keyCode == 8 || (e.keyCode >= 37 && e.keyCode <= 40)){
			return true;
		} else {
			return false;
		}
	}
	
	function png_fix() {
		var arVersion = navigator.appVersion.split("MSIE");
		var version = parseFloat(arVersion[1]);
		
		for(var i=0; i<document.images.length; i++)
		{
			var img = document.images[i];
			var imgName = img.src.toUpperCase();
		  
			if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
			{
				if(!img.style.filter) {
					var div = document.createElement('div');
					div.className = img.className;
					div.id = img.id;
					div.title = img.title;
									
					div.style['filter'] = ' progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+ img.src + '",sizingMethod="scale")';
					div.style['height'] = img.height+'px';
					div.style['width'] = img.width+'px';
	
					// Vervang de img met de div
					img.parentNode.replaceChild(div,img);
										
					i--;
				}
			}
		}
	}