// JavaScript Document
$(document).ready(
	   
		function() {
			$('#nav ul').hide();
			$('#nav li ul').each(function(){$(this).find('.sep:last').removeClass('sep');});
			$('#nav2 li ul').each(function(){$(this).find('.sep:last').removeClass('sep');});
			$('#nav > li >ul >li:odd').each(function(){
												$(this).find('a:first').addClass('odd');
												   });
				$('#nav li').hover(
							function() {
								   $(this).find('ul:first').slideDown(200);
								   $(this).find('ul:first > li').each(function(){$(this).addClass('hover');});
								   $(this).find('a:first').addClass('hover');
								  $(this).addClass('selected');
								   
								 
							  },
							  
							function() {
								   $(this).find('ul:first').hide('fast');
								   $(this).find('a:first').removeClass('hover');$(this).removeClass('selected');
								   	$('#'+ 'on').find('a:first').addClass('hover');
							  }
												
							
							).click(function() {
								   $(this).find('ul:first').toggle('fast');
								    
								   $(this).find('a:first').toggleClass('hover');
								 // return false;
							  });
			
			
			$('#nav2 ul').hide();
			$('#nav2 > li >ul >li:odd').each(function(){
												$(this).find('a:first').addClass('odd');
												   });
				$('#nav2 li').hover(
							function() {
								   $(this).find('ul:first').slideDown(200);
								   $(this).find('ul:first > li').each(function(){$(this).addClass('hover');});
								   $(this).find('a:first').addClass('hover');
								  $(this).addClass('selected');
								   
								 
							  },
							  
							function() {
								   $(this).find('ul:first').hide('fast');
								   $(this).find('a:first').removeClass('hover');$(this).removeClass('selected');
								   	$('#'+ 'on').find('a:first').addClass('hover');
							  }
												
							
							).click(function() {
								   $(this).find('ul:first').toggle('fast');
								    
								   $(this).find('a:first').toggleClass('hover');
								 // return false;
							  });
			
			
			$('#tabs li').click(function(){
				
				//remove the active class from the other tabs
				$('#tabs li').filter('.active').removeClass('active');
				$(this).addClass('active');
				
				//hide all contents
				$(".content").hide();
				
				//get the index of the clicked tab
				var i=$('#tabs li').index(this);
				
				//show the content DIV according to the index
				$('.content:eq('+i+')').fadeIn('slow');
				
				//disable the hyperlink
				return false;
			 })
			
			.children('a').hover(
				function(){
					if(!$(this).hasClass('active'))//check if this tab is active..
						$(this).addClass('hover');}//if not..add hover class
					
				,function(){$(this).removeClass('hover');}
				);
}
			);