function slowChange(id, newClass) {
   	k = setTimeout("change('"+id+"','"+newClass+"')",200);
}

function navChange(id, newClass) {
   	k = setTimeout("change('"+id+"','main "+newClass+"')",200);
   	l = setTimeout("movepic('headerIcoon', 'gfx/icoon_"+newClass+".png', '"+newClass+"')", 200);
}

function change(id, newClass) {
    document.getElementById(id).className=newClass;	
}

function movepic(imgname, source, newAlt) {
	document[imgname].src=source;

   	if(newAlt) {
		document[imgname].alt=newAlt;
	}
}

function clearTextBox (inputId) {
	if (document.getElementById(inputId).value == "- geen voorkeur -")
	    document.getElementById(inputId).value = "";
	if (document.getElementById(inputId).value == "gebruikersnaam")
	    document.getElementById(inputId).value = "";
	if (document.getElementById(inputId).value == "aantal")
		document.getElementById(inputId).value = "";
	if (document.getElementById(inputId).value == "opmerking")
		document.getElementById(inputId).value = "";
}

function fillTextBox (inputId,fillText) {
	if (document.getElementById(inputId).value == "") {
		document.getElementById(inputId).value = fillText;
	}
}

function clearPassBox (inputId) {
	if (document.getElementById(inputId).value == "wachtwoord") {
		document.getElementById(inputId).value = "";
		document.getElementById(inputId).type = "password";
	}
}

function fillPassBox(inputId,Pass)
{
    if (document.getElementById(inputId).value == "")
    {
        document.getElementById(inputId).value = Pass;
        document.getElementById(inputId).type = "text";
    }
}

function toggle(definitionId)
{
    if (document.getElementById(definitionId).style.display=="block")
    {
        document.getElementById(definitionId).style.display="none";
    }
    else
    {
        document.getElementById(definitionId).style.display="block";
    }
}

// Class selector script
function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];     

        if(oRegExp.test(oElement.className)){
			oElement.className="addToCart";        	
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}

function switchOption(selector)
{
	if(selector == 0)
	{
		document.getElementById('geenHandelaar').style.display="block";
		document.getElementById('welHandelaar').style.display="none";	
		document.getElementById('radioDiv1').className="passiveRadio"	
		document.getElementById('radioDiv0').className="activeRadio";

	}
	else if(selector == 1)
	{
		document.getElementById('welHandelaar').style.display="block";
		document.getElementById('geenHandelaar').style.display="none";		
		document.getElementById('radioDiv1').className="activeRadio"	
		document.getElementById('radioDiv0').className="passiveRadio";
	}

	document.registerForm.handelaar[selector].click();	
}


// QPLUS SPECIFIC CODE
function hideTabs(tabId, tabjeId)
{
      document.getElementById('tabContent1').style.display="none";
      document.getElementById('tabContent2').style.display="none";
      document.getElementById('tabContent3').style.display="none";
      document.getElementById('tabContent4').style.display="none";
      document.getElementById('tabContent5').style.display="none";
      document.getElementById('tabContent6').style.display="none";

	  document.getElementById('tab1').className="";
	  document.getElementById('tab2').className="";
	  document.getElementById('tab3').className="";
	  document.getElementById('tab4').className="";
	  document.getElementById('tab5').className="";
	  document.getElementById('tab6').className="";	  

	  document.getElementById('tab1').style.zIndex="105";
	  document.getElementById('tab2').style.zIndex="104";
	  document.getElementById('tab3').style.zIndex="103";
	  document.getElementById('tab4').style.zIndex="102";
	  document.getElementById('tab5').style.zIndex="101";	  	  
	  document.getElementById('tab6').style.zIndex="100";	  
	  	  
	  change(tabjeId, 'current');
	  
	  document.getElementById(tabjeId).style.zIndex="200";
	  document.getElementById(tabId).style.display="block";
	  document.getElementById(tabId).style.zIndex="90";	    
}

function toggleShowCase(foldImage, showCaseHoogte, animate)
{
  if(document.getElementById(foldImage).src=="http://www.qplus.nl/gfx/button_foldin_ventielen.gif")
  {
 	movepic(foldImage,"http://www.qplus.nl/gfx/button_foldout_ventielen.gif");
	document.getElementById('showCase1').style.display="block"; 	
	if(animate == 'dont')
	{
		document.getElementById('showCase1').style.height = 0;	 
	}
	else
	{
		animateHeight('showCase1', 0, 'kleiner');
	}
  }
  else
  {
	document.getElementById('showCase1').style.display="block";
	movepic(foldImage,"http://www.qplus.nl/gfx/button_foldin_ventielen.gif");
	if(animate == 'dont')
	{	
		document.getElementById('showCase1').style.height = showCaseHoogte;	
	}
	else
	{
		animateHeight('showCase1', showCaseHoogte, 'groter');	 
	}
  }  
}

function changeHeaderClass(id, newClass)
{
 	if(document.getElementById('foldImage').src=="http://www.qplus.nl/gfx/button_foldout_ventielen.gif")
 	{
	    document.getElementById(id).className=newClass;		
	}
}

function showRealSize(divId, src_img) {
 	if(src_img == 0) {
		document.getElementById(divId).style.display='none';		
		fullScreen(false);
	}
	else {
		showDivCentered(divId, 640);
		fullScreen(true);

		document.getElementById(divId).style.display='block';
		params = document.cookie + "&src="+ escape(src_img) + "&call=showPicture&divId="+ escape(divId);
		var loader=new net.ContentLoader('showcase_020.php', showRealSize_2,'' ,'' ,params,'', divId);
	}
	return false;
}

