var PrevZIndex = 0;
var MenuPos;
function Mover(index)
{
//alert(index);
//alert(this);
/*
	$(this).addClass( "selected" );
	PrevZIndex = $(this).CSS("z-index");
	$(this).CSS("z-index", 1000);
*/
	$("div#MenuBGDIv").css("display","block");
	var ThisPos = $(this).offset();
	//$("div#MenuBGDIv").css("width",$(this).width()-4);
	$("div#MenuBGDIv").stop();
	//$("div#MenuBGDIv").css("height",$(this).height()-4);

	$("div#MenuBGDIv").animate({ left : ThisPos.left + 2});
	//$(#MenuDiv ul li).removeClass( "selected" );	
	$(this).addClass( "selected" );

}

function Mout(index)
{
//alert(index);
//alert(this);
/*
	$(this).removeClass( "selected" );	
	$(this).CSS("z-index", PrevZIndex);
*/
$(this).removeClass( "selected" );	

}

function init()
{
	$("#MenuDiv ul li").mouseover( Mover );
	$("#MenuDiv ul li").mouseout( Mout );
	ResizeWindow();
}

function ResizeWindow()
{
	MenuPos = $("div#MenuDiv.Container").offset();
	
	//alert(MenuPos);
	//alert("top: " + MenuPos.top + "\nleft: " + MenuPos.left);
	
	//$("div#MenuULDiv").css("top",MenuPos.top);
	//$("div#MenuULDiv").css("left",MenuPos.left);
	
	$("div#MenuULDiv").css("top",0);
	$("div#MenuULDiv").css("left",0);

	//MenuBGDIv
	$("div#MenuBGDIv").css("top",MenuPos.top + 2);//
	$("div#MenuBGDIv").css("left",MenuPos.left + 2);//
	$("div#MenuBGDIv").css("display","none");
	$("div#MenuBGDIv").css("z-index", 1);
	$("div#MenuULDiv").css("position", "relative");

	$("div#MenuULDiv").css("z-index", 3);

//alert($("div#MenuULDiv").css("z-index"));


}


$(document).ready(init);
$(document).resize(ResizeWindow);