$(document).ready(
	function(){
    $('A[rel="external"]').click( function() {
        window.open( $(this).attr('href') );
        return false;
    });
    
    $("#mainpic li h4").hover(function() {
          $(this).find("img").animate({width: "92px", height:"92px"}, "fast"); 
          $(this).find("a").animate({color: "#070739"}, "fast");
          //$(this).removeClass("opaque");
        }, function() {
          $(this).find("img").animate({width: "79px", height:"79px"}, "fast");
          $(this).find("a").animate({color: "#208799"}, "fast");
          //$("#tags li a").removeClass("opaque");
          
        }
        );
        
    $("#nav-supp li").click(function() {
          $("#nav-supp li").removeClass("selected");
          $(this).addClass("selected");
          $("#info-overview").hide();
          $("#info-details").hide();
          $("#info-instructions").hide();
          $("#info-background").hide();
          var myid = $(this).attr("id");
          
          if(myid == "overview"){
            $("#info-overview").fadeIn("fast"); 
          }
          if(myid == "details"){
            $("#info-details").fadeIn("fast"); 
          }
          if(myid == "instructions"){
            $("#info-instructions").fadeIn("fast"); 
          }
          if(myid == "background"){
            $("#info-background").fadeIn("fast"); 
          }
          if(myid == "download"){
            $("#info-download").fadeIn("fast"); 
          }
          
        }, function() {
          
        }
        ); 
        
    //hygiene
    $(".hygienic").click(function() {
          $("#hygienic-info").slideToggle("slow");
          $(this).toggleClass("opened");
          }
        ); 
        
        
    $("ul.special-info li").hover(function(){
        var whichLi = $(this).attr("class");
        switch (whichLi) { 
            case 'first': 
            $("ul.special-info li.second span").hide("fast");
            $("ul.special-info li.third span").hide("fast");
            $(this).find("span").show("slow");
            break; 

            case 'second': 
            $("ul.special-info li.first span").hide("fast");
            $("ul.special-info li.third span").hide("fast");
            $(this).find("span").show("slow");
            break; 

            case 'third': 
            $("ul.special-info li.first span").hide("fast");
            $("ul.special-info li.second span").hide("fast");
            $(this).find("span").show("slow");
            break; 

        }
        
        $("ul.special-info li.first").removeClass("selected");
        $("ul.special-info li.second").removeClass("selected");
        $("ul.special-info li.third").removeClass("selected");
         
        $(this).addClass("selected");
    //hoverout
    }, function() {
        
    }
    );    
	
	}
	
	);