var $j=jQuery.noConflict();

function handleLoad(){
	// enable this to fade-in only after page loaded
		$j('#allposts').fadeIn('slow');
		$j('body').removeClass('loader');
}



$j(document).ready(function(){
	$j('#menu a').hover(
		function(){
			$j(this).stop().animate({textIndent: "20px"},'fast');
		},
		function(){
			$j(this).stop().animate({textIndent: "10px"},'slow');
	});


	$j(".pane").hide(); //Hide all content
	$j("ul.tabs li:first a").addClass("active").show(); //Activate first tab
	$j(".pane:first").show(); //Show first tab content
		
	$j("a.tab").click(function () {  
		
		// switch all tabs off  
		$j(".active").removeClass("active");  
		
		// switch this tab on  
		$j(this).addClass("active");  
		
		// slide all elements with the class 'content' up  
		$j(".pane").hide();  
		
		// Now figure out what the 'title' attribute value is and find the element with that id.  Then slide that down.  
		var content_show = $j(this).attr("href");  
		$j(content_show).fadeIn();  
		return false;
	});
	
});