var activeLayer = null;
var timeoutID = 0;

function getAbsOffsetTop(tElement){
   /* var bodyElements = document.getElementsByTagName("body");
    var bodyElement = bodyElements[0];
    var curItem = tElement;
    var curParent = null;
    var absOffsetTop = 0;
    var curOffsetValue;
    do{
	    curParent = curItem.offsetParent;
	    curOffsetValue = curItem.offsetTop;
	    absOffsetTop += curOffsetValue;
	    curItem = curParent;
    }
    while(curParent != bodyElement);
    return absOffsetTop;*/
	pos = $(tElement).position();
	return pos.top;	
}

function getAbsOffsetLeft(tElement){
   /* var bodyElements = document.getElementsByTagName("body");
    var bodyElement = bodyElements[0];
    var curItem = tElement;
    var curParent = null;
    var absOffsetLeft = 0;
    var curOffsetValue;
    do{
	    curParent = curItem.offsetParent;
	    curOffsetValue = curItem.offsetLeft;
	    absOffsetLeft += curOffsetValue;
	    curItem = curParent;
    }
    while(curParent != bodyElement);
	return absOffsetLeft;*/
	pos = $(tElement).position();
	return pos.left;
    
}

function ShowSecondLevelFor(layerid, aElement){	
	//alert("ShowSecondLevelFor - begin");
	//alert("layerid - " + layerid + " aElement - " + aElement);
	//alert("qq - " + aElement.nextSibling);
	var topOffset = getAbsOffsetTop(aElement);
	//alert("topOffset - " + topOffset);
	var leftOffset = getAbsOffsetLeft(aElement);
	//alert("leftOffset - " + leftOffset + " topOffset - " + topOffset);
	var layerToActive = document.getElementById(layerid);

	if(this.timeoutID){
		window.clearTimeout(timeoutID);
	}
	if(this.activeLayer){
		 HideLayer(this.activeLayer);
	}
	if(layerToActive){
		this.activeLayer = layerToActive;
	}else{
		//alert("layer " + layerid  + " not found");
		this.setImagesActive(layerid);
		return;    
	}
	this.activeLayer.style.top = (topOffset + $(aElement).height())+"px";
	//alert(leftOffset);
	//alert(this.activeLayer.offsetWidth);
	this.activeLayer.style.left = (leftOffset - 0)+"px";
	this.activeLayer.style.visibility='visible';
	// Change Images
	this.setImagesActive(layerid);
	//alert("ShowSecondLevelFor - end");
}

function onMouseOverLayer(layer){
	if(this.timeoutID)
		window.clearTimeout(this.timeoutID);
	else
		this.setImagesPrevious();
}

function onMouseOutLayer(layer){
	 HideSecondLevelFor();
}

function HideSecondLevelFor(){
	this.timeoutID = window.setTimeout("HideLayer(this.activeLayer)", 100);
}

function HideLayer(layerid){
	if(this.timeoutID)
		this.timeoutID = 0;
	if(layerid)
		layerid.style.visibility='hidden';

}