var flyingSpeed = 10;
var shopping_cart_div = false;
var flyingDiv = false;
var currentProductDiv = false;
var shopping_cart_x = false;
var shopping_cart_y = false;
var slide_xFactor = false;
var slide_yFactor = false;
var diffX = false;
var diffY = false;
var currentXPos = false;
var currentYPos = false;

function shoppingCart_getTopPos(inputObj){		
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function shoppingCart_getLeftPos(inputObj){
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}


function toonMandje() {
	ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_mandje.php";
	ajax.onCompletion = mandjeReady;
	ajax.runAJAX();
}

function mandjeReady() {
	if (ajax.responseStatus){
		eval((ajax.response));
	}
}

function toonKassa() {
	ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_kassa.php";
	ajax.onCompletion = kassaReady;
	ajax.runAJAX();
}

function kassaReady() {
	if (ajax.responseStatus){
		eval((ajax.response));
	}
}

function artVerwijderen(Art_ID,V1,OP1,V2,OP2,V3,OP3,V4,OP4,V5,OP5,V6,OP6) {
	if(confirm(document.getElementById('txt_verw').value)) {
		ajax.setVar("id2", 0);
		ajax.setVar("id1", Art_ID);
		ajax.setVar('varH1A'+Art_ID, V1);
		ajax.setVar('varH2A'+Art_ID, V2);
		ajax.setVar('varH3A'+Art_ID, V3);
		ajax.setVar('varH4A'+Art_ID, V4);
		ajax.setVar('varH5A'+Art_ID, V5);
		ajax.setVar('varH6A'+Art_ID, V6);
		ajax.setVar('vr1Op', OP1);
		ajax.setVar('vr2Op', OP2);
		ajax.setVar('vr3Op', OP3);
		ajax.setVar('vr4Op', OP4);
		ajax.setVar('vr5Op', OP5);
		ajax.setVar('vr6Op', OP6);
		ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_artadd.php";
		ajax.onCompletion = artAddReady;
		ajax.runAJAX();
	}
}

function artToevoegen2(Art_ID) {
	var ok = 1;
	for(i=1;i<7;i++){
		if(ok==1) {
			var v = eval( document.getElementById('varH'+i+'A'+Art_ID+''));
			ajax.setVar("varH"+i+"A"+Art_ID, v.value);
			if(v.value!="0") {
				var vD = eval( document.getElementById('var'+i+'A'+Art_ID+''));
				var r = vD.selectedIndex;
				var g = vD.options[r].value;
				ajax.setVar("vr"+i+"Op", g);
				var t = eval( document.getElementById('varVP'+i+'A'+Art_ID+''));
				if(t.value==1) {
					if(g==0) {
						alert(document.getElementById('verplicht').value);
						vD.focus();
						ok = 0;
					}
				}
			}
		}
	}
	
	if(ok==1) {
		var el = eval( document.getElementById('aant'+Art_ID+''));
		ajax.setVar("id2", el.value);
		ajax.setVar("id1", Art_ID);
		ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_artadd.php";
		ajax.onCompletion = artAddReady;
		ajax.runAJAX();
	}
	return(ok);
}

function artAanpassen(Art_ID,ID,V1,OP1,V2,OP2,V3,OP3,V4,OP4,V5,OP5,V6,OP6) {
	var el = eval( document.getElementById('aant'+Art_ID+''+ID));
	ajax.setVar("id2", el.value);
	ajax.setVar("id1", Art_ID);
	ajax.setVar('varH1A'+Art_ID, V1);
	ajax.setVar('varH2A'+Art_ID, V2);
	ajax.setVar('varH3A'+Art_ID, V3);
	ajax.setVar('varH4A'+Art_ID, V4);
	ajax.setVar('varH5A'+Art_ID, V5);
	ajax.setVar('varH6A'+Art_ID, V6);
	ajax.setVar('vr1Op', OP1);
	ajax.setVar('vr2Op', OP2);
	ajax.setVar('vr3Op', OP3);
	ajax.setVar('vr4Op', OP4);
	ajax.setVar('vr5Op', OP5);
	ajax.setVar('vr6Op', OP6);
	ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_artchange.php";
	ajax.onCompletion = artAddReady;
	ajax.runAJAX();
}

function artVerwijder(Art_ID,V1,OP1,V2,OP2,V3,OP3,V4,OP4,V5,OP5,V6,OP6) {
	if(confirm(document.getElementById('txt_verw').value)) {
		ajax.setVar("id2", 0);
		ajax.setVar("id1", Art_ID);
		ajax.setVar('varH1A'+Art_ID, V1);
		ajax.setVar('varH2A'+Art_ID, V2);
		ajax.setVar('varH3A'+Art_ID, V3);
		ajax.setVar('varH4A'+Art_ID, V4);
		ajax.setVar('varH5A'+Art_ID, V5);
		ajax.setVar('varH6A'+Art_ID, V6);
		ajax.setVar('vr1Op', OP1);
		ajax.setVar('vr2Op', OP2);
		ajax.setVar('vr3Op', OP3);
		ajax.setVar('vr4Op', OP4);
		ajax.setVar('vr5Op', OP5);
		ajax.setVar('vr6Op', OP6);
		ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_artchange.php";
		ajax.onCompletion = artAddReady;
		ajax.runAJAX();
	}
}


function artAddReady() {
	if (ajax.responseStatus){
		eval((ajax.response));
	}
}

function artToevoegen(Art_ID){
	if(artToevoegen2(Art_ID)) { 	
		
		if(!shopping_cart_div)shopping_cart_div = document.getElementById('winkelmandje');
		if(!flyingDiv){
			flyingDiv = document.createElement('DIV');
			flyingDiv.style.position = 'absolute';
			document.body.appendChild(flyingDiv);
		}
		
		shopping_cart_x = shoppingCart_getLeftPos(shopping_cart_div);
		shopping_cart_y = shoppingCart_getTopPos(shopping_cart_div);
	
		currentProductDiv = document.getElementById('slidingProduct' + Art_ID);
		
		currentXPos = shoppingCart_getLeftPos(currentProductDiv);
		currentYPos = shoppingCart_getTopPos(currentProductDiv);
		
		diffX = shopping_cart_x - currentXPos;
		diffY = shopping_cart_y - currentYPos;
		
		var shoppingContentCopy = currentProductDiv.cloneNode(true);
		shoppingContentCopy.id='';
		flyingDiv.innerHTML = '';
		flyingDiv.style.left = currentXPos + 'px';
		flyingDiv.style.top = currentYPos + 'px';
		flyingDiv.appendChild(shoppingContentCopy);
		flyingDiv.style.display='block';
		flyingDiv.style.width = currentProductDiv.offsetWidth + 'px';
		flyToBasket();
	}
}

function flyToBasket(){
	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;
	
	flyingDiv.style.left = Math.round(currentXPos) + 'px';
	flyingDiv.style.top = Math.round(currentYPos) + 'px';	
	
	
	if(moveX>0 && currentXPos > shopping_cart_x){
		flyingDiv.style.display='none';		
	}
	if(moveX<0 && currentXPos < shopping_cart_x){
		flyingDiv.style.display='none';		
	}
		
	if(flyingDiv.style.display=='block') {
		setTimeout('flyToBasket()',10); 
	}
}

function updateLev(Lev_ID) {
	ajax.setVar("id1", document.getElementById('levMth'+Lev_ID+'').value);
	ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_levchange.php";
	ajax.onCompletion = levReady;
	ajax.runAJAX();
}

function updateBet(Bet_ID) {
	ajax.setVar("id1", document.getElementById('betMth'+Bet_ID+'').value);
	ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_betchange.php";
	ajax.onCompletion = levReady;
	ajax.runAJAX();
}


function levReady() {
	if (ajax.responseStatus){
		eval((ajax.response));
	}
}

function nawUpdate(naw_ID) {
	ajax.setVar("id1", document.getElementById('naw_'+naw_ID+'').value);
	ajax.setVar("id2", "naw_"+naw_ID);
	ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_nawchange.php";
	ajax.onCompletion = nawReady;
	ajax.runAJAX();
}

function nawReady() {
	if (ajax.responseStatus){
		eval((ajax.response));
	}
}

function herstel() {
	var buf = document.getElementById("naw_11").value;
	document.getElementById("naw_11").value = buf.replace(/<br \/>/g , '\n');
}

function orderVersturen() {
	ajax.setVar("id1", document.getElementById('voorwaarden').checked);
	ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_checkorder.php";
	ajax.onCompletion = orderReady;
	ajax.runAJAX();
}

function orderReady() {
	if (ajax.responseStatus){
		eval((ajax.response));
	}
}

function voorwaardenTonen(){
	document.getElementById('vwShow').style.display = '';
}

function voorwaardenTonen2(){
	document.getElementById('vwShow').style.display = 'none';
}

function vwClick(){
	if(document.getElementById('voorwaarden').checked == true ) voorwaardenTonen2();
}

function recalcLev(id){
	updateLev(id);
}

function sort(sortID) {
	ajax.setVar("sortID", sortID);
	ajax.requestFile = document.getElementById('basisdir').value+"wb_ajax_sorteer.php";
	ajax.onCompletion = sorteerReady;
	ajax.runAJAX();
}

function sorteerReady() {
	if (ajax.responseStatus){
		eval((ajax.response));
	}
}