function showRealSize_2(data, divId) {
	document.getElementById(divId).innerHTML=data;
}

function tabToggle(id)
{
	divId = 'inklapTab'+id;
	var el = document.getElementById(divId);
	
	if(el.offsetHeight > 0)
	{
		animateHeight(divId, 0, 'kleiner');
		el.style.overflow = "hidden";
		setTimeout("document.getElementById('foldImage"+id+"').src=\"gfx/button_foldout_ventielen.gif\"", 200);
	}
	else
	{
		animateHeight(divId, 100, 'groter');		
		setTimeout('el.style.height = "auto"; el.style.overflow = "visible";', 100);
		setTimeout("document.getElementById('foldImage"+id+"').src=\"gfx/button_foldin_ventielen.gif\"", 200);	
	}
}

function animateHeight(id, size, kleinergroter)
{
	var s;
	el = document.getElementById(id);
	var h_size1 = el.offsetHeight;
	if(kleinergroter == "groter")
	{
		if (h_size1 >= size)
		{
		 	if(s)
		 	{
				clearTimeout(s);				
			}
		}
		else	
		{	
		 	if(h_size1 + 20 >= size)
		 	{
				el.style.height = size + "px";
			}
			else
			{
				el.style.height = h_size1 + 20+"px";
				s = setTimeout("animateHeight('" + id + "','" + size + "', 'groter')", 1);
			}
		}	
	}
	else
	{
		if (h_size1 <= size)
		{
		 	if(s)
		 	{	
				el.style.overflow = "hidden";

				clearTimeout(s);				
			}
		}
		else	
		{	
		 	if(h_size1 - 20 == 0)
		 	{
				el.style.height = '0';
			}
		 	else if(h_size1 - 20 <= size)
		 	{
				el.style.height = size + "px";
			}
			else
			{
				el.style.height = (h_size1 - 20)+"px";
				s = setTimeout("animateHeight('" + id + "','" + size + "', 'kleiner')", 1);			
			}
		}		
	}
}

function fullScreen(aanuit)
{
 	if(aanuit)
 	{
 	 	fullscreenHoogte = document.documentElement.scrollHeight;
		document.getElementById('fullscreen').style.display='block';
		document.getElementById('fullscreen').style.height=fullscreenHoogte+0+'px';	
	}
	else
	{
		document.getElementById('fullscreen').style.display='none';
	}	
}


// SHOP FUNCTIES -----------------------------------------------------------------

function orderItem(item, itemId, buttonId, clickOverOut, event, itemPrijs, itemPrijsNormaal) {	
	links = 0;
	boven = 0;
	
	if(buttonId == '') {
		// Maak alle actieve buttons weer inactief
		getElementsByClassName(document.getElementById('tabContent1'), "input", "active");		
	}
	else {
		links = positieBepaler(buttonId, 'x');
		boven = positieBepaler(buttonId, 'y');
	}

	if(clickOverOut == 'click') {
		if(document.getElementById('orderPopupDiv').style.display=='none') {			
			var popupEl = document.getElementById('orderPopupDiv');
					
			document.getElementById(buttonId).style.className='addToCart active';

			popupEl.innerHTML = '<div style="text-align: center;"><h4 class="popupHeader">Bezig met laden..</h4><img src=gfx/hourglass.png width="48" height="48" alt="Zandloper" style="vertical-align: middle;padding: 10px;"/></div>';
						
			popupEl.style.display='block';
			popupEl.style.position='absolute';
			var elementWidth = 310; //document.getElementById('orderPopupDiv').width;
			showDivCentered('orderPopupDiv', elementWidth, 50);
			document.getElementById('orderPopupDiv').style.zIndex='1000';
			itemPrijsNormaalFTD = (itemPrijsNormaal/100).toFixed(2);
			itemPrijsFTD = (itemPrijs/100).toFixed(2);

			params = document.cookie + "&item="+ escape(itemId) + "&call=1";
			var loader=new net.ContentLoader('orderpopup.php', showOrderPopup,'' ,'' ,params,'', 'orderPopupDiv');


		}
	}
	else if(clickOverOut == 'over') {
		if(document.getElementById('orderPopupDiv').style.display=='none') {
			change(buttonId, 'addToCart active');
		}
	}
	else if(clickOverOut == 'out') {
		if(document.getElementById('orderPopupDiv').style.display=='none') {
			change(buttonId, 'addToCart');
		}
	}
	else if(clickOverOut == 'exit') {
		document.getElementById('orderPopupDiv').style.display='none';
		fullScreen(false);		
		if(buttonId !== '') {
			change(buttonId, 'addToCart');
		}		
	}
}

function showOrderPopup(data, divId) {

	document.getElementById(divId).innerHTML=data;
	setTimeout("document.getElementById('productAantal').focus()", 300);

	fullScreen(true);
}

var oudeInvoer;

function numericCheck(inputId) {
 	aantal = document.getElementById(inputId).value; 

 	if(isNaN(aantal)) {
 	 	if(oudeInvoer) {
			document.getElementById(inputId).value=oudeInvoer;			
		}
		else {
			document.getElementById(inputId).value='';			
		}
		return false;		
	}
	else {
		oudeInvoer=aantal;
		return true;		
	}	 	
}


