$(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");;
    }
	});
	
	
	  $("#bottom_nav div.notactive").mouseover(function(){
	  $(this).addClass("active"); 
	  var i = $(this).css("padding-top");

	  $(this).css("padding-top", i);
	}).mouseout(function(){
	  $(this).removeClass("active");
	  var i = $(this).css("padding-top");
	  i = i.replace(/px/,"");

	});
	
   $("#bottom_nav div").click(function(){
    if ( $(this).attr("rel") != undefined ) { 
      window.location = $(this).attr("rel");;
    }
	});
	
	
	
 });	

function print_topnav() {
		document.write('<div id="outside">'+
					'<ul style="border-left: 1px solid #c4572e; border-right: 1px solid #b2471e;" id="navigation-1">'+
					   '<li id="dropper1" style="border-left: 1px solid #b2471e;"><span>about us</span>'+
						  '<ul id="drop1" class="navigation-2">'+
							 '<li><a href="about.htm" title="Mission Statement" target="_self" >mission</a></li>'+
							 '<li><a href="legacy.htm" title="Jerry\'s Legacy" target="_self" >jerry\'s legacy</a></li>'+ 
						  '</ul>'+
					   '</li>'+
					   '<li><a href="canteen-benefits.htm" title="Join Our Team" target="_self" >join our team</a></li>'+
					   '<li><a href="locations.htm" title="Locations" target="_self" >locations</a></li>'+
					   '<li id="dropper2"><span>services</span>'+
						  '<ul id="drop2" class="navigation-2">'+
							' <li><a href="vending.htm" title="Vending" target="_self" >vending</a></li>'+
							 '<li><a href="dining.htm" title="Dining Centers" target="_self" >dining centers</a></li>'+
							 '<li><a href="coffee.cgi" title="Coffee" target="_self" >coffee</a></li>'+
							 '<li><a href="http://canteencorrectionalservices.net" title="Corrections" target="_self" >corrections</a></li>'+
							 '<li><a href="sustainability.htm" title="Sustainability" target="_self" >sustainability</a></li>'+
							 '<li><a href="senior.htm" title="Senior Nutrition" target="_self" >senior nutrition</a></li>'+
							 '<li><a href="avanti.htm" title="Avanti Markets" target="_self" >avanti markets</a></li>'+
						  '</ul>'+
					   '</li>'+
					   '<li><a href="portfolio.htm" title="Products" target="_self" >products</a></li>'+
					   '<li><a href="sales.htm" title="Sales" target="_self" >sales</a></li>'+
					   '<li style="border-left: 1px solid #b2471e;"><a href="contact.cgi" title="Contact Us" target="_self" >contact us</a></li>'+
					'</ul>'+
				'</div>');
	}


function print_bottomnav(page) {
	
	
	if (page == "0"){
		document.write('<div rel="index.php" class="active" style="width: 36px;">home</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}else{
		document.write('<div rel="index.php" class="notactive" style="width: 36px; ">home</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}
	
	if (page == "1"){
		document.write('<div rel="legacy.htm" class="active" style="width: 55px; ">about us</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}else{
		document.write('<div rel="legacy.htm" class="notactive" style="width: 55px; ">about us</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}
	
	if (page == "2"){
		document.write('<div rel="canteen-benefits.htm" class="active" style="width: 85px; ">join our team</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}else{
		document.write('<div rel="canteen-benefits.htm" class="notactive" style="width: 85px; ">join our team</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}

	if (page == "3"){
		document.write('<div rel="contact.cgi" class="active" style="width: 66px; ">contact us</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}else{
		document.write('<div rel="contact.cgi" class="notactive" style="width: 66px; ">contact us</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}

	if (page == "4"){
		document.write('<div rel="testimonials.htm" class="active" style="width: 77px; ">testimonials</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}else{
		document.write('<div rel="testimonials.htm" class="notactive" style="width: 77px; ">testimonials</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}

	if (page == "5"){
		document.write('<div rel="vending.htm" class="active" style="width: 50px; ">vending</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}else{
		document.write('<div rel="vending.htm" class="notactive" style="width: 50px; ">vending</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}

	if (page == "6"){
		document.write('<div rel="coffee.cgi" class="active" style="width: 41px; ">coffee</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}else{
		document.write('<div rel="coffee.cgi" class="notactive" style="width: 41px; ">coffee</div><div style=""><img src="images/divider-bottom.jpg"></div>');
	}

	if (page == "7"){
		document.write('<div rel="" class="active" style="width: 130px; "><a href="http://www.facebook.com/pages/Canteen-Service-Company/178849133258" target="_blank">find us on facebooks</a></div>');
	}else{
		document.write('<div rel="" class="notactive" style="width: 130px; "><a href="http://www.facebook.com/pages/Canteen-Service-Company/178849133258" target="_blank">find us on facebook</a></div>');
	}
		
}