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;

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);
	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);
	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';
	naarwinkelwagen(pid);
	}
}
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 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;
}
// Pakjegemak
srcUrl = "http://www.locatiekiezer.nl/Default.aspx?apikey=9a2ce75748068773&productlabel=zad&stylesheet=&passdataurl=https://www.jouwsexwinkel.nl/passdata.html&address=";


function ShowPopup(){
	if(document.getElementById("woonplaats").value != ''){
		srcUrlAddres = "&address=" + document.getElementById("woonplaats").value;
	} else {
		srcUrlAddres = "&address=" + 'veendam';
	}

	newwindow=window.open(srcUrl+srcUrlAddres, "PakJeGemak", config="location=0, directories=0, status=0, resizable=0, menubar=0, toolbar=0, scrollbars=1, width=800,height=610");
	if (window.focus) {newwindow.focus()}
	return false;
}