// JavaScript Document

var fading = false;
var tofadein = null;
	
$(function(){
	// Your code here
	
	var index = -1;
	if (location.hash.length)
	{
		index = $(".btn").index($(".btn[href$=" + location.hash + "]"));
	}
	
	if (index == -1)
		index = 0;
	
	$(".pan").hide();
	$(".pan:eq(" + index + ")").show();
	$(".btn:eq(" + index + ")").addClass("selected");

	$(".btn").each(function(index, domElement) {
  						$(this).bind("click", index, showPan);			
					});
	
	//alert(location.hash);
});

function showPan(ev)
{
	if (!fading)
	{
		fading = true;
		tofadein = ev.data;
		$(".btn.selected").removeClass("selected");
		$(".btn:eq(" + tofadein + ")").toggleClass("selected");
		$(".pan:visible").fadeOut("fast", function(){
										$(".pan:eq(" + tofadein + ")").fadeIn("slow", function(){ 
																							   		fading = false; tofadein = null;
																							   });
									});
	}
}