$(document).ready(function(){

   $("#nav div.notactive").mouseover(function(){
	  $(this).addClass("active"); 
	  var i = $(this).css("padding-top");
	  i = i.replace(/px/,"");
	  i--;i--;i--;
	  $(this).css("padding-top", i);
	}).mouseout(function(){
	  $(this).removeClass("active");
	  var i = $(this).css("padding-top");
	  i = i.replace(/px/,"");
	  i++;i++;i++;
	  $(this).css("padding-top", i);
	});
	
   $("#nav div").click(function(){
    if ( $(this).attr("rel") != undefined ) { 
      window.location = $(this).attr("rel");;
    }
	});
	
 });	

function print_topnav(page) {
	
	if (page == "1"){
		document.write('<div rel="about.htm" class="active" style="width: 65px; padding-top: 6px; height: 19px; margin-left: 45px;"><img src="images/nav_about.png"></div>');
	}else{
		document.write('<div rel="about.htm" class="notactive" style="width: 65px; padding-top: 9px; height: 19px; margin-left: 45px;"><img src="images/nav_about.png"></div>');
	}
	
	if (page == "2"){
		document.write('<div rel="jobs.htm" class="active" style="width: 95px; padding-top: 6px; height: 19px;"><img src="images/nav_join.png"></div>');
	}else{
		document.write('<div rel="jobs.htm" class="notactive" style="width: 95px; padding-top: 9px; height: 19px;"><img src="images/nav_join.png"></div>');
	}

	if (page == "3"){
		document.write('<div rel="locations.htm" class="active" style="width: 66px; padding-top: 6px; height: 19px;"><img src="images/nav_locations.png"></div>');
	}else{
		document.write('<div rel="locations.htm" class="notactive" style="width: 66px; padding-top: 9px; height: 19px;"><img src="images/nav_locations.png"></div>');
	}

	if (page == "4"){
		document.write('<div rel="vending.htm" class="active" style="width: 60px; padding-top: 6px; height: 19px;"><img src="images/nav_services.png"></div>');
	}else{
		document.write('<div rel="vending.htm" class="notactive" style="width: 60px; padding-top: 9px; height: 19px;"><img src="images/nav_services.png"></div>');
	}

	//if (page == "5"){
	//	document.write('<div rel="products.htm" class="active" style="width: 64px; padding-top: 6px; height: 19px;"><img src="images/nav_products.png"></div>');
	//}else{
	//	document.write('<div rel="products.htm" class="notactive" style="width: 64px; padding-top: 9px; height: 19px;"><img src="images/nav_products.png"></div>');
	//}

	if (page == "6"){
		document.write('<div rel="sales.htm" class="active" style="width: 41px; padding-top: 6px; height: 19px;"><img src="images/nav_sales.png"></div>');
	}else{
		document.write('<div rel="sales.htm" class="notactive" style="width: 41px; padding-top: 9px; height: 19px;"><img src="images/nav_sales.png"></div>');
	}

	if (page == "7"){
		document.write('<div rel="links.htm" class="active" style="width: 38px; padding-top: 7px; height: 18px;"><img src="images/nav_links.png"></div>');
	}else{
		document.write('<div rel="links.htm" class="notactive" style="width: 38px; padding-top: 10px; height: 18px;"><img src="images/nav_links.png"></div>');
	}

	if (page == "8"){
		document.write('<div rel="contact.cgi" class="active" style="width: 74px; padding-top: 8px; height: 17px;"><img src="images/nav_contact.png"></div>');
	}else{
		document.write('<div rel="contact.cgi" class="notactive" style="width: 74px; padding-top: 11px; height: 17px;"><img src="images/nav_contact.png"></div>');
	}
  
  document.write('<div id="facebook_wrapper"><a href="http://www.facebook.com/pages/Canteen-Service-Company/178849133258" target="_blank"><img src="/images/facebook.gif" border="0" alt="Join Us on Facebook"></a></div>');
		
}