/*
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;
function nav(page, keywords, params, direction, totalItems){
	if(direction == 'merk'){
		url = "./catalogus.asp?page="+page+"&direction="+direction+"&keywords="+keywords+""+params+"&totalItems="+totalItems;		
		document.location.href = url;
	}
	else if(navClicked == false){
		navClicked = true;
		document.getElementById('btnNext').disabled = true;
		document.getElementById('btnBack').disabled = true;
		url = "./catalogus.asp?page="+page+"&direction="+direction+"&keywords="+keywords+""+params+"&totalItems="+totalItems;		
		document.location.href = url;
	}
}

function go(url){
	document.location.href=url;
}





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){
	document.location.href = "winkelwagenInhoud.asp?artcode="+artCode+"&amount="+amount;
}


function changeAmount(a, b){
	return true;
}