var i;
var n;
var baseW = 1024;
var baseH = 802;
var stageW;
var stageH;
var overImgs;
var overBtns;
var subMenuTimer;
var subMenuOpener;
var subMenu;
var subMenuOpening = false;


//Initialize function
function init(){

	//footer
	$("div#footer>ul>li:last").css("borderRight","1px solid #FFFFFF");

	//Resize settings
//	$(window).bind("resize",onWindowResize);
//	onWindowResize();

	/*
	 * SubMenu
	 */
	subMenuOpener = $("#productsMenuOpener");
	subMenu = $("#productsMenu dl");
	subMenuOpener.bind("mouseover", onSubMenuOpenerOver);

	/*
	 * RollOverImgs
	 */
	overImgs = $("img.over");
	for(i=0;i<overImgs.length;i++){
		var img = $(overImgs[i]);
		var src = img.attr("src");
		var prefix = src.substr(0, src.lastIndexOf("."));
		var postfix = src.substring(src.lastIndexOf("."));
		img.attr({
			"src_out":src,
			"src_over":prefix + "_over" + postfix
		});

	}
	overImgs.bind("mouseover",onOverImgOver);
	overImgs.bind("mouseout",onOverImgOut);

	/*
	 * RollOverBtns
	 */
	overBtns = $("input.over");
	for(i=0;i<overBtns.length;i++){
		var btn = $(overBtns[i]);
		var src = btn.css("backgroundImage");
		var prefix = src.substr(0, src.lastIndexOf("."));
		var postfix = src.substring(src.lastIndexOf("."));
		btn.attr({
			"src_out":src,
			"src_over":prefix + "_over" + postfix
		});
		btn.css("cursor","pointer");
	}
	overBtns.bind("mouseover",onOverBtnOver);
	overBtns.bind("mouseout",onOverBtnOut);

	/*
	 * Hacks for SubMenu depths
	 */
	var zIndexNum = 10000;
	$("div").each(function(){
		$(this).css("zIndex",zIndexNum);
		zIndexNum -= 10;
	});






}

//Window resizing handler
function onWindowResize(e){
	//
	stageW = $(window).width();
	stageH = $(window).height();
	//
	var posX = Math.max(Math.floor((stageW - baseW) / 2),0)+"px";
	var posY = Math.max(Math.floor((stageH - baseH) / 2),0)+"px";
	$("body").css({
		"backgroundPosition":posX + " " + posY
	});


	if(stageW < baseW){
		$("body").width(baseW);
	}else{
		$("body").width(stageW);
	}
	if(stageH < baseH){
		$("body").height(baseH);
	}else{
		$("body").height(stageH);
	}

}

//Rollover handlers
function onOverImgOver(e){
	$(this).attr("src",$(this).attr("src_over"));
}
function onOverImgOut(e){
	$(this).attr("src",$(this).attr("src_out"));
}
function onOverBtnOver(e){
	$(this).css("backgroundImage",$(this).attr("src_over"));
}
function onOverBtnOut(e){
	$(this).css("backgroundImage",$(this).attr("src_out"));
}

//SubMenu handlers
function onSubMenuOpenerOver(e){
	subMenu.slideDown("fast");
	//subMenu.show();
	$("body").bind("mousemove",onSubMenuOpening);
}
function onSubMenuOpening(e){
	var mouseX = e.pageX;
	var mouseY = e.pageY;
	var openerL = subMenuOpener.offset().left;
	var openerT = subMenuOpener.offset().top;
	var openerR = openerL + subMenuOpener.width();
	var openerB = openerT + subMenuOpener.height();
	var subL = subMenu.offset().left;
	var subT = subMenu.offset().top;
	var subR = subL + subMenu.width() + 10;
	var subB = subT + subMenu.height() + 20;
	//
	if((((mouseX >= openerL) && (mouseX <= openerR)) && ((mouseY >= openerT) && (mouseY <= openerB))) || (((mouseX >= subL) && (mouseX <= subR)) && ((mouseY >= subT) && (mouseY <= subB)))){
	}else{
		$("body").unbind("mousemove",onSubMenuOpening);
		subMenu.slideUp("fast");
		//subMenu.hide();
	}
}




$(document).ready(init);