<!--


if ((IEVersion()>6)||(_agent.indexOf("MSIE ")<0)){
	// Display a please wait message while images are loading?
	var displayWaitMessage=true;	
}
else{
	// bij IE6 geen loading-image
	var displayWaitMessage=false;	
}


function showPreview(imagePath,imageIndex,loadingDiv,imageDiv){

	var subImages = document.getElementById(imageDiv).getElementsByTagName('img');
	if(subImages.length==0){
		var img = document.createElement('img');
		document.getElementById(imageDiv).appendChild(img);
	}else img = subImages[0];
	
	if(displayWaitMessage){
		document.getElementById(loadingDiv).style.display='inline';
	}
	img.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1,loadingDiv); };
	img.src = imagePath;
}


function hideWaitMessageAndShowCaption(imageIndex,loadingDiv){
	document.getElementById(loadingDiv).style.display='none';	
}


function showColor(id){
	//alert(id)
	var newid			= id.replace("link","")
	var newid			= newid.replace("color","")
	var currentvalue 	= document.getElementById("colorValue").value
	
	if (newid!=currentvalue){
	
		var thisSRC = document.getElementById("color"+newid).src;
		thisSRC		= thisSRC.replace("x_new=50","x_new=" + colorSize)
		thisSRC		= thisSRC.replace("y_new=50","y_new=" + colorSize)
		
		thisSRC		= thisSRC.replace("50.gif",".gif") // als noimage50.gif de afbeelding is...
		
		//alert(thisSRC);
		//document.getElementById("mainColor").src = thisSRC
		showPreview(thisSRC,1,'colorImageLoading','colorImage');
		
		//links aanpassen
		var thisLargeSRC = document.getElementById("color"+newid).src;
		thisLargeSRC	 = thisLargeSRC.replace("x_new=50","x_new=" + colorSizeLarge)
		thisLargeSRC	 = thisLargeSRC.replace("y_new=50","y_new=" + colorSizeLarge)
		thisLargeSRC	 = thisLargeSRC.replace("50.gif",".gif") // als noimage50.gif de afbeelding is...
		
		document.getElementById("colorEnlargeLink").href = thisLargeSRC
		document.getElementById("mainColorLink").href = thisLargeSRC
		
		var colorValue 	= document.getElementById("hiddenColor"+newid).innerHTML
		var codeValue 	= document.getElementById("hiddenCode"+newid).innerHTML
		var statusValue = document.getElementById("hiddenStatus"+newid).innerHTML
		
		document.getElementById("mainColor").alt 						= colorValue
		document.getElementById("link"+newid).className 				= "coloractive";
		
		document.getElementById("articleColor").innerHTML 				= colorValue;
		document.getElementById("articleStatus").innerHTML 				= statusValue;
		document.getElementById("articleColorCode").innerHTML 			= codeValue;
		if (statusValue!=""){
			document.getElementById("rowStatus").style.visibility 		= "visible"
			document.getElementById("articleStatus").style.visibility 	= "visible"
		}
		else{
			document.getElementById("rowStatus").style.visibility 		= "hidden"
			document.getElementById("articleStatus").style.visibility 	= "hidden"
		}
		
		if (currentvalue!=""){
			document.getElementById("link"+currentvalue).className 		= "colorlink";
		}
		document.getElementById("colorValue").value = newid
	}
}

				
function showPicture(picID,id){
	if (picID!="0"){
		var imgSrc = sRoot + "include/makeThumbnail.asp?id=" + picID + "&x_new=" + imgSize + "&y_new=" + imgSize
	}
	else{
		var imgSrc = sRoot + "images/noimage.gif"
	}
	showPreview(imgSrc,1,'mainImageLoading','mainThumb');
	
	var liLength = document.getElementById("pictureline").getElementsByTagName("li").length
	for (i=1;i<=liLength;i++){
		document.getElementById("picLink"+i).className 	= "inactive";
	}
	document.getElementById("picLink"+id).className 	= "active";
	
	document.getElementById("mainImageLink").href 	= sRoot + "include/makeThumbnail.asp?id=" + picID + "&x_new=" + imgSizeLarge + "&y_new=" + imgSizeLarge
	document.getElementById("mainEnlargeLink").href = sRoot + "include/makeThumbnail.asp?id=" + picID + "&x_new=" + imgSizeLarge + "&y_new=" + imgSizeLarge
	
}
//-->