function calculate(inputId, price) {
 	if(numericCheck(inputId)) {
		newPrice = Math.round((aantal * price))/100;
		newPrice = newPrice.toFixed(2);
		document.getElementById('prijsOpgave').innerHTML='&euro; '+newPrice;		
		document.getElementById('aantalOpgave').innerHTML=aantal;
	}
}

function voegToeAanCartPopup(itemId, event, action) {
	var el = document.getElementById('stuklijstPopup');	

	if(action == 'open') {
		fullScreen(true);
		el.style.display="block";
		el.style.position='absolute';	
		el.style.zIndex='2000';
		el.innerHTML="<h2 id=\"stuklijstPopupHeader\">Toevoegen aan winkelwagen</h2><form onsubmit=\"voegToeAanCartPopup('" + itemId + "', event, 'close'); return false;\"><div style='float:left'><label for='productAantal' style='margin: 10px;'>Aantal</label><br /><input id='productAantal' name='productAantal' onkeyup=\"numericCheck('productAantal')\" /></div><div style='float:left;'><input type='submit' id='winkelwagenbutton' value='Voeg toe' onmouseover=\"change('stuklijstButton2', 'active')\" onmouseout=\"change('stuklijstButton2', '')\" /></form></div><a onclick=\"closePopup('stuklijstPopup');\" id=\"closeWindow\">[Esc] <img src=\"../gfx/icon_action_delete.gif\"></a>";
		showDivInPosition(event, 'stuklijstPopup');
		document.getElementById('productAantal').focus();
	}
	else {
		voegToeAanCart(itemId, 'productAantal');
		setTimeout('document.getElementById("stuklijstPopup").style.display="none"', 200);
		setTimeout('document.getElementById("stuklijstPopup").innerHTML=""', 200);
		fullScreen(false);
	}
}

function voegToeAanCart(itemId, inputId) {
 	aantal = document.getElementById(inputId).value;

 	params = document.cookie + "&action=insert&aantal="+ escape(aantal) +"&item="+ escape(itemId) + "&call=1";
    var loader=new net.ContentLoader( 'cart_020.php', dirDivContent,'' ,'' ,params,'', 'cart020');
    
    ajaxPopup('start');

	document.getElementById('orderPopupDiv').style.display="none";
	fullScreen(false);
}

function voegToeAanOfferte(itemId, inputId) {
 	aantal = document.getElementById(inputId).value;

 	params = "&action=insertOfferte&aantal="+ escape(aantal) +"&item="+ escape(itemId) + "&call=1";
    var loader=new net.ContentLoader( 'cart_020.php', dirDivContent,'' ,'' ,params,'', 'cart020');
    
    ajaxPopup('start');

	document.getElementById('orderPopupDiv').style.display="none";
	fullScreen(false);
}

function deleteItem(itemId) {
	var confirmed = confirm('Weet u zeker dat u dit item wilt verwijderen?');

 	if(confirmed == true) {
		params = document.cookie + "&action=delete&item="+ escape(itemId) + "&call=1";
		var loader=new net.ContentLoader('cart_020.php', dirDivContent,'' ,'' ,params,'', 'cartContentTable');
    
	    ajaxPopup('start');
		setTimeout("refreshItems('cart020')", 1000);
	}
}

function deleteAllItems() {
	var confirmed = confirm('Weet u zeker dat u alle items uit de winkelwagen wilt verwijderen?');

	if(confirmed == true) {
		params = document.cookie + "&action=deleteAll&call=1";
		var loader=new net.ContentLoader('cart_020.php', dirDivContent,'' ,'' ,params,'', 'cartContentTable');
    
	    ajaxPopup('start');
		setTimeout("refreshItems('cart020')", 1000);
	}
}

function refreshItems(divId)
{
	params = document.cookie + "&call=1";
	var loader=new net.ContentLoader('cart_020.php', dirDivContent,'' ,'' ,params,'', divId);	
    
    //ajaxPopup('start');	
	setTimeout("refreshItems('cart020')", 120000);
}

function showLogin(username)
{
	document.getElementById("welkom").innerHTML=''
+'<img src="gfx/user1_earth_small.png" />'
+'ingelogd als'
+'<a href="?cat=9&action=mijnqplus&section=5">'
+'	'+username
+'</a>'
+'<img src="gfx/user1_back.png" class="mijnqplus" style="margin-left: 15px;" />'
+'<a href="?logout">uitloggen</a>';
}

// deze variabelen houden bij welke input er op dit moment wordt geedit, wanneer
// er nu bij een andere input op 'Aanpassen' geklikt wordt kan deze dichtgegooid worden
var editing_id;
var editing_value;
var editing_divId;

