var SPEED = 500;	
$("document").ready(InitOpacity);

function InitOpacity()
{	
   //init the first cat
	$("div#OpacityDiv" + GetCatId()).fadeIn(SPEED);	   
  
   
   //add events
   $("td#LinkButtons a").click(SetOpacity);
}

function SetOpacity()
{		
	var id = $(this).attr("class").replace("LinkBtn", "");
	$("div.Opacity:visible").fadeOut(SPEED, function()
		   {
				$("div#OpacityDiv" + id).fadeIn(SPEED);				
		   }
	 );	
}


//get category name
function GetCatId()
{	
	var id = "All";
	
	url = window.location.toString();
	
	if(url.indexOf("#") != -1)
	{
		id = url.substring(url.indexOf("#") + 1);	
	}
	
	return id;
}