$(document).ready(function(){
    
	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content	
	
	//On Click Event
	$("ul.tabs li").click(function() {
            $("ul.tabs li").removeClass("active"); //Remove any "active" class
            $(this).addClass("active"); //Add "active" class to selected tab
            $(".tab_content").hide(); //Hide all tab content
				
            var activeTab1 = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
            $(activeTab1).fadeIn(100); //Fade in the active ID content
            return false;
	});     
    
	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide();   

	//Code handling the releases - open top release initially, then swop releases on h2.trigger click
        var $last_release_tab;
        var $panel_open=true;
        $("#trig0").toggleClass("active").next().slideToggle("slow");
        $last_release_tab = "#trig0";
	$("h2.trigger").click(function(){ 
            if ($last_release_tab != this ) {
                if ($panel_open) {
                    $(this).toggleClass("active").next().slideToggle("slow");
                    $($last_release_tab).toggleClass("active").next().slideToggle("slow"); 
                    $last_release_tab = this; 
                    $panel_open=true;
                }
                else {
                    $(this).toggleClass("active").next().slideToggle("slow");
                    $last_release_tab = this;  
                    $panel_open=true;
                }             
            }
            else {
                if ($panel_open) {
                    $(this).toggleClass("active").next().slideToggle("slow");
                    $last_release_tab = this; 
                    $panel_open=false;
                }
                else {
                    $(this).toggleClass("active").next().slideToggle("slow");
                    $last_release_tab = this; 
                    $panel_open=true;
                } 
            }
            return false; //Prevent the browser jump to the link anchor
       	});
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Vertical Sliding
	$('.boxgrid.slidedown').hover(function(){
		$(".cover", this).stop().animate({top:'-500px'},{queue:false,duration:300});
                    }, function() {
                        $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
	});
												 
        //When page loads...
        $(".artist-content").hide(); //Hide all content
        $("#artist_li0").addClass("selected");
        var activeTab = $("ul.artist-nav li.selected").find("a").attr("href"); //Find the href attribute value to identify the active tab + content
        $(activeTab).fadeIn();                                
			
        //On Click Event
        $("ul.artist-nav li").click(function() {
			
            $("ul.artist-nav li").removeClass("selected"); //Remove any "active" class
            $(this).addClass("selected"); //Add "active" class to selected tab
            $(".artist-content").hide(); //Hide all tab content
			
            var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
            $(activeTab).fadeIn(); //Fade in the active ID content
            return false;
        });	
        
});

//Function to set the slide show parameters
$('#s7').cycle({  
    fx:    'fade', 
        speedIn: 3500,
        speedout: 500,
        delay:   -2000,
        pager: '#slide-indicators',
        pauseOnPagerHover: 0,
        pager: '#slide-indicators' 
});

function loadArtist(artist_number) {           
    $("ul.artist-nav li").removeClass("selected");
    $(".artist-content").hide();
            
    switch (artist_number) {
        case 0:$("#artist_li0").addClass("selected");break;
        case 1:$("#artist_li1").addClass("selected");break;                    
        case 2:$("#artist_li2").addClass("selected");break;
        case 3:$("#artist_li3").addClass("selected");break;
        case 4:$("#artist_li4").addClass("selected");break;
        case 5:$("#artist_li5").addClass("selected");break;            
        case 6:$("#artist_li6").addClass("selected");break;
        case 7:$("#artist_li7").addClass("selected");break;
    }
    var activeTab = $("ul.artist-nav li.selected").find("a").attr("href"); //Find the href attribute value to identify the active tab + content
    $(activeTab).fadeIn();             
}