function updateItem(table, field, value, id, divId, action, refreshDiv)
{
 	if(action == 'edit')
 	{
 		if(editing_divId && editing_value)
 		{				 			
 			document.getElementById(editing_divId).innerHTML = "<span style='float: left;'>" + editing_value + "</span><span style='float: right'><img class='editIcon' src='../gfx/edit.png' onMouseUp=\"updateItem('winkelwagen', 'aantal', '" + editing_value + "', '" + editing_id + "', '" + editing_divId + "', 'edit', '" + refreshDiv + "')\" width=16 height=16 name='cartEdit' id='editIcon' /></span>";			
		}
 		editing_divId = divId;
 		editing_value = value;
 		editing_id = id;
 		
		document.getElementById(divId).innerHTML = '<form onsubmit="updateItem(\'' + table + '\', \'' + field + '\', \'' + value + '\', \'' + id + '\', \'' + divId + '\', \'save\', \'' + refreshDiv + '\'); return false;"><span style="float: left"><input type="text" id="updateInput" value="' + value + '" onkeyup="numericCheck(\'updateInput\')" /></span><span style="float: right"><input type="image" src="../gfx/disk_green.png" /></span></form>';
		
		oudeInvoer=value;
		document.getElementById('updateInput').focus();
	}
	else if(action == 'save')
	{
		aantal = document.getElementById('updateInput').value;  	
		
		if(aantal == '')
		{
			aantal=0;
		}
		params = document.cookie + "&action=update&table="+ escape(table) + "&field="+ escape(field) + "&aantal="+ escape(aantal) + "&item="+ escape(id) + "&call=1";
		var loader=new net.ContentLoader('cart_020.php', dirDivContent,'' ,'' ,params,'', refreshDiv);
	    
	    ajaxPopup('start');	
		setTimeout("refreshItems('cart020')", 1000);

 		editing_divId = false;
 		editing_value = false;
		editing_id = false;
	}
}

// deze variabelen houden bij welke textarea er op dit moment wordt geedit, wanneer
// er nu bij een andere textarea op 'Aanpassen' geklikt wordt kan deze dichtgegooid worden
var editing_textarea_id;
var editing_textarea_value;
var editing_textarea_divId;
var editing_textarea_field;

function updateStuklijst(table, field, value, id, divId, action, refreshDiv, stuklijst) {
 	if(action == 'edit') {
 		if(editing_divId && editing_value) {
			document.getElementById(editing_divId).innerHTML = "<span style='float: left;'>" + editing_value + "</span><span style='float: right'><img class='editIcon' src='../gfx/edit.png' onMouseUp=\"updateStuklijst('" + table + "', '" + field + "', '" + editing_value + "', '" + editing_id + "', '" + editing_divId + "', 'edit', '" + refreshDiv + "', '" + stuklijst + "')\" width=16 height=16 name='cartEdit' id='editIcon' /></span>";			
		}
 		editing_divId = divId;
 		editing_value = value;
 		editing_id = id;
 		
 		var opmerking=document.getElementById(divId+"_2").innerHTML;
 		document.getElementById(divId+"_2").innerHTML = '<input type="text" id="updateInput2" value="' + opmerking + '" />';
		document.getElementById(divId).innerHTML = '<form onsubmit="updateStuklijst(\'' + table + '\', \'' + field + '\', \'' + value + '\', \'' + id + '\', \'' + divId + '\', \'save\', \'' + refreshDiv + '\', \'' + stuklijst + '\'); return false;"><span style="float: left"><input type="text" id="updateInput" value="' + value + '" onkeyup="numericCheck(\'updateInput\')" /></span><span style="float: right"><input type="image" src="../gfx/disk_green.png" height="16px" width="16px" /></span></form>';
		
		oudeInvoer=value;
		document.getElementById('updateInput').focus();
	}
	else if(action == 'save') {
		var aantal = document.getElementById('updateInput').value;
		var opmerking= document.getElementById('updateInput2').value;
		
		if(aantal == '') {
			aantal=0;
		}
		params = document.cookie + "&action=update&table="+ escape(table) + "&field="+ escape(field) + "&value="+ escape(aantal) + "&id="+ escape(id) + "&stuklijst=" + escape(stuklijst);

		var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent,'' ,'' ,params,'', "");
		
		params = document.cookie + "&action=update&table="+ escape(table) + "&field=remark&value="+ escape(opmerking) + "&id="+ escape(id) + "&stuklijst=" + escape(stuklijst);

		var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent,'' ,'' ,params,'', refreshDiv);
		    
	    ajaxPopup('start');
		editing_divId = false;
		editing_value = false;
		editing_id = false;		
	}
 	else if(action == 'editText') {
 		// unescape gekke karakters zoals enters
 		value = decodeURIComponent(value);

 		if(editing_textarea_divId && editing_textarea_value) {
			document.getElementById(editing_textarea_divId).innerHTML = "<p>" + editing_textarea_value.replace(/\n/g, '<br />') + "</p><span style='float: right'><img class='editIcon' onMouseUp=\"updateStuklijst('" + table + "', '" + editing_textarea_field + "', '" + escape(editing_textarea_value) + "', '" + editing_textarea_id + "', '" + editing_textarea_divId + "', 'editText', '" + refreshDiv + "', '" + stuklijst + "')\" src='../gfx/edit.png' width=16 height=16 name='cartEdit' id='editIcon' title='Aanpassen' /> Aanpassen </span>";
		}
 		editing_textarea_divId = divId;
 		editing_textarea_value = value;
		editing_textarea_id = id;
		editing_textarea_field = field
		
		document.getElementById(divId).innerHTML = '<form onsubmit="updateStuklijst(\'' + table + '\', \'' + field + '\', \'' + escape(value) + '\', \'' + id + '\', \'' + divId + '\', \'saveText\', \'' + refreshDiv + '\', \'' + stuklijst + '\'); return false;"><span style="float: left"><textarea id="updateText" style="width:658px;">' + value + '</textarea></span><span style="float: right"><input type="image" src="../gfx/disk_green.png" title="Opslaan"/> Opslaan </span></form>';
		
		oudeInvoer=value;
		document.getElementById('updateText').focus();
	}
	else if(action == 'saveText') {
		nieuweTekst = document.getElementById('updateText').value;
		
		params = document.cookie + "&action=update&table="+ escape(table) + "&field="+ escape(field) + "&value="+ escape(nieuweTekst) + "&id="+ escape(id) + "&stuklijst=" + escape(stuklijst);
	
		var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent, '', '', params, '', refreshDiv);
		    
		ajaxPopup('start');
 		editing_textarea_divid = false;
 		editing_textarea_value = false;
		editing_textarea_id = false;
		editing_textarea_field = false
	}
}

