var http_request = false;
var prodid = 1;
var flyingSpeed = 25;
var winkelwagen = false;
var vliegding = false;
var plaatje = false;
var shopping_cart_x = false;
var shopping_cart_y = false;
var diffX = false;
var diffY = false;
var currentXPos = false;
var currentYPos = false;
var orgineel_plaat = '';
var orgineel_plaat_width = '';
var orgineel_plaat_height = '';
var nieuw_plaat = '';
var nieuw_plaat_width = '';
var nieuw_plaat_height = '';


function ajax(url,vars,callbackFunction){
	if(window.XMLHttpRequest){
		var request = new XMLHttpRequest();
	} else {
		var request = new ActiveXObject('MSXML2.XMLHTTP.3.0');
	}

	request.open('POST',url,true);
	request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

	request.onreadystatechange = function(){
		if(request.readyState == 4 && request.status == 200){
			if(request.responseText){
				callbackFunction(request.responseText);
				
			}
		}
	}
	request.send(vars);
}
function wagentje(result){
	gebid('winkelwagen').innerHTML = result;
}

function bestellen(pid,but){
	
	var m2 = gebid('maat'+pid);
	var batterij = (gebid('batterij') ? gebid('batterij') : '');


	if (batterij.checked==true) {
		ajax('/plaats_in_winkelwagen.html',"pid="+batterij.value+"&maat=",wagentje);
	}
	
	if(m2 && m2.value == ''){
		alert('U heeft geen maat opgegeven');
	} else {
	/*gebid('best'+pid).src='/img/succes.gif';*/
	if(!winkelwagen)winkelwagen = gebid('winkelblok');
	if(!vliegding){
		vliegding = document.createElement('DIV');
		vliegding.style.position = 'absolute';
		document.body.appendChild(vliegding);
	}
	shopping_cart_x = linkspos(winkelwagen);
	shopping_cart_y = toppos(winkelwagen);
	plaatje = gebid('product'+pid);
	orgineel_plaat = plaatje.src;
	nieuw_plaat = plaatje.src;	
	orgineel_plaat_width = plaatje.width;	
	orgineel_plaat_height = plaatje.height;	
	nieuw_plaat_width = plaatje.width;	
	nieuw_plaat_height = plaatje.height;	
	
	nieuw_plaat = nieuw_plaat.replace(/500x500/i, "150x150");
	nieuw_plaat = nieuw_plaat.replace(/450x450/i, "150x150");
	plaatje.src = nieuw_plaat;
	plaatje.height = 150;
	plaatje.width = 150;
	
	
	currentXPos = linkspos(plaatje);
	currentYPos = toppos(plaatje);
	diffX = shopping_cart_x - currentXPos;
	diffY = shopping_cart_y - currentYPos;
	var shoppingContentCopy = plaatje.cloneNode(true);
	shoppingContentCopy.id='';
	vliegding.innerHTML = '';
	vliegding.style.left = currentXPos+'px';
	vliegding.style.top = currentYPos+'px';
	vliegding.appendChild(shoppingContentCopy);
	vliegding.style.display='block';
	vliegding.style.width = plaatje.offsetWidth+'px';

	plaatje.src = orgineel_plaat;
	plaatje.height = orgineel_plaat_height;
	plaatje.width = orgineel_plaat_width;
	naarwinkelwagen(pid);
		if (but == 1 ){
			setTimeout("top.location.replace('winkelwagen.html')", 1000);
		}

	}
}
function toppos(invoer){		
	var uitvoer = invoer.offsetTop;
	while((invoer = invoer.offsetParent) != null){
		if(invoer.tagName!='HTML')uitvoer += invoer.offsetTop;
	}
	return uitvoer;
}
function linkspos(invoer){
	var uitvoer = invoer.offsetLeft;
	while((invoer = invoer.offsetParent) != null){
		if(invoer.tagName!='HTML')uitvoer += invoer.offsetLeft;
	}
	return uitvoer;
}

