// Site Navigation bar
var original_class;
var sect_var;
	$(document).ready(function(){
		$("li[@id^=tab]").hover( 
		  function () {
			original_class = this.className;
			sect_var = (this.id).replace("tab","") - 1;
			$(this).removeClass(this.id+"_off");
			$(this).addClass(this.id+"_on");
			$("#sec"+sect_var).show();

			//vertical pull down
			$(this).find("li").each(function(){
			//alert(this.id);		
				$(this).hover(
					function (){
						$(this).removeClass(this.id).addClass(this.id+"_off");
					},
					function (){
						$(this).removeClass(this.id+"_off").addClass(this.id+"_on");
					});	
			});
		  },
		  	//end verticla pull down
		  
		  function () {
			if (original_class.search(this.id+"_off") != -1){  //found
		  		$(this).addClass(this.id+"_off");
		  	} else { //not found
				$(this).addClass(this.id+"_on");
		  	}
			$("#sec"+sect_var).hide();
		});
	});