// header的下拉選單
(function($){
	var $menu, $sub_menu;
	function header_init(){
		var i, id, $main, $sub;
		$menu = $('#menu .menu');
		$sub_menu = $('#menu .sub_menu');
		$.header_menu = {};
		for(i = 0 ; i < $menu.length ; i++){
			id = $menu.get(i).id;
			$main = $menu.eq(i);
			$sub = $('#menu').find('ul[target="'+id+'"]');
			$.header_menu[id] = {
				main : $main,
				sub : $sub,
				timer : 0
			};
			$sub.css({left:$main.position().left});
		}
	}
	function menu_show(){
		var $this = $(this),
		id = ($this.hasClass('menu'))? this.id : $this.attr('target');
		clearTimeout($.header_menu[id].timer);
		if($.header_menu[id].sub.is(':animated'))return;
		$.header_menu[id].sub.slideDown(200);
	}
	function menu_hide(){
		var $this = $(this),
		id = ($this.hasClass('menu'))? this.id : $this.attr('target');
		$.header_menu[id].timer = setTimeout(function(){
			$.header_menu[id].sub.slideUp(200);
		},100);
	}
	$(function(){
		header_init();
		$menu.hover(menu_show, menu_hide);
		$sub_menu.hover(menu_show, menu_hide);
	});
})(jQuery);