var submenu = false;

$(function my_menu(){
    $('.menu').kwicks({
		duration: 300,   
        max: 203,  
        spacing:  0  
    });
});

$(window).load(function(){					
	my_menu();
});

$(function(){
	
	// 幫 #menu1 加上 hover 事件
	$('#menu1').mouseover(function(){
		// 選單滑入顯示submenu
		var _subnav = $('#menu1_sub');
		_subnav.css('visibility', 'visible');
		submenu = true;
	});
	
	$('#menu1').mouseout(function(){
		// 選單滑出隱藏submenu
		var _subnav = $('#menu1_sub');
		_subnav.css('visibility', 'hidden');
	});
	
	$('#menu1_sub').mouseover(function(){
		// submenu滑入後顯示
		var _subnav = $('#menu1_sub');
		_subnav.css('visibility', 'visible');
	});
	
	$('#menu1_sub').mouseout(function(){
		// submenu滑出後隱藏
		var _subnav = $('#menu1_sub');
		_subnav.css('visibility', 'hidden');
		submenu = false;
	});
	
	
	// 幫 #menu2 加上 hover 事件
	$('#menu2').mouseover(function(){
		// 選單滑入顯示submenu
		var _subnav = $('#menu2_sub');
		_subnav.css('visibility', 'visible');
		submenu = true;
	});
	
	$('#menu2').mouseout(function(){
		// 選單滑出隱藏submenu
		var _subnav = $('#menu2_sub');
		_subnav.css('visibility', 'hidden');
	});
	
	$('#menu2_sub').mouseover(function(){
		// submenu滑入後顯示
		var _subnav = $('#menu2_sub');
		_subnav.css('visibility', 'visible');
	});
	
	$('#menu2_sub').mouseout(function(){
		// submenu滑出後隱藏
		var _subnav = $('#menu2_sub');
		_subnav.css('visibility', 'hidden');
		submenu = false;
	});
 
});