$(document).ready(function() {    


  //Get all the links from the sublist  
  $('.sublist > a').click(function(){  

	//perform the actions when it's not selected  
    if (!$(this).hasClass('selected')) {      
  
		//remove the selected class from all LI      
		$('.sublist > a').removeClass('selected');  
		  
		//After cleared all the LI, reassign the class to the selected tab  
		$(this).addClass('selected');  
		  
		//Hide all the DIV in .boxBody  
		//$('#scroller div').slideUp('1500');  
		
		toshow = $('.sublist:visible > a').index(this);
		$('.scroller:visible div:visible').fadeOut('fast', function(){
			//Look for the right DIV index based on the Navigation UL index
			//$('#scroller div:eq(' + $('#sublist > a').index(this) + ')').slideDown('1500');
			$('.scroller:visible div:eq(' + toshow + ')').fadeIn('fast');
		});
   }
   });
  
  //Get all the links from the main list  
  $('#navmain a').click(function(){  

	//perform the actions when it's not selected  
    if (!$(this).hasClass('selected') && $(this).attr('sub')) {      
		
		//remove the selected class from all LI      
		$('#navmain a').removeClass('selected');
		  
		//After cleared all the LI, reassign the class to the selected tab  
		$(this).addClass('selected');  

		//Hide the visible submenu
		toshow = $('#navmain a').index(this); //save index of requested submenu
		$('.scroller:visible').fadeOut('fast', function(){
														
			//Reset submenu of incoming menu to first item...
			$('#navsub > div:eq(' + toshow + ') > div').removeClass('show').hide();
			$('#navsub > div:eq(' + toshow + ') > div:eq(0)').addClass('selected').show();
			
			$('#navsub > div:eq(' + toshow + ') > .sublist a').removeClass('selected');
			$('#navsub > div:eq(' + toshow + ') > .sublist a:eq(0)').addClass('selected');	
			
			//Fade in the requested mainmenu		
			$('#navsub > div:eq(' + toshow + ')').fadeIn('fast');
			

		});
   }
   });
  
  
  
});