$(document).ready(function(){
	$('.current').parent().css('display','block');
	$('.current > ul').css('display','block');
	/******* record the height of all ul ************************/
	$('#navigation a').click(function(event){
		if($(this).attr('href') == '')
		{
			event.preventDefault();
			var objParent = $(this).parent();
			
			if($(this).siblings('ul').hasClass('selected'))
			{
				
				var $open = $(this).siblings('ul').find('.selected');
				$open.each(function(index){
					$(this).siblings('ul').removeClass('selected');
					
					$(this).hide(500);	
				});
				$(this).siblings('ul.selected').hide(500,function(){
					objParent.removeClass('current');
					$(this).removeClass('selected');
					//console.log('hiding now which is .. ',$(this),$(this).siblings('ul').height());
				});
				
			}
			else
			{
	
				$(this).siblings('ul').addClass('selected');
				$(this).parent().addClass('current');
				//console.log('showing now which is .. ',$(this),$(this).siblings('ul').height());
				$('.selected').show(500);
				var $open = $(this).parent().siblings('li').find('.selected');
				$open.each(function(index){
					$(this).removeClass('selected');
					$(this).hide(500);	
					
				})	
				
			}
			var $openParent = $(this).parent().siblings('li.current');
			$openParent = $openParent.find('li.current').andSelf();
			$openParent.each(function(index){
				$(this).removeClass('current');
			})
		}
	})
	
	$('#navigationWhite a').click(function(event){

		if($(this).attr('href') == '')
		{
			event.preventDefault();
			var objParent = $(this).parent();
			
			if($(this).siblings('ul').hasClass('selected'))
			{
				
				var $open = $(this).siblings('ul').find('.selected');
				$open.each(function(index){
					$(this).siblings('ul').removeClass('selected');
					
					$(this).hide(500);	
				});
				$(this).siblings('ul.selected').hide(500,function(){
					objParent.removeClass('current');
					$(this).removeClass('selected');
					
					
				});
				
			}
			else
			{
	
				$(this).siblings('ul').addClass('selected');
				$(this).parent().addClass('current');
				$('.selected').show(500);
				var $open = $(this).parent().siblings('li').find('.selected');
				$open.each(function(index){
					$(this).removeClass('selected');
					$(this).hide(500);	
				})	
				
			}
			var $openParent = $(this).parent().siblings('li.current');
			$openParent = $openParent.find('li.current').andSelf();
			$openParent.each(function(index){
				$(this).removeClass('current');
			})
		}
	})
})