/*
	sfHover = function() {
	var sfEls = document.getElementById("header_basket").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	    }
    }

    if (window.attachEvent) window.attachEvent("onload", sfHover);
    */
	

			//Tämä JavaScript vaihtaa välilehden painikkeen ulkoasua sekä välilehden sisältöä

			var parentID;
			var child;
			var parentTab;
			var i;
	

			function showTab(varid, clientID)
			{
				
				var tabobj=document.getElementById("tablist")
				var tabobjlinks=tabobj.getElementsByTagName("LI")
				document.getElementById(clientID + "_selectedTab").value=varid;
				
				for (i=0; i<=tabobjlinks.length; i++) {
					parentID = i;
					child = document.getElementById ("Subthread-" + parentID);
					parentTab = document.getElementById ("tab" + parentID);
					if (child != null)
					{
						child.style.display = "none";
						parentTab.className = "maincolor_light";
						
					}
				}
				
					parentID = varid;
					child = document.getElementById ("Subthread-" + parentID);
					parentTab = document.getElementById ("tab" + parentID);
					if (child != null)
					{
						child.style.display = "";
						parentTab.className = "current maincolor_light";
												
					}
						
				
			}
			
			function showHideDateSelDiv(show, id) {
				if (show==1) {
					document.getElementById('dateSelDiv').style.display='inline';
					document.getElementById('Order11_dateProductID').value=id;
				}
				else {
					document.getElementById('dateSelDiv').style.display='none';
				}
			}
			var originalClassName = ""
			function showProductImage(imgElement) {
				var newImage = new Image()
				newImage.src = imgElement.src
							
								
				for(i=0; i<100; i++)
				{
					var element = document.getElementById('productImage_' + i);
					if (element != null) {
						//If image.width is more than 2*height show in panorama view
						if(newImage.height/newImage.width < 0.5)
						{
							if(originalClassName == "")
								originalClassName = element.parentNode.className							
													
							var parentElement = element.parentNode
							parentElement.style.overflow = "auto"
							element.style.height = "280px";
							parentElement.style.height = "300px";
							parentElement.className = ""
							element.src=newImage.src	
															
						}
						else
						{
							if(originalClassName != "")
								element.parentNode.className = originalClassName
							element.parentNode.style.height = "100%";
							element.src=newImage.src
							element.height = newImage.height
							element.width = newImage.width

						}
						
						break;
					}
				}
			}
			

		function showLoaderAnim() {
			document.getElementById('loading').style.display='block';
			setTimeout('document.images["loading_bar"].src="../images/Loading_bar.gif"',200);
		}