function bestelStuklijst(stuklijst, divId, aantal)
{
    ajaxPopup('start');	
	params = document.cookie + "&action=bestelstuklijst&call=1&aantal=" + aantal + "&stuklijst=" + escape(stuklijst);
	var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent,'' ,'' ,params,'', divId);

	setTimeout("refreshItems('cart020')", 1000);

    ajaxPopup('start');
}

function voegToeAanStuklijst(itemId, event) {
	var stuklijstPopup = document.getElementById('stuklijstPopup');

	stuklijstPopup.style.display='block';

	if(!document.getElementById('stuklijstInput')) {
		stuklijstPopup.style.zIndex='2000';
		stuklijstPopup.style.position='absolute';
		showDivInPosition(event, 'stuklijstPopup');
	
		
		params = document.cookie + "&action=selectstuklijsten&call=1&item=" + escape(itemId);
		var loader=new net.ContentLoader('orderpopup.php', dirDivContent,'' ,'' ,params,'', 'stuklijstPopup');
		fullScreen(true);
	}
	else if(document.getElementById('stuklijstSelector').selectedIndex != '' && !isNaN(document.getElementById('stuklijstInput').value)) {
		var stuklijstId = document.getElementById('stuklijstSelector').options[document.getElementById('stuklijstSelector').selectedIndex].value;
		var aantal = document.getElementById('stuklijstInput').value;
		var remark = document.getElementById('stuklijstInput2').value;
		params = document.cookie + "&action=voegtoeaanstuklijst&call=1&product_id=" + escape(itemId) + "&stuklijst=" + escape(stuklijstId) + "&aantal=" + escape(aantal) + "&remark=" + escape(remark);
		var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent,'' ,'' ,params,'', 'ajaxPopup');
		stuklijstPopup.style.display='none';
		
		// het andere windowtje ook meteen laten verdwijnen
		document.getElementById('orderPopupDiv').style.display="none"

	    ajaxPopup('start');
	    
	    if(document.getElementById('orderPopupDiv').style.display=="none") {
			fullScreen(false);
		}
		
		document.getElementById('stuklijstPopup').innerHTML='';
	}
	else {
		alert("Vul een aantal in, de producten zijn niet toegevoegd");
		stuklijstPopup.style.display='none';
		if(document.getElementById('orderPopupDiv').style.display=="none") {
			fullScreen(false);
		}
		
		document.getElementById('stuklijstPopup').innerHTML='';
	}

	// moet gek genoeg in een timeout, anders is de waarde van aantal nog niet bekend!!??!
	setTimeout("setAantalInStuklijstPopup()", 300);
}

function setAantalInStuklijstPopup () {
	if (document.getElementById('productAantal') && document.getElementById('stuklijstInput')) {
		var aantal = document.getElementById('productAantal').value;
		if (aantal) {
			document.getElementById('stuklijstInput').value = aantal;
		}
		else {
			document.getElementById('stuklijstInput').value = "aantal";
		}
	}
}

function deleteStuklijst(stuklijst_id, divId)
{
	var confirmed = confirm('Weet u zeker dat u deze stuklijst wilt verwijderen?');

 	if(confirmed == true)
 	{
	    ajaxPopup('start');		
		params = document.cookie + "&action=deleteItem&call=1&table=shop_product_bundles&id=" + escape(stuklijst_id);
		var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent,'' ,'' ,params,'', divId);		}	
}

function duplicateStuklijst (stuklijst_id) {
	document.getElementById('duplicateDiv_'+stuklijst_id).style.display= "block";
}

function newNameStuklijst() {
	if(document.getElementById('newNameDiv').style.display=="block") {
		document.getElementById('newNameDiv').style.display="none";
	}
	else {
		document.getElementById('newNameDiv').style.display="block";
	}
}

function deleteFromStuklijst(id, divId, stuklijst_id)
{
	var confirmed = confirm('Weet u zeker dat u dit item wilt verwijderen?');

 	if(confirmed == true)
 	{
	    ajaxPopup('start');		
		params = document.cookie + "&action=deleteItem&call=1&table=shop_product_bundles_regels&id=" + escape(id) + "&stuklijst=" + stuklijst_id;
		var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent,'' ,'' ,params,'', divId);		}
}

function deleteFromFavorieten(id, divId)
{
	var confirmed = confirm('Weet u zeker dat u dit item wilt verwijderen?');

 	if(confirmed == true)
 	{	
	    ajaxPopup('start');		
		params = document.cookie + "&action=deleteItem&call=1&table=shop_favorites&id=" + escape(id);
		var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent,'' ,'' ,params,'', divId);		}
}

