﻿// JScript File

var $j = jQuery.noConflict();

$j("document").ready(function(){
setTabEvents();
});

function setTabEvents() {

	/* display first tab on page load */
	$j("#Tabs ul").addClass("tab-1-active");
	$j("#Tabs ul").removeClass("tab-2-active");
	$j("#Tabs ul").removeClass("tab-3-active");
	$j(".tab-content").css("display","none");	
	$j("#ArtistsExplained").animate({opacity: "show"},700);
	$j("#Tabs li").bind("mouseover",function() { $j(this).css("cursor","pointer"); });
	$j("#Tabs li").bind("click",function() {
		var $tabID = $j(this).get(0).id;
			if(typeof($tabID)!="undefined")
			{
				switch($tabID)
				{
					case "DETab1":
					$j("#Tabs ul").addClass("tab-1-active");
					$j("#Tabs ul").removeClass("tab-2-active");
					$j("#Tabs ul").removeClass("tab-3-active");
					$j(".tab-content").css("display","none");
					$j("#ArtistsExplained").animate({opacity: "show"},700);
					break;
					
					case "DETab2":
					$j("#Tabs ul").addClass("tab-2-active");
					$j("#Tabs ul").removeClass("tab-3-active");
					$j("#Tabs ul").removeClass("tab-1-active");
					$j(".tab-content").css("display","none");
					$j("#GalleryExplained").animate({opacity: "show"},400);
					break;
					
					case "DETab3":
					$j("#Tabs ul").addClass("tab-3-active");
					$j("#Tabs ul").removeClass("tab-2-active");
					$j("#Tabs ul").removeClass("tab-1-active");
					$j(".tab-content").css("display","none");
					$j("#MuseumsExplained").animate({opacity: "show"},400);
					break;
				}
			}
	});
}