var menuItens = {
		"height":"30px",
		"margin": "0px 10px",
		"padding": "5px 5px",
		"backgroundImage": 'url("../images/menuItemBkg.jpg")',
		"backgroundImageLeft": 'url("../images/menuLeft.jpg")',
		"backgroundImageRight": 'url("../images/menuRight.jpg")',
		"backgroundImageI": 'url("../images/menuItemBkgI.jpg")',
		"menuBackgroundSideSize": "60",
		"menuItemSideSize": "15",
		"menuItemLeft" : 'url("../images/menuItemLeft.png")',
		"menuItemRight" : 'url("../images/menuItemRight.png")',
		"font" : "14px Verdana",
		"color": "#888"
};

var posInicial;
var menuId;

window.onresize = inicio;

function montaMenu(objId, ini){
	menuId = objId;
	posInicial = ini;
	var divMenu = $("#" + menuId);
	
	var ul = $("#" + menuId + " > ul");
	ul.mouseleave(reset);
	ul.css("margin", "0 0px");
	ul.css("padding", "0px 60px");
	ul.css("font", menuItens.font);
	
	//Submenus
	var subs = $("#" + menuId + " > ul > li");
	subs.css("list-style-type", "none");
	subs.css("float", "left");
	subs.css("padding", "0px");
	subs.mouseenter(deslizar);
	
	//links
	var links = $("#" + menuId + " > ul > li > a");
	links.css("text-decoration", "none");
	links.css("outline", "none");
	links.css("display", "block");
	links.css("color", menuItens.color);
	links.css("padding",menuItens.padding);
	links.css("margin",menuItens.margin);

	$("body").append( "<div id='divFundoGL'></div>");
	$("#divFundoGL").css("position","absolute");
	$("#divFundoGL").css("z-index", -2);
	if(menuItens.backgroundImageLeft){
		$("#divFundoGL").css("background-image", menuItens.backgroundImageLeft);
	}
	
	$("body").append( "<div id='divFundoT'></div>");
	$("#divFundoT").css("position","absolute");
	$("#divFundoT").css("z-index", -2);
	if(menuItens.backgroundImage){
		$("#divFundoT").css("background-image", menuItens.backgroundImage);
	}

	$("body").append( "<div id='divFundoGR'></div>");
	$("#divFundoGR").css("position","absolute");
	$("#divFundoGR").css("z-index", -1);
	if(menuItens.backgroundImageRight){
		$("#divFundoGR").css("background-image", menuItens.backgroundImageRight);
	}
	
	$("body").append( "<div id='divFundo'><div id='divFundoL'></div><div id='divFundoC'></div><div id='divFundoR'></div></div>");
	$("#divFundo").css("position","absolute");
	$("#divFundo").css("z-index", -1);
	$("#divFundoC").css("position","relative");
	$("#divFundoC").css("float","left");
	$("#divFundoL").css("position","relative");
	$("#divFundoL").css("float","left");
	$("#divFundoR").css("position","relative");
	$("#divFundoR").css("float","left");
	if(menuItens.backgroundImageI){
		$("#divFundoC").css("background-image", menuItens.backgroundImageI);
	}
	if(menuItens.menuItemLeft){
		$("#divFundoL").css("background-image", menuItens.menuItemLeft);
	}
	if(menuItens.menuItemRight){
		$("#divFundoR").css("background-image", menuItens.menuItemRight);
	}
	inicio();
	
}

function inicio(){
	var divMenu = $("#" + menuId);
	
	$("#divFundoGL").css("height", menuItens.height);
	$("#divFundoGL").css("width", parseInt(menuItens.menuBackgroundSideSize));
	$("#divFundoGL").css("top", divMenu.offset().top);
	$("#divFundoGL").css("left", divMenu.offset().left);

	$("#divFundoT").css("height", menuItens.height);
	$("#divFundoT").css("width", divMenu.width() - (menuItens.menuBackgroundSideSize * 2));
	$("#divFundoT").css("top", divMenu.offset().top);
	$("#divFundoT").css("left", divMenu.offset().left + parseInt(menuItens.menuBackgroundSideSize));

	$("#divFundoGR").css("height", menuItens.height);
	$("#divFundoGR").css("width", parseInt(menuItens.menuBackgroundSideSize));
	$("#divFundoGR").css("top", divMenu.offset().top);
	$("#divFundoGR").css("left", divMenu.offset().left + divMenu.width() - parseInt(menuItens.menuBackgroundSideSize));

	var liInicio = $("#" + menuId + " > ul > li").eq(posInicial - 1);
	//liInicio.css("border", "1px solid blue");
	$("#divFundo").css("height", menuItens.height);
	//$("#divFundo").css("width", liInicio.width());
	$("#divFundo").css("top", liInicio.offset().top);
	$("#divFundo").css("left", liInicio.offset().left);
	$("#divFundoC").css("height", menuItens.height);
	$("#divFundoC").css("width", liInicio.width()-(menuItens.menuItemSideSize*2));
	$("#divFundoL").css("height", menuItens.height);
	$("#divFundoL").css("width", menuItens.menuItemSideSize+"px");
	$("#divFundoR").css("height", menuItens.height);
	$("#divFundoR").css("width", menuItens.menuItemSideSize+"px");
}

function deslizar(){
	$("#divFundo").stop();
	$("#divFundoC").stop();
	$("#divFundo").animate({ left:$(this).offset().left });
	$("#divFundoC").animate({ width:$(this).width()-(menuItens.menuItemSideSize*2) });
}

function reset(){
	var liInicio = $("#" + menuId + " > ul > li").eq(posInicial - 1);
	$("#divFundo").stop();
	$("#divFundoC").stop();
	$("#divFundo").animate({ left:liInicio.offset().left });
	$("#divFundoC").animate({ width:liInicio.width()-(menuItens.menuItemSideSize*2) });
}