var navid="";
var blurbid="";
var navwidth=0;
var navwidthtotal=0;
var navmarginarr = new Array();
var navxarrtemp = "";
var navblurbmargin=0;
var navobj = null;

// Constants
var navmarginleft = 25;
var navdividerstartleft = 133;
var startrightalign = 4; //contact
var blurbwidth = 420;

var ni=0;

var nav_list1 = new Array();
nav_list1.push("10arts");
nav_list1.push("chefbios");
nav_list1.push("menus");
nav_list1.push("specials");
nav_list1.push("contact");
nav_list1.push("pressphotos");

var nav_list2 = new Array();
var nav_arr = new Array();
for(ni=0; ni<nav_list1.length; ni++){
	nav_list2[nav_list1[ni]] = ni;
	nav_arr[nav_list1[ni]+'0'] = new Image();
	nav_arr[nav_list1[ni]+'1'] = new Image();
}

nav_arr['reservations0'] = new Image();
nav_arr['reservations1'] = new Image();


$(document).ready(function(){
	for(ni=0; ni<nav_list1.length; ni++){
		nav_arr[nav_list1[ni]+'0'].src = "/images/nav_"+nav_list1[ni]+"0.gif";
		nav_arr[nav_list1[ni]+'1'].src = "/images/nav_"+nav_list1[ni]+"1.gif";
	}
	nav_arr['reservations0'].src = "/images/nav_reservations0.gif";
	nav_arr['reservations1'].src = "/images/nav_reservations1.gif";

	$('div#nav img').each(function(){
		navid = $(this).attr("id").replace(/nav_/, "");
		navwidth = ($(this).css('width').replace(/px/, ""));
		navblurbmargin = navwidthtotal+navmarginleft;
		//navxarrtemp += navid+"|"+navwidth+"|"+navblurbmargin+"<br/>";
		navwidthtotal += Number(navwidth)+navmarginleft;
		
		navmarginarr[navid] = navblurbmargin;
	});

	
	for(ni=startrightalign; ni<nav_list1.length-1; ni++){
		navmarginarr[nav_list1[ni]] = navmarginarr[nav_list1[ni+1]]
	}
	navblurbmargin = navwidthtotal+navmarginleft;
	navmarginarr[nav_list1[ni]] = navblurbmargin
	
	//$('div#content').html(navxarrtemp+navwidthtotal+"<br/><br/>"+$('div#content').html());
	$('div#nav img').mouseover(function(){

		$('div#nav_blurbs span').hide();
		navid = $(this).attr("id").replace(/nav_/, "");
		$(this).attr('src', nav_arr[navid+"1"].src);

		blurbid = "blurb_"+navid;
		
		$('div#nav_divider').css('left', (navdividerstartleft + navmarginarr[navid] - (navmarginleft/2)));
		if(nav_list2[navid]>=startrightalign){
			$('div#nav_blurbs').css('textAlign', 'right');
			$('div#nav_blurbs').css('marginLeft', navmarginarr[navid]-blurbwidth-navmarginleft);
		} else {
			$('div#nav_blurbs').css('textAlign', 'left');
			$('div#nav_blurbs').css('marginLeft', navmarginarr[navid]);
		}
		$('div#nav_divider').show();
		$('span#'+blurbid).show();
	});
	$('div#nav img').mouseout(function(){
		navid = $(this).attr("id").replace(/nav_/, "");
		$(this).attr('src', nav_arr[navid+"0"].src);
		$('div#nav_blurbs span').hide();
		$('div#nav_divider').hide();
	});
	
	$('img#nav_reservations').mouseover(function(){
		$(this).attr('src', nav_arr["reservations1"].src);
	});
	$('img#nav_reservations').mouseout(function(){
		$(this).attr('src', nav_arr["reservations0"].src);
	});
});