$j=jQuery.noConflict();

$j(document).ready(function(){
	
	//to show/hide different divs
	$j("#box-nav #search").click(function(){
		$j(".box-content").hide(); //hide all of the boxes
		$j("#search-content").show(); //show specific box
		$j(".sprite").removeClass("active");
		$j(this).addClass("active");
	});
	$j("#box-nav #categories").click(function(){
		$j(".box-content").hide();
		$j("#cat-content").show();
		$j(".sprite").removeClass("active");
		$j(this).addClass("active");
	});
	$j("#box-nav #archives").click(function(){
		$j(".box-content").hide();
		$j("#archives-content").show();
		$j(".sprite").removeClass("active");
		$j(this).addClass("active");
	});
	$j("#box-nav #tags").click(function(){
		$j(".box-content").hide();
		$j("#tags-content").show();
		$j(".sprite").removeClass("active");
		$j(this).addClass("active");
	});
});