function closePopup(divId) {
    document.getElementById(divId).style.display="none";
    
	if(document.getElementById('orderPopupDiv').style.display=="none") {
		fullScreen(false);
	}
}

function voegToeAanFavorieten(itemId, divId) {
	params = document.cookie + "&action=voegtoeaanfavorieten&call=1&product_id=" + escape(itemId);
	var loader=new net.ContentLoader('mijnqplus_020.php', dirDivContent,'' ,'' ,params,'', divId);		
    
    ajaxPopup('start');	
}

// FRUITMACHINE FUNCTIES --------------------------------------------/
function shakeIt(startEnd)
{
 	if(startEnd == 'start')
 	{
	 	setTimeout("animateHeight('sc7',0, 'kleiner')", 200);	
	 	setTimeout("animateHeight('sc6',0, 'kleiner')", 400);	
	 	setTimeout("animateHeight('sc5',0, 'kleiner')", 600);	
	 	setTimeout("animateHeight('sc4',0, 'kleiner')", 800);	
	 	setTimeout("animateHeight('sc3',0, 'kleiner')", 1000);	
	 	setTimeout("animateHeight('sc2',0, 'kleiner')", 1200);	
	 	setTimeout("animateHeight('sc1',0, 'kleiner')", 1400);
		
		setTimeout("shakeItCall()", 1400);
	}	
	else if(startEnd == 'end')
	{											
	 	setTimeout("animateHeight('sc7',120, 'groter')", 100);	
	 	setTimeout("animateHeight('sc6',120, 'groter')", 160);	
	 	setTimeout("animateHeight('sc5',120, 'groter')", 210);	
	 	setTimeout("animateHeight('sc4',120, 'groter')", 300);	
	 	setTimeout("animateHeight('sc3',120, 'groter')", 400);	
	 	setTimeout("animateHeight('sc2',120, 'groter')", 520);	
	 	setTimeout("animateHeight('sc1',120, 'groter')", 650);		
	}
}

function shakeItCall()
{
 	params = 'call=1';
    var loader=new net.ContentLoader('showcase_020.php', shakeItReturn,'' ,'' ,params,'', 'showCase1');
}

function shakeItReturn(data, divId)
{
    if (divId)
    {
		document.getElementById(divId).innerHTML=data;
    }

	setTimeout("shakeIt('end')", 200);    
}

function popupHint(e, id)
{
	var obj = document.getElementById('hintPopup');
	if(id == 0)
	{
		obj.style.display="none";		
	}
	else
	{
		obj.innerHTML="";
		var pos_y = positieBepaler('hint'+id, 'y');
		obj.style.display="block";
		obj.style.top = pos_y+"px";

		showHelpBalloon('hintPopup', 242);

	 	params = 'id='+id;
	    var loader=new net.ContentLoader('hint.php', dirDivContent,'' ,'' ,params,'', 'hintPopup');
	}
}

function showHelpLayer(doShow) {
	
	if(doShow) {
		// Darken screen and show helplayer
		fullScreen(true);
		document.getElementById('helpLayer').style.display="block";

		// Retrieve position of ancestor 'tabContent1'
		var selectedTopPosition = positieBepaler('tabContent1', 'y');
		var selectedLeftPosition = positieBepaler('tabContent1', 'x');		

		// Choose the right position for 'helpSearch'
		document.getElementById('helpSearch').style.top="90px";
		document.getElementById('helpSearch').style.left=positieBepaler('q', 'x')+15-(document.getElementById('helpSearch').offsetWidth)+"px";
		
		// Choose the right position for 'helpMatrix'
		document.getElementById('helpMatrix').style.top=selectedTopPosition+146+"px";
		document.getElementById('helpMatrix').style.left=selectedLeftPosition+200+"px";

		// Choose the right position for 'helpMatrix2'	
		document.getElementById('helpMatrix2').style.top=selectedTopPosition+134-(document.getElementById('helpMatrix2').offsetHeight)+"px";
		document.getElementById('helpMatrix2').style.left=selectedLeftPosition+200+"px";

		// Choose the right position for 'helpImage'		
		document.getElementById('helpImage').style.top=selectedTopPosition-25-(document.getElementById('helpImage').offsetHeight)+"px";
		document.getElementById('helpImage').style.left=selectedLeftPosition+685-(document.getElementById('helpMatrix2').offsetWidth)+"px";

		// Choose the right position for 'helpTabs'
		document.getElementById('helpTabs').style.top=selectedTopPosition+6-(document.getElementById('helpTabs').offsetHeight)+"px";
		document.getElementById('helpTabs').style.left=selectedLeftPosition+50+"px";			
		
		// Attach onclick-event to everything but the balloons
		document.getElementById('fullscreen').onclick=function(){ showHelpLayer(false); };
	} else {
		fullScreen(false);
		document.getElementById('helpLayer').style.display="none";
		document.getElementById('fullscreen').onclick=function(){};		
	}	
}

function setInvoiceAddress(source, destination) {
	var source_value=document.getElementById(source).value;
	document.getElementById(destination).value=source_value;
}

