$(document).ready(function () {

    boxHeight = 0;

    $('ul.the_menu').each(function(){
        $(this).attr('rel',$(this).height());
    });  

    $('ul.the_menu').stop().height(0);
    
//    $('img.menu_class').hover(function(){
//        boxHeight = $(this).next('ul.the_menu').attr('title');
//        $(this).next('ul.the_menu').stop().animate({height:boxHeight},300, 'linear');
//    }, function(){
//        $(this).next('ul.the_menu').stop().animate({height:'0px'},300, 'linear', function(){ $(this).hide() });
//    });
	
	$('a.menu_class').hover(function(){
        boxHeight = $(this).next('ul.the_menu').attr('rel');
        $(this).next('ul.the_menu').stop().animate({height:boxHeight},300, 'linear');
    }, function(){
        $(this).next('ul.the_menu').stop().animate({height:'0px'},300, 'linear', function(){ $(this).hide() });
    });

    $('ul.the_menu').hover(function(){
        boxHeight = $(this).attr('rel');
        $(this).stop().animate({height:boxHeight},300, 'linear')
    }, function(){
        $(this).stop().animate({height:'0px'},300, 'linear', function(){ $(this).hide() }) 
    });
	
	$('li.callback').click(
		function(){
			if($('#emailli').is(':visible'))
				$('#emailli').animate({height:'0px'},400, 'linear',function(){ $(this).hide() });
			if($('#guideli').is(':visible'))
				$('#guideli').animate({height:'0px'},400, 'linear',function(){ $(this).hide() });
			if(!$('#callbackli').is(':visible'))
				$('#callbackli').animate({height:123},400, 'linear');
				
		}
    );
	
	$('li.guide').click(
		function(){
			if($('#emailli').is(':visible'))
				$('#emailli').animate({height:'0px'},400, 'linear',function(){ $(this).hide() });
			if($('#callbackli').is(':visible'))
				$('#callbackli').animate({height:'0px'},400, 'linear',function(){ $(this).hide() });
			if(!$('#guideli').is(':visible'))
				$('#guideli').animate({height:123},400, 'linear');
		}
    );
	
	$('li.email').click(
		function(){
			if($('#guideli').is(':visible'))
				$('#guideli').animate({height:'0px'},400, 'linear',function(){ $(this).hide() });
			if($('#callbackli').is(':visible'))
				$('#callbackli').animate({height:'0px'},400, 'linear',function(){ $(this).hide() });
			if(!$('#emailli').is(':visible'))				
				$('#emailli').animate({height:123},400, 'linear');
		}
    );
	
});