var flagMouseOver=new Array(0,0,0,0,0,0);
var adjustX=-280 - 5;
var adjustY=-300 + 60;
var ElemPositionX=0;
var ElemPositionY=0;

function ThumbnailMouseOver(LayerNo,elem){
	flagMouseOver[LayerNo]=1;
	GetPosition(elem);
	var layer=GetElement(LayerNo);
	layer.style.left = ElemPositionX + 'px';
	layer.style.top  = ElemPositionY + 'px';
	layer.style.display = '';
}

function ThumbnailMouseOut(LayerNo){
	flagMouseOver[LayerNo]=0;
	setTimeout("HideLayer("+ LayerNo + ")",500);
}

function LayerMouseOver(LayerNo){
	flagMouseOver[LayerNo]=1;
	var layer=GetElement(LayerNo);
	layer.style.display = '';
}

function LayerMouseOut(LayerNo){
	flagMouseOver[LayerNo]=0;
	setTimeout("HideLayer("+ LayerNo + ")",500);
}

function HideLayer(LayerNo){
	if(flagMouseOver[LayerNo]>0){ return; }
	var layer=GetElement(LayerNo);
	layer.style.display = 'none';
}

function HideAll(){
	var layer;
    layer=GetElement(1); layer.style.display = 'none';
    layer=GetElement(2); layer.style.display = 'none';
    layer=GetElement(3); layer.style.display = 'none';
    layer=GetElement(4); layer.style.display = 'none';
}

function GetElement(LayerNo){
	var menu;
	if(document.all){
		if(LayerNo==1){ menu=document.all['popup_skin_1']; }
		if(LayerNo==2){ menu=document.all['popup_skin_2']; }
		if(LayerNo==3){ menu=document.all['popup_skin_3']; }
		if(LayerNo==4){ menu=document.all['popup_skin_4']; }
	} else if(document.getElementById){
		if(LayerNo==1){ menu=document.getElementById('popup_skin_1'); }
		if(LayerNo==2){ menu=document.getElementById('popup_skin_2'); }
		if(LayerNo==3){ menu=document.getElementById('popup_skin_3'); }
		if(LayerNo==4){ menu=document.getElementById('popup_skin_4'); }
	}
	return menu;
}

function GetPosition(elem){
	var p,x,y;
	if(elem){
		x=elem.offsetLeft;
		y=elem.offsetTop;
		p=elem.offsetParent;
		while(p != null) {
			x+=p.offsetLeft;
			y+=p.offsetTop;		
			p=p.offsetParent;
		}
		// Mac IE Adjustment
		if (document.all && navigator.appVersion.indexOf("Mac") >= 0){
			y+=parseInt(document.body.topMargin);
			x+=parseInt(document.body.leftMargin);
		}
	} else {
		x=0;
		y=0;
	}
	ElemPositionX = x + adjustX;
	ElemPositionY = y + adjustY;
}

function CloseMenu(param){
	var menu=GetElement(param);
	menu.style.display = 'none';
}