// When the page is ready
   
     $(document).ready(function(){
     $("#bogaTVcontainer").height("0px");
	 $("#bogaTVcontainer").hide();
     
     
    
    $("li#abogalypse a").click(function(event){
    	$(".tvButtons a").removeClass("selected");
        $("li#abogalypse a").addClass("selected");
       	if (BrowserDetect.browser == "Explorer"){
					$("#bogaTVcontainer").animate({height: "407px", opacity: 1}, "slow");
				} else {
					$("#bogaTVcontainer").animate({height: "407px", opacity: 1}, "slow");
				}
		$("#bogaTVframe").load("http://boga.ca/index.php/boga/boga_tv/abogalypse/");
       return false;
     });
     
     
    
    $("li#kaleidoscope a").click(function(event){
    	$(".tvButtons a").removeClass("selected");
        $("li#kaleidoscope a").addClass("selected");
       	if (BrowserDetect.browser == "Explorer"){
					$("#bogaTVcontainer").animate({height: "407px", opacity: 1}, "slow");
				} else {
					$("#bogaTVcontainer").animate({height: "407px", opacity: 1}, "slow");
				}
		$("#bogaTVframe").load("http://boga.ca/index.php/boga/boga_tv/kaleidoscope/");
       return false;
     });
     
     
     
     $("#bogaTVclose a").click(function(event){
     	$(".tvButtons a").removeClass("selected");
       	$("#bogaTVcontainer").animate({height: "0px", opacity: 0}, "slow");
		$("#bogaTVflash").remove();
       return false;
     });
   });