function naarwinkelwagen(pid){
	var maxDiff = Math.max(Math.abs(diffX),Math.abs(diffY));
	var moveX = (diffX / maxDiff) * flyingSpeed;;
	var moveY = (diffY / maxDiff) * flyingSpeed;	
	currentXPos = currentXPos + moveX;
	currentYPos = currentYPos + moveY;
	vliegding.style.left = Math.round(currentXPos)+'px';
	vliegding.style.top = Math.round(currentYPos)+'px';	
	if(moveX>0 && currentXPos > shopping_cart_x){
		vliegding.style.display='none';		
	}
	if(moveX<0 && currentXPos < shopping_cart_x){
		vliegding.style.display='none';		
	}
	if(vliegding.style.display=='block'){
		setTimeout('naarwinkelwagen("'+pid+'")',25);

	} else {
		gooiinwagen(pid);
	}
}
function gooiinwagen(id){
	var m2 = gebid('maat'+id);
	if(m2){
		var maat = m2.value;
	}
	ajax('/plaats_in_winkelwagen.html',"pid="+id+"&maat="+maat,wagentje);

	prodid = id;
}
function gebid(id){
	return document.getElementById(id);
}

function highlight_row(id){
	
	document.getElementById('mouseover'+id+'_1').className=(document.getElementById('mouseover'+id+'_1').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_2').className=(document.getElementById('mouseover'+id+'_2').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_3').className=(document.getElementById('mouseover'+id+'_3').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_4').className=(document.getElementById('mouseover'+id+'_4').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_5').className=(document.getElementById('mouseover'+id+'_5').className=='winkelwagen_over'?'':'winkelwagen_over');
	
}
function highlight_row2(id){
	
	document.getElementById('mouseover'+id+'_1').className=(document.getElementById('mouseover'+id+'_1').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_2').className=(document.getElementById('mouseover'+id+'_2').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_3').className=(document.getElementById('mouseover'+id+'_3').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_4').className=(document.getElementById('mouseover'+id+'_4').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_5').className=(document.getElementById('mouseover'+id+'_5').className=='winkelwagen_over'?'':'winkelwagen_over');
	document.getElementById('mouseover'+id+'_6').className=(document.getElementById('mouseover'+id+'_6').className=='winkelwagen_over'?'':'winkelwagen_over');
	
}
function checkUncheckAll(theElement) {
	var theForm = theElement.form, z = 0;
	
	for(z=0; z<theForm.length;z++){
		theForm[z].name = theForm[z].name.replace(/\[[a-z]+\]/gi, "");
		theForm[z].name = theForm[z].name.replace(/\[[[0-9]+\]/gi, "");
		
		if(theForm[z].type == 'checkbox' && theForm[z].name == 'verwijder'){
			
			theForm[z].checked = theElement.checked;
		}
	}
}

function winkelwagen_extraoptie (optie, bedrag) {
	var subtotaal_id = document.getElementById('subtotaal'), btw_bedrag_id = document.getElementById('btw_bedrag'), totaal_bedrag_id = document.getElementById('totaalprijs');
	var nieuw_subtotaal, nieuw_btw_bedrag,  optie_btw_bedrag, totaal_bedrag;
	
	
	if (bedrag!='0.00' ) {
		bedrag = bedrag.replace(/€/i, "");
		bedrag = bedrag.replace(/&euro;/i, "");
		
		bedrag = bedrag.replace(/,/i, ".");
		
		nieuw_subtotaal = subtotaal_id.innerHTML.replace("&nbsp;€ ", "");
		
		nieuw_subtotaal = nieuw_subtotaal.replace(/,/i, ".");
		
		nieuw_btw_bedrag = btw_bedrag_id.innerHTML.replace("&nbsp;€ ", "");
		nieuw_btw_bedrag = nieuw_btw_bedrag.replace(/,/i, '.');
		
		optie_btw_bedrag =  eval(bedrag / 100);		
		optie_btw_bedrag =  eval(optie_btw_bedrag * 19);
		optie_btw_bedrag = optie_btw_bedrag.toFixed(2)
		
		nieuw_totaal_bedrag = totaal_bedrag_id.innerHTML.replace("&nbsp;€ ", "");
		nieuw_totaal_bedrag = nieuw_totaal_bedrag.replace(/,/i, '.');
		
		
		if (document.getElementById('extra_opties['+optie+']').checked == true) {// erbij
		
			document.getElementById(optie).innerHTML = '&nbsp;€ '+ bedrag;
			nieuw_subtotaal = eval(nieuw_subtotaal) + eval(bedrag);
			nieuw_btw_bedrag = eval(nieuw_btw_bedrag) + eval(optie_btw_bedrag);
			nieuw_totaal_bedrag = eval(nieuw_totaal_bedrag) + eval(bedrag) + eval(optie_btw_bedrag);
			
			subtotaal_id.innerHTML = '&nbsp;€ '+ nieuw_subtotaal.toFixed(2);
			btw_bedrag_id.innerHTML = '&nbsp;€ '+ nieuw_btw_bedrag.toFixed(2);
			
			
			totaal_bedrag_id.innerHTML = '&nbsp;€ '+ nieuw_totaal_bedrag.toFixed(2);
		}else{// eraf
			document.getElementById(optie).innerHTML = '&nbsp;€ 0.00';
			nieuw_subtotaal = eval(nieuw_subtotaal) - eval(bedrag);
			nieuw_btw_bedrag = eval(nieuw_btw_bedrag) - eval(optie_btw_bedrag);
			nieuw_totaal_bedrag = eval(nieuw_totaal_bedrag) - eval(bedrag) - eval(optie_btw_bedrag);
			
			subtotaal_id.innerHTML = '&nbsp;€ '+ nieuw_subtotaal.toFixed(2);
			btw_bedrag_id.innerHTML = '&nbsp;€ '+ nieuw_btw_bedrag.toFixed(2);
			
			
			totaal_bedrag_id.innerHTML = '&nbsp;€ '+ nieuw_totaal_bedrag.toFixed(2);
			
		}
	}
	
	
}

function confirm_bericht(text, url){
	
	if(confirm(text)) {
		top.location.replace(url);
	}
	
}
function postcode_2_adres(nr){
	if(/^\d{4} ?$/.test(gebid('postcode'+nr).value) || /^\d{4} ?[A-Za-z]{2}$/.test(gebid('postcode'+nr).value)){
		pcnr = nr;
		ajax('/postcode_2_adres.html',"postcode="+gebid('postcode'+nr).value,postcode_2_adres2);
	}
}
function postcode_2_adres2(result){
	if(result != ''){
		arr = result.split('|');
		gebid('straatnaam'+pcnr).value = arr[0];
		gebid('woonplaats'+pcnr).value = arr[1];
		gebid('land'+pcnr).options[arr[2]-1].selected=true;
	}
}

function verzendmethode(actie){
	if(actie == 'pakjegemak'){
		gebid('verzendadres').style.display = '';
		gebid('pakjegemaktxt').style.display = '';
		gebid('pakjegemak').style.display = '';
	} else if(actie == 'anderaflever'){
		gebid('verzendadres').style.display = '';
		gebid('pakjegemaktxt').style.display = 'none';
		gebid('pakjegemak').style.display = 'none';
	} else {
		gebid('verzendadres').style.display = 'none';
		gebid('pakjegemaktxt').style.display = 'none';
		gebid('pakjegemak').style.display = 'none';
		
	}
}
function betaalmethoden(land){
	ajax('/paymentmethod.html',"land="+land,betaalmethoden2);
}
function betaalmethoden2(result){
	gebid('bm_specific').innerHTML = result;
}
function pakjegemak(result){
	gebid('iFramePopup').innerHTML = result;
}