function clearInvoiceAddress() {
	if(document.getElementById("factuurGelijk").checked==true) {
		document.getElementById("Adres").disabled=true;
		var source_value=document.getElementById("Adres_v").value;
		document.getElementById("Adres").value=source_value;
		document.getElementById("Postcode").disabled=true;
		var source_value=document.getElementById("Postcode_v").value;
		document.getElementById("Postcode").value=source_value;
		document.getElementById("Woonplaats").disabled=true;
		var source_value=document.getElementById("Woonplaats_v").value;
		document.getElementById("Woonplaats").value=source_value;
		//document.getElementById("Land").disabled=true;
		var source_value=document.getElementById("Land_v").value;
		document.getElementById("Land").value=source_value;
	}
	else {
		document.getElementById("Adres").disabled=false;
		document.getElementById("Adres").value="";
		document.getElementById("Postcode").disabled=false;
		document.getElementById("Postcode").value="";
		document.getElementById("Woonplaats").disabled=false;
		document.getElementById("Woonplaats").value="";
		document.getElementById("Land").disabled=false;
		document.getElementById("Land").value="";
	}
}

// POSITIONEER FUNCTIES ---------------------------------------------/
function positieBepaler(id, direction)
{
	var obj = document.getElementById(id);

	var links = obj.offsetLeft, boven = obj.offsetTop;

	if(direction == 'x')
	{
		while (obj.offsetParent) 
		{
			obj = obj.offsetParent;
			links += obj.offsetLeft;
		};	
		return links;
	}
	else if(direction == 'y')
	{
		while (obj.offsetParent) 
		{
			obj = obj.offsetParent;
			boven += obj.offsetTop;
		};
		return boven;
	}
}

var ie5=document.all&&document.getElementById;
var ns6=document.getElementById&&!document.all;

