function changeTextSize(percent) {
	
	w3c = (document.getElementById);
	body = (w3c)?document.getElementsByTagName('body')[0].style:document.all.tags('body')[0].style;
	body.fontSize = percent;
}

var sfHover = function() {

	var oNav = document.getElementById("nav_main");
	if (oNav) {
		
		var sfEls = oNav.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"), "");
			}
		}
	}
}

function textCounter(field,cntfield,maxlimit) {
	if (field.value.length > maxlimit) {
		field.value = field.value.substring(0, maxlimit);
	}
	else {
		cntfield.value = maxlimit - field.value.length;
	}
}

function handleEnter (targetBtn, event){
    var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
    if (keyCode == 13){
        document.getElementById(targetBtn).click();
        return false;
    } 
    else {
    	return true;
    }
}

var waitLayer;
var waitOpacity = 0;
var waitIFrame;
var ie5 = document.all && document.getElementById;
	
function showWaitIcon(form)
{
	form.submit();
	showWaitLayer();
	window.setTimeout("fadeInWaitLayer()", 500);	
}

function productKeyPress(event) {
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
	if (keyCode == 13) {
		showWaitLayer();
		window.setTimeout("fadeInWaitLayer()", 500);	
	   return false;
	 } else {
	   return true;
	 }
}
function showWaitLayer()
{	
	var A;
	if(self.innerWidth!=undefined) {A= [self.innerWidth,self.innerHeight];}
	else{var D= document.documentElement;if(D) A = [D.clientWidth,D.clientHeight];}
	
	var innerWidth = A[0] + getScrollXY()[0];
	var innerHeight = A[1] + getScrollXY()[1];
	var loadingIconYOffset = A[1]/2+getScrollXY()[1]-100;		
	var waitLayerHTML = "<div style='width:100%; height:100%; background-color:#000000;  background-image: url(\/img\/icons\/waiticon.gif); background-repeat: no-repeat; background-position: "+"50% "+loadingIconYOffset+"px;'>&nbsp;</div>";
	
	// ----------- create wait layer (= grey transparent layer on whole window)

	
	
	waitLayer = document.createElement('div');
	style = "visibility: hidden; position: absolute; top: 0px; left: 0px; width:" + innerWidth + "px; height:" + innerHeight + "px";
	waitLayer.setAttribute('style', style);	
	waitLayer.style.width = innerWidth;
	waitLayer.style.height = innerHeight;		
	waitLayer.style.zIndex = "1000";
	waitLayer.style.filter = "alpha(opacity=0)";
	waitLayer.style.opacity = "0";
	document.getElementsByTagName('body')[0].appendChild(waitLayer);
	waitLayer.innerHTML = waitLayerHTML;
	if( ie5 )
	{
		// create iframe which will later be shown behind the wait layer to force the ie to show the layer on top of select boxes
		var waitIFrame = document.createElement("iframe");
		//	waitIFrame.style.visibility = "hidden";
		waitIFrame.style.filter = "alpha(opacity=0)";
		// exactly the same size and position as the layer		
		style = "visibility: hidden; position: absolute; top: 100; left: 100; width:" + innerWidth + "px; height:" + innerHeight + "px" + "z-index: 999";		
		waitIFrame.setAttribute('style',style);

		// behind the layer, but in front of all others
		waitIFrame.style.zIndex = "999";
		// empty source file
		waitIFrame.src = "js/empty_iframe.html";
		document.getElementsByTagName('body')[0].appendChild(waitIFrame);
	}
	waitLayer.style.left = '0px';
	waitLayer.style.top = '0px';
	waitLayer.style.position = 'absolute';
	waitLayer.style.visibility = "visible";
	
}

function fadeInWaitLayer()
{	
	if( waitIFrame )	
	{
//		alert("visible");
		waitIFrame.style.visibility = "visible";
	}

	waitOpacity = 30;
	waitLayer.style.filter = "alpha(opacity=" + waitOpacity + ")";
	waitLayer.style.opacity = waitOpacity / 100;
}

function getScrollXY() {
	  var scrOfX = 0, scrOfY = 0;
	  if( typeof( window.pageYOffset ) == 'number' ) {
	    //Netscape compliant
	    scrOfY = window.pageYOffset;
	    scrOfX = window.pageXOffset;
	  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	    //DOM compliant
	    scrOfY = document.body.scrollTop; 
	    scrOfX = document.body.scrollLeft;
	  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
	    //IE6 standards compliant mode
	    scrOfY = document.documentElement.scrollTop; 
	    scrOfX = document.documentElement.scrollLeft;
	  }
	  return [ scrOfX, scrOfY ];
	}