//
// Image folder names.
//
var THUMB  	= "thumbnail_50x70";
var LARGE 	= "large_173x244";
var XLARGE 	= "xlarge_400x564";
var ZOOM 	= "zoom_1200";
	
	function changeProdImage(image,displayZoom,displayXLarge){
		/*
		Product image (LARGE) change from thumbnails
		image 		== object, product thumbnail which is clicked to change the large image 
		displayZoom 	== boolean, if ZOOM image exists 
		displayZoom 	== boolean, if XLARGE image exists 
		*/

		if(document.getElementById){
			
			//**** change LARGE image ****
			
			//selected thumbnail
			var thumbSelection = image;
			//thumbnail image src
			var thumbNail = thumbSelection.src;
			//get new LARGE image src
			var bigImageUrl = thumbNail.replace(THUMB,LARGE);
						
			//set new LARGE image src
			var bigImage = document.getElementById("bigImage");
			bigImage.setAttribute("src",bigImageUrl);

			//set onclick parameters to product page image
			bigImage.onclick = function() {showFlashContent(this,bigImageUrl,LARGE,displayZoom,displayXLarge);}
			
			//set onclick parameters to product page image link
			var bigImageLink = document.getElementById("bigImage-link");
			bigImageLink.onclick = function() {showFlashContent(this,0,LARGE,displayZoom,displayXLarge);}
			
			//update LARGE image name
			var thumbId = image.id.substring(image.id.indexOf("_") + 1);
			document.getElementById("bigImage").setAttribute("name","bigImage_"+thumbId);
			
			
			//**** change selected thumbnail border  ****
			
			// count thumbnails, clear selectedImage style of pevious selection and set new
			var thumbNails = document.getElementById("small-images").getElementsByTagName("img");
			for(i=0; i<thumbNails.length; i++){ 
				document.getElementById("smallImage_"+i).className ="";
			}
			thumbSelection.className ="selectedImage";
			
		}

	}
		
	
	
	
	function setThumbnailSelected(){
		/* change border colour of selected image thumbnail	on body onload*/
		
		if(document.getElementById && document.getElementById("small-images")){
			
			/* get index number of LARGE image */
			var currentProduct = document.getElementById("bigImage");
			var currentName = currentProduct.getAttribute("name");
			var currentId = currentName.substring(parseInt(currentName.indexOf("_"))+1,currentName.length);
			
			// count thumbnails, clear selectedImage style of pevious selection and set new
			var thumbNails = document.getElementById("small-images").getElementsByTagName("img");
			
			for(i=0; i<thumbNails.length; i++){ 
				if(i==currentId){
					document.getElementById("smallImage_"+i).className ="selectedImage"; 
				}
				else
				document.getElementById("smallImage_"+i).className =""; 
			}
		}
	}
		
	
	
	
	
	
	function showFlashContent(img,imgURL,folder,displayZoom,displayXLarge){
		/*
		Opens popup and calls refreshImg() function
		img 			== object, thumbnail or product image which is clicked to open zoom or xlarge image popup
		imgURL			== 0 if popup is called from a "Iso tuotekuva" link otherwise 1
		folder			== string, folder name to be changed to ZOOM or XLARGE
		displayZoom 	== boolean, true if ZOOM image exists 
		displayXLarge 	== boolean, true if XLARGE image exists 
		*/
			
			if(document.getElementById) {
			
				//show flash, fade background
				document.getElementById("z-flashArea").style.left=0;
				document.getElementById("z-flashArea").style.visibility="visible";
				document.getElementById("container-all").style.opacity = ".5";
				document.getElementById("container-all").style.filter = "alpha(opacity=50)";
				
				//hide dropdowns
				var pageDopdowns = document.getElementsByTagName("select");
				for (i=0; i<pageDopdowns.length; i++){
					pageDopdowns[i].style.visibility="hidden";
				}
				
				//set new width for thumbnail area in flash popup 
				if (document.getElementById("z-zoomer-content")){
					
					var cont =  document.getElementById("z-zoomer-content");
					var header = document.getElementById("z-popup-header");
					var prodSelect = document.getElementById("z-popup-imageSelect");
					var prodArray = prodSelect.getElementsByTagName("img");
					
					if (prodArray.length < 2) {
						prodSelect.style.width="0px";
						cont.style.width="401px";
						header.style.width="401px";
					}
					else if (prodArray.length == 2) {
						prodSelect.style.width="115px";
						cont.style.width="520px";
						header.style.width="520px";
					}
					else if (prodArray.length >= 3) {
						prodSelect.style.width="181px"
						cont.style.width="583px";
						header.style.width="583px";
					}
				}
			}
			
			
			
			// call Flash function
			refreshImg(img,imgURL,folder,displayZoom,displayXLarge);
		}
		

	
	
	
	
	function closeFlashContent(){
		if(document.getElementById) { 
			document.getElementById("z-flashArea").style.visibility="hidden"; 
			document.getElementById("container-all").style.opacity = "1";
			document.getElementById("container-all").style.filter = "none";
			//set dropdowns visible
				var pageDopdowns = document.getElementsByTagName("select");
				for (i=0; i<pageDopdowns.length; i++){
					pageDopdowns[i].style.visibility="visible";
				}
			}
		}
		

	
	
		

	
	
	function refreshImg(img,imgURL,folder,displayZoom,displayXLarge)	{
		
			/*
			Zoomer Flash function
			img 			== object, thumbnail or product image which is clicked to open zoom or xlarge image popup
			imgURL			== 0 if popup is called from a "Iso tuotekuva" link otherwise 1 
			folder			== string, folder name to be changed to ZOOM or XLARGE
			displayZoom 	== boolean, true if ZOOM image exists 
			displayZoom 	== boolean, true if XLARGE image exists 
			*/
			
			var selectedImage = img.src;

			// popup opened from "Iso tuotekuva" link, get LARGE image object
			if (imgURL==0){
				var selectedImage = document.getElementById("bigImage").src;
				} 

			// both ZOOM and XLARGE images does not exist
			if (displayXLarge==false && displayZoom==false) {
				var selectedImage = document.getElementById("keyProdURL").value;
				var keyProductName = document.getElementById("keyProdName").value;
				if ("true" == document.getElementById("keyProdDisplayZoom").value) {
					displayZoom = true;
				}
				if ("true" == document.getElementById("keyProdDisplayXLarge").value) {
					displayXLarge = true;
				}
			}
			
			if(document.getElementById("netAnttila")){
				var FlashElementId = document.getElementById("netAnttila");
			}
			

			
			if(FlashElementId){//Flash enabled
				
				
				if(displayZoom){// Zoom image exsists
		
					var zoomerImage = selectedImage.replace(folder,ZOOM);
					
					var myImage = new Image();
					myImage.src = zoomerImage;
					
					document.getElementById("xLargeImg").style.display='none';
					document.getElementById("xLargeImg").src="/pics/empty.gif";
					
					if(navigator.appName == 'Opera'){
						document.getElementById("netAnttila").style.height='564px';
					}
					
					FlashElementId.sendNewImg(myImage.src);
					resizeMe(400,564);
					
				}
				else {// Show large image
				
					if(navigator.appName == 'Opera'){
						document.getElementById("netAnttila").style.height='0px';
					}

					FlashElementId.sendNewImg("/pics/empty.gif");
					resizeMe(1,1);
					
					document.getElementById("xLargeImg").style.display='block';
					var xLargeImage = selectedImage.replace(folder,XLARGE);
					document.getElementById("xLargeImg").src=xLargeImage;
					
					
				}
			}
			
			
			else { //Flash disabled
			
				var noFlashImage = selectedImage.replace(folder,XLARGE);
				
				// no XLarge image - show zoom image - width 400px
				if ( displayXLarge==false ) { 
					noFlashImage = selectedImage.replace(folder,ZOOM);
					document.getElementById("noFlashImg").setAttribute("width", 400)
				}
				document.getElementById("noFlashImg").setAttribute("src",noFlashImage);
			}
			
			

			// count thumbnails, clear selectedImage style of pevious selection and set new
			var thumbNails = document.getElementById("z-popup-imageSelect").getElementsByTagName("img");
			
			for(i=0; i<thumbNails.length; i++){ thumbNails[i].className =""; }
			
			
			if (img && img.parentNode.id=="z-popup-imageSelect"){
				img.className ="selectedImage";
			}
			
			else {
				
				var currentName = document.getElementById("bigImage").getAttribute("name");
				if (keyProductName) {currentName = keyProductName;}
				var currentId = currentName.substring(parseInt(currentName.indexOf("_"))+1,currentName.length);
				
				if( document.getElementById("smallImage2_"+currentId) ){
					document.getElementById("smallImage2_"+currentId).className = "selectedImage";
				}
		
			}
			
		}
	
		

		function resizeMe(newWidth,newHeight) {
			var FlashElementId = document.getElementById("netAnttila");
			
			if (newWidth == 1200) { 
				newWidth=parseInt(newWidth/3);
				newHeight=parseInt(newHeight/3);
			}

			FlashElementId.height=newHeight;
			FlashElementId.width=newWidth;
			
						
		}