/**
 * @author weldonc
 * @see tab_nav.css
 * @description hids all of the html content and displays tab nav elements, use click to change content and hide opening message
 */
$(document).ready(function(){
	$(".tabNav").show();
	$("#divider").show();
	$("#open_message").show();
	$("#ug").hide();
	$("#grad").hide();
	$("#grad_footer").hide();
	$(".nojavalink").hide();
	$(".tabNav > li").mouseover(function(){
		$(this).css({color:"#ffffff"});
    }).mouseout(function(){
		$(this).css({color:"#000000"});
    });
	$("#ug_trigger").click(function(){
		$(this).css('background-color','#FFB12F');	
		$("#grad_trigger").css('background-color','#e94');					
		$(this).css("color","#ffffff");
		$("#grad_trigger").css("color","#000000");
		$("#grad").hide();
		$("#ug").show();
		$("#grad_footer").hide();
		$("#ug_footer").show();	
		$("#open_message").hide();	
	});
	$("#grad_trigger").click(function(){
		$(this).css('background-color','#FFB12F');
		$("#ug_trigger").css('background-color','#e94');						
		$("#ug").hide();
		$("#grad").show();
		$("#grad_footer").show();		
		$("#ug_footer").hide();
		$("#open_message").hide();			
	});	
	$("#grad_footer > #t_footer").removeAttr("style");
	
});