function showDivInPosition(e, divId)
{
 	if(!e)
 	{
		e = window.event;
	}
    if(!ie5)
    {
        e.cancelBubble = true;
        e.returnValue = false;
    }
    
	if (document.documentElement && !document.documentElement.scrollTop)
	{
		var topScroll = 0;
		var leftScroll = document.documentElement.scrollLeft;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	{	
		var topScroll = document.documentElement.scrollTop;
		var leftScroll = document.documentElement.scrollLeft;			
	}
	else if (document.body && document.body.scrollTop)
	{
		var topScroll = document.body.scrollTop;
		var leftScroll = document.body.scrollLeft;	
	}

    //Find out how close the mouse is to the corner of the window
    var rightedge=ie5? document.documentElement.clientWidth-event.clientX : window.innerWidth-e.clientX;
    var bottomedge=ie5? document.documentElement.clientHeight-event.clientY : window.innerHeight-e.clientY;

    document.getElementById(divId).style.display="block";
    
    //if the horizontal distance isn't enough to accomodate the width of the context menu
    if (rightedge<document.getElementById(divId).offsetWidth)
    {
        //move the horizontal position of the menu to the left by it's width
        document.getElementById(divId).style.left=ie5? leftScroll+event.clientX-document.getElementById(divId).offsetWidth+"px" : window.pageXOffset+e.clientX-document.getElementById(divId).offsetWidth+"px";
    }
    else
    {
        //position the horizontal position of the menu where the mouse was clicked
        document.getElementById(divId).style.left=ie5? leftScroll+event.clientX+"px" : window.pageXOffset+e.clientX+"px";
    }

    //same concept with the vertical position
    if (bottomedge<document.getElementById(divId).offsetHeight)
    {
        document.getElementById(divId).style.top=ie5? topScroll+event.clientY-document.getElementById(divId).offsetHeight+"px" : window.pageYOffset+e.clientY-document.getElementById(divId).offsetHeight+"px";
    }
    else
    {
        document.getElementById(divId).style.top=ie5? topScroll+event.clientY+"px" : window.pageYOffset+e.clientY+"px";
    }

    return false;
}

function showHelpBalloon(divId, width)
{
	var negative = (width/2)+70;
    document.getElementById(divId).style.left='50%';
    document.getElementById(divId).style.margin='-125px 0 0 67px';
	
	if (document.documentElement && !document.documentElement.scrollTop)
	{
		var newPos = 0;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	{	
		var newPos = document.documentElement.scrollTop;
	}
	else if (document.body && document.body.scrollTop)
	{
		var newPos = document.body.scrollTop;	
	}
	
	//document.getElementById(divId).style.top= newPos + 10 + 'px';	
}

function showDivCentered(divId, elementWidth, topPosition)
{
	if(!elementWidth) {
		elementWidth = (document.getElementById(divId).offsetWidth) || 300;
	}

	if(!topPosition) {
		var topPosition = 10;
	}
    document.getElementById(divId).style.left='50%';
    document.getElementById(divId).style.margin='0 0 0 -'+(elementWidth/2)+'px';
	
	if (document.documentElement && !document.documentElement.scrollTop)
	{
		var newPos = 0;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	{	
		var newPos = document.documentElement.scrollTop;
	}
	else if (document.body && document.body.scrollTop)
	{
		var newPos = document.body.scrollTop;	
	}
	
	document.getElementById(divId).style.top= newPos + topPosition + 'px';
	document.getElementById(divId).style.display='block';

	return false;
}

function checkConfirmed()
{
	if(document.checkoutform.confirm.checked == true)
	{
		alert(document.checkoutform.confirm.checked);
		return true;
	} 
	else
	{
		return false;
	}
}

/* 020 ********************************************************************/


var net=new Object();

net.READY_STATE_UNINITIALIZED=0;
net.READY_STATE_LOADING=1;
net.READY_STATE_LOADED=2;
net.READY_STATE_INTERACTIVE=3;
net.READY_STATE_COMPLETE=4;

net.ContentLoader=function(url,onload,onerror,method,params,contentType, divId)
{
    this.req=null;
    this.onload=onload;
    this.onerror=(onerror) ? onerror : this.defaultError;
    this.divId=divId;
    this.loadXMLDoc(url,method,params,contentType);
}

net.ContentLoader.prototype.loadXMLDoc=function(url,method,params,contentType)
{
    if (!method)
    {
        method="GET";
    }
    if (!contentType && method=="POST")
    {
        contentType='application/x-www-form-urlencoded';
    }
    if (window.XMLHttpRequest)
    {
        this.req=new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        this.req=new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (this.req)
    {
        try
        {
            var loader=this;
            if (params != "")
            {
                url = url + "?" + params;
                random = Math.floor(Math.random()*1000000);
                url = url + "&ts=" + random;
            }
            this.req.onreadystatechange=function()
            {
                net.ContentLoader.onReadyState.call(loader);
            }
            this.req.open(method,url,true);
            if (contentType)
            {
                this.req.setRequestHeader('Content-Type', contentType);
            }
            this.req.send(null);
        }
        catch (err)
        {
            this.onerror.call(this);
        }
    }
}

net.ContentLoader.onReadyState=function()
{
    var req=this.req;
    var ready=req.readyState;

    if (ready==net.READY_STATE_COMPLETE)
    {
        var httpStatus=req.status;
        if (httpStatus==200 || httpStatus==0)
        {
            this.onload(req.responseText, this.divId);
        }
        else
        {
            this.onerror.call(this);
        }
    }
}

net.ContentLoader.prototype.defaultError=function()
{
    alert("error fetching data!"
    +"\n\nreadyState:"+this.req.readyState
    +"\nstatus: "+this.req.status
    +"\nheaders: "+this.req.getAllResponseHeaders());
}

function dirDivContent (data,divId)
{
    if (divId) {
    	//alert(data);
        document.getElementById(divId).innerHTML=data;
        setTimeout("ajaxPopup('finish')", 500);
    }
}


function ajaxPopup(event)
{
	if(event == 'start')
	{
		var popupContent = '<h1 style="padding: 15px; margin: 0; font-size: 175%;"><img src=gfx/hourglass.png width="48" height="48" alt="Zandloper" style="vertical-align: middle;"/>Bezig met verwerken..</h1>';
	    if(document.getElementById("ajaxPopup"))
	    {
			document.getElementById("ajaxPopup").innerHTML=popupContent;
		}
		else
		{
	        document.body.innerHTML+='<div id="ajaxPopup">' + popupContent + '</div>';
		}
		var el = document.getElementById("ajaxPopup");
		
		showDivCentered("ajaxPopup", 300);
		
		el.style.position="absolute";
		el.style.display="block";
		el.style.zIndex="1000";
	//	el.style.background="#fff url(../gfx/backgr_matrix.gif) repeat-x";
		el.style.background="#FFE959";
		el.style.border="1px solid #000";
		el.style.width="300px";
		el.style.height="100px";
		el.style.marginTop="200px";
	}
	else if(event == 'finish')
	{
		var el = document.getElementById("ajaxPopup");
		
		if(el)
		{
			var popupContent = '<h1 style="padding: 15px; margin: 0; font-size: 175%;"><img src=gfx/hourglass.png width="48" height="48" alt="Zandloper" style="vertical-align: middle;"/>Bijgewerkt.</h1>';
	
			el.innerHTML = popupContent;
			setTimeout("ajaxPopup('end')", 500);			
		}		
	}
	else if(event == 'end')
	{
		document.getElementById('ajaxPopup').style.display="none";
	}
	
}

function escapeWindow(e) {
  var kC  = (window.event) ?    // MSIE or Firefox?
		event.keyCode : e.keyCode;
  var Esc = (window.event) ?
		27 : e.DOM_VK_ESCAPE // MSIE : Firefox
  if(kC==Esc) {
	orderItem('', '', '', 'exit', e, '', '');
	showRealSize('matrixBigImage', 0);
	showHelpLayer(false);
	document.getElementById('stuklijstPopup').style.display="none";
	if (document.getElementById('kortingsAlert')) {
		var that = document.getElementById('kortingsAlert');
		that.parentNode.removeChild(that);
	}
  }
}

function kortingenWaarschuwing() {
	showWarning("<p>Op het moment van aanmelden zijn uw eventuele kortingen nog niet ingevoerd in het systeem. Deze zullen binnen enkele dagen worden vast gelegd en met terugwerkende kracht in uw bestellingen worden verwerkt.</p><p>Bestel dus gerust, uw kortingen zullen op de factuur correct vermeld worden !");
}

function showWarning(message) {
	var obj = document.body;
	var popup = document.createElement('div');

	popup.innerHTML = "<h4>Let op:</h4>";

	if(message) {
		popup.innerHTML += message;
	}

	popup.innerHTML += '<a id="closeWindow">[Esc]<img src="../gfx/icon_action_delete.gif"/></a>';
	popup.id = "kortingsAlert";
	popup.onclick=function(){this.parentNode.removeChild(this); fullScreen(false);};

	fullScreen(true);
	obj.appendChild(popup);
	showDivCentered(popup.id);
}

function showCartToList() {
	document.getElementById('cartTolistSubId').style.display="block";
	document.getElementById('cartTolistId').style.width="370px";
}