$(document).ready(function(){
    $("div[id*=Detail]").hide();
    $("a[id*=Title]").toggleClass("pointer");
    $("a[id*=Title]").click(function(e){
       e.preventDefault();
       var method1 = "easeOutQuad";
       var method2 = "easeInQuad";
       //if ($("#"+this.id.replace("Title","Detail")).is(":hidden"))
        //           $("#"+this.id.replace("Title","Detail")).fadeIn("slow").slideDown("slow");
        //       else
        //            
        //            $("#"+this.id.replace("Title","Detail")).fadeOut("slow").slideUp("slow");
        $("div[id*=Detail]").fadeOut("slow").slideUp("slow");
        $("#"+this.id.replace("Title","Detail")).fadeIn("slow").slideDown("slow");
    });
 
    $("div[id*=Info]").hide();
    $("a[id*=Logo]").toggleClass("pointer");
    $("a[id*=Logo]").mouseover(function(){
        $("div[id*=Info]").fadeOut("slow").slideUp("slow");
        $("#"+this.id.replace("Logo","Info")).fadeIn("slow").slideDown("slow");
    });
    
    $("div[id*=List]").hide();
    $("a[id*=Class]").toggleClass("pointer");
    $("a[id*=Class]").click(function(e){
		e.preventDefault();
        $("div[id*=List]").fadeOut("slow").slideUp("slow");
        $("#"+this.id.replace("Class","List")).fadeIn("slow").slideDown("slow");
    });
});