$j = jQuery.noConflict();

$j(document).ready(function() {  

		var currenttab = $j('.tabnav li a:first');	
		var currentview = $j('div.tabdiv:first ');
		
		$j(currenttab).addClass('active');
		$j(currentview).css('display','block');
		
		$j('.tabnav li a').mouseover(function(){
			$j(currenttab).removeClass('active');
		});
		
		$j('.tabnav li a').mouseout(function(){
			$j(currenttab).addClass('active');
		});		
		
		$j('.tabnav li a#most').click(function(){
			$j('.tabnav li a').removeClass('active');
			$j('.tabnav li a#most').addClass('active');
			currenttab = $j(this);
			$j('div.tabdiv#recent').css('display','none');
			$j('div.tabdiv#most').css('display','block');
		})
		
		$j('.tabnav li a#recent').click(function(){
			$j('.tabnav li a').removeClass('active');
			$j('.tabnav li a#recent').addClass('active');
			currenttab = $j(this);			
			$j('div.tabdiv#most').css('display','none');
			$j('div.tabdiv#recent').css('display','block');
		})		
		
});