/*
this file and xmlhttp js files use the global arrays arItemIDs and arItemCodes.
*/

var arImages = new Array();

function loadImages(){
	var i = 0;
	var key;
	for( key in arImages){

		if( arImages[key] == 1  ){	
			var ELdiv = document.getElementById('imgdiv'+key);
			ELdiv.innerHTML = ""; 
			var img = document.createElement('img');
			img.style.display = "none";
			img.id = "img"+key;
			theid = "img"+key;
			img.onload = function(){ resize_image(this, 100,100); };
			img.src = "showimage.asp?plaatjeid="+arItemIDs[key]+'&t=1';

			img.name = "img"+key;
			img.onerror = function(){ this.src='images/trans.gif'; };
			img.border = "0";
			ELdiv.appendChild(img);
		}		
		
		i++;	
	}
		
}

function resize_image(el, maxH, maxW){
							
		var resized = false;
		el.style.display = "";
		
						
		//trim the height and width until both are less than their maximum
		while(!resized){
			prevWidth = el.width;
			prevHeight = el.height;
		
			if(el.width > maxW || el.height > maxH){
				el.height = el.height * 0.95;
				el.width = el.width * 0.95;
				//if resizing didn't work correctly: sizes are still the same. Then skip the loop, preventing endliess resize tries.
				if(el.width == prevWidth || el.height == prevHeight)
					resized = true;
			}
			else
				resized = true;
		}
		
	}


function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}

function jumpto(zoek, assort, page, maxpage, id){
	var ELjump = document.getElementById(id);
	gotopage = ELjump.value;
	if(ELjump.value > maxpage) 
		gotopage = maxpage;
	if(ELjump.value < 0) 
		gotopage = 1;
	
	if(gotopage != page){		
		direction = "next";
		if(gotopage < page) 
			direction = "back";		
		navigeer(gotopage, zoek, assort, direction);
	}
}

var navClicked = false;
var navPagename = "catalogus";
function nav(page, keywords, params, direction, totalItems){
	//alert(pagename);
	pricemin = $("#slider-range").slider("values",0);
	pricemax = $("#slider-range").slider("values",1);
	var min_base = $( "#minprice_base" ).val();
	var max_base = $( "#maxprice_base" ).val();
	
	if(direction == 'merk'){
		url = "./"+navPagename+".asp?page="+page+"&direction="+direction+"&keywords="+keywords+""+params+"&totalItems="+totalItems+"&pricemin="+pricemin+"&pricemax="+pricemax+"&min_b="+min_base+"&max_b="+max_base;
		document.location.href = url;
	}
	else if(navClicked == false){
		navClicked = true;
		document.getElementById('btnNext').disabled = true;
		document.getElementById('btnBack').disabled = true;
		url = "./"+navPagename+".asp?page="+page+"&direction="+direction+"&keywords="+keywords+""+params+"&totalItems="+totalItems+"&pricemin="+pricemin+"&pricemax="+pricemax+"&min_b="+min_base+"&max_b="+max_base;		
		document.location.href = url;
	}
	return false;
}

function go(url){
	document.location.href=url;
}

function zoekMetRange(keywords, params){
	pricemin = $("#amountmin").val();
	pricemax = $("#amountmax").val();
	var min_base = $( "#minprice_base" ).val();
	var max_base = $( "#maxprice_base" ).val();
	url = "./catalogus.asp?keywords="+keywords+params+"&pricemin="+pricemin+"&pricemax="+pricemax+"&min_b="+min_base+"&max_b="+max_base;
	document.location.href = url;
	return false;
}


function checkEnter(evt){
	
	if(evt.keyCode == 13){
		$("#btnPriceRangeSearch").click();
		//alert(evt.keyCode);
	}
}


function popDetail(url){
	 window.open(url, "winPopup", 'width=800, height=600, location=no, status=yes, menubar=no, directories=no, toolbar=no, resizable=yes, scrollbars=yes');
/*	
	1. width de breedte van het venster wanneer het geopend wordt
	2. height de hoogte van het venster wanneer het geopend wordt
	3. location de adresbalk van het venster (waar de URL van de pagina altijd in staat)
	4. status de statusbalk van het venster (staat bij IE standaard onderin het scherm)
	5. menubar de menubalk van het venster
	6. directories andere directory-knoppen van de browser
	7. toolbar hier staan de verschillende knoppen op: vorige, home, print, etcetera
	8. resizable geeft aan of de bezoeker de grootte van het venster mag aanpassen
	9. scrollbars het venster krijgt schuifbalken als de inhoud groter is dan de vensterafmetingen
*/

	
}

function naarOverzicht(artCode, amount){
	var url = "winkelwagenInhoud.asp?artcode="+artCode+"&amount="+amount;
	
	//alert(url);
	
	document.location.href = "winkelwagenInhoud.asp?artcode="+artCode+"&amount="+amount;
	
	return false;
}


function changeAmount(a, b){
	return true;
}