$(document).ready(function() {

	/*Suckerfish modified to work with JTRP dropdowns*/
	$("li.category-li").hover(function(){
		 $(this).addClass("sfhover");
		
	}, function(){
		 $(this).removeClass("sfhover");
	});

	/*The following calls upon the innerFade jquery plug-in to fade and rotate images on the home page.*/
		$('ul#homeImages').innerfade({
			speed: 1200,
			timeout: 6000,
			type: 'random_start',
			containerheight: '230px'
		});


    /*The following jQuery code highlights the appropriate category menu button when the user hovers over a related link from that category*/
     	
		/*Home*/
		$("#subcategories, #quick-links, .related").find("a[@href*=/Home/]").hover(function(){
		    $("#Categories #Home").addClass("menuHighlight");
	    }, function(){
            $("#Categories #Home").removeClass("menuHighlight");
	    });
		

		
		/*Research*/
	    $("#subcategories, #quick-links, .related").find("a[@href*=/Research/]").hover(function(){
		    $("#Categories #Research").addClass("menuHighlight");
	    }, function(){
            $("#Categories #Research").removeClass("menuHighlight");
	    });
	    
		
		/*About*/
	    $("#subcategories, #quick-links, .related").find("a[@href*=/About/]").hover(function(){
		    $("#Categories #About").addClass("menuHighlight");
	    }, function(){
            $("#Categories #About").removeClass("menuHighlight");
	    });
	    
		
		/*Administration*/
	    $("#subcategories, #quick-links, .related").find("a[@href*=/Administration/]").hover(function(){
		    $("#Categories #Admin").addClass("menuHighlight");
	    }, function(){
            $("#Categories #Admin").removeClass("menuHighlight");
	    });
	    
		
		/*Education*/
	    $("#subcategories, #quick-links, .related").find("a[@href*=/Education/]").hover(function(){
		    $("#Categories #Education").addClass("menuHighlight");
	    }, function(){
            $("#Categories #Education").removeClass("menuHighlight");
	    });

	    /*The brain behind the width widget. Reads a cookie to see what the user preference is. 
	    If use choose wide, it replaces the default global layout CSS with the wide version of the file. 
	    If deletes the cookie if the user chooses normal; The normal CSS will not be replaced.*/
	    $("#width-control").attr("style", "display:block");
	    
	    if($.cookie('layoutWidth') == "wide"){
	        assignWideCSS();
	    } else {
	        assignNormalCSS();
	    }

  	    $(".styleswitch[rel=global_wide]").click(function(){
                assignWideCSS();
	            $.cookie('layoutWidth','wide', {domain:'rebar.ecn.purdue.edu', path:"/jtrp_redesign"});
	    });
	    
	    $(".styleswitch[rel=global]").click(function(){
            assignNormalCSS();	            
            $.cookie('layoutWidth',null, {domain:'rebar.ecn.purdue.edu', path:"/jtrp_redesign"});
	    });
	    
	    /*This makes the width widget visible if the user has javascript enabled*/
	    $("#width-control").attr("style", "display:block;");

});


function assignWideCSS(){
    if($("link[title=global]").attr("href") == "../../CSS/global.css"){
	    $("link[title=global]").attr("href", "../../CSS/global_wide.css");
	} else if($("link[title=global]").attr("href") == "../CSS/global.css"){
	    $("link[title=global]").attr("href", "../CSS/global_wide.css");
    }
}

function assignNormalCSS(){
    if($("link[title=global]").attr("href") == "../../CSS/global_wide.css"){
	    $("link[title=global]").attr("href", "../../CSS/global.css");
	} else if($("link[title=global]").attr("href") == "../CSS/global_wide.css"){
	    $("link[title=global]").attr("href", "../CSS/global.css");
    }
}