 // by Tilman Reiff <tilman@re-source.com> for Agitos Technologies <http://www.agitos.de>


//===================================================
//      INIT
//===================================================
function init(theDelay){
	if (document.all) {
		layerStyleRef="layer.style.";
		layerRef="document.all";
		styleSwitch=".style";
	    windowHeight = document.body.clientHeight; 
	    
	    var whichLayer = getLayerRef_byName("mainNav");
		whichLayer.left = 0;
		//whichLayer.top  = -10;
	}else{
		layerStyleRef="layer.";
		layerRef="document.layers";
		styleSwitch="";
		windowHeight = window.innerHeight;
	}
	/*if (isIn) {
		var whichLayer = getLayerRef_byName("mainNav");
		whichLayer.left = -99;
		imageChange("mainNav", "navHandle", "imgs/n_slider_out.gif");
	} else {*/
		inTimeout = eval("setTimeout('moveIn(\"mainNav\")', "+theDelay+")");
	//}		
}
//===================================================



//===================================================
//      IMAGE CHANGE
//===================================================
function imageChange(layerName, imgName, imgSrc) {
	if (document.images) {
		if (navigator.appName == "Netscape") {
			//document.layers[layerName].document.images[imgName].src = imgSrc;
		}
		else
			document.images[imgName].src = imgSrc;
	}
}
//===================================================

function mouseIn(layerName, imgName, imgSrc) {
	clearTimeout(inTimeout);
	var whichLayer = getLayerRef_byName("mainNav");
	
	//alert(outTimeout);	
	if ( (whichLayer.left != 0) && (!outTimeout))
		moveOut("mainNav");
	else	
		imageChange(layerName, imgName, imgSrc);
	
}

function mouseOut(layerName, imgName, imgSrc) {
	//clearTimeout(outTimeout);
	imageChange(layerName, imgName, imgSrc);
	inTimeout = setTimeout('moveIn("mainNav")', 500);
}

//===================================================
//      NAV ANIMATION
//===================================================

function toggle(thelayer) {
	var whichLayer = getLayerRef_byName(thelayer);
	
	if (parseInt(whichLayer.left) == 0) {
		moveIn(thelayer);
	} else {
		moveOut(thelayer);
	}
}


function moveOut(thelayer) {
	var whichLayer = getLayerRef_byName(thelayer);
	
	clearTimeout(inTimeout);
	
	myLeft = parseInt(whichLayer.left) + stepSize;
	
	if ( myLeft < 0 ) {
		whichLayer.left = myLeft;
		outTimeout = eval("setTimeout('moveOut(\""+thelayer+"\")', "+stepDelay+")");
	} else {
		imageChange("mainNav", "navHandle", "imgs/n_slider_in.gif");
		whichLayer.left = 0;
		clearTimeout(outTimeout);
	}
}

function moveIn(thelayer) {
	var whichLayer = getLayerRef_byName(thelayer);
	
	clearTimeout(outTimeout);
	myLeft = parseInt(whichLayer.left) - stepSize;
	
	
	if ( myLeft > -99 ) {
		whichLayer.left = myLeft;
		inTimeout = eval("setTimeout('moveIn(\""+thelayer+"\")', "+stepDelay+")");
	} else {
		imageChange("mainNav", "navHandle", "imgs/n_slider_out.gif");
		whichLayer.left = -99;
		clearTimeout(inTimeout);
	}
}

//===================================================







function getLayerRef_byName(id) {

	//var ref = eval(layerRef+'["'+layerName+'"]'+styleSwitch);

    if      (document.layers)         return document.layers[id];              
    else if (document.all)            return document.all[id].style;           
    else if (document.getElementById) return document.getElementById(id).style;
    else                              return null;        

	//return ref;
}

function showLayer(layerName){
	var showL= getLayerRef_byName(layerName);
	
	if (showL) showL.visibility="visible";
}
        
        
function hideLayer(layerName){
	var hideL= getLayerRef_byName(layerName);
	if (hideL) hideL.visibility="hidden";
}
 
 
