/**


 * @author tricky

 

*/ $(document).ready(function () {

   

	// check for any panels and set panel container width for correct sliding..
    
	width = $('#panels .panel').length * 960;

   
	
	 $('#panels .container').css('width', width).css('display', 'block');
    
	

});







function showpanel(id) {

    

	// change content menu pointer
    
	$('#content #panels-menu [class=active]').removeClass('active');

  
	
	pointer = $('#content #panels-menu li')[id - 1];

 

	$(pointer).addClass('active');



  



	// move content
   
	position = id > 1 ? 960 * (id - 1) : 0;

    
	
	// "-=960px"
    
	$('#panels .container').animate({
  
	      left: '-' + position
   
	}, 2000);

}