var mouseover_tid = [];
var mouseout_tid = [];

jQuery(document).ready(function(){
	jQuery('#menus > li').each(function(index){
		jQuery(this).hover(

			function(){
				var _self = this;
				clearTimeout(mouseout_tid[index]);
				mouseover_tid[index] = setTimeout(function() {
					jQuery(_self).find('ul:eq(0)').fadeIn(200);
				}, 400);
			},

			function(){
				var _self = this;
				clearTimeout(mouseover_tid[index]);
				mouseout_tid[index] = setTimeout(function() {
					jQuery(_self).find('ul:eq(0)').fadeOut(200);
				}, 400);
			}

		);
	});
});


$(function(){
	var xxk_title2=$('.xxk_title_2');
	   for(i=0;i<xxk_title2.length;i++){
		 xxk_title2.eq(i).bind("click",{index:i},xxk2);
	   }
	   
	   var select1=$('.select1');
	   var select1_left=select1.offset().left-5;
	   var select1_top=select1.offset().top+18;
	   $('#select_layer1').css({left:select1_left,top:select1_top});
	   select1.click(function(){
								$('#select_layer1').show();
							  })
	   select1.mouseout(function(){
								 $('#select_layer1').hide();
								 })
	   $('#select_layer1').mouseover(function(){
								 $('#select_layer1').show();
								 })
	   $('#select_layer1 > div').mouseover(function(){
								 $('#select_layer1').show();
								 })
	   $('#select_layer1 > div').mouseout(function(){
								 $('#select_layer1').hide();
								 })
	   $('#select_layer1 > div').hover(
				   function(){
					   $(this).addClass("div_now");
					   },
				   function(){
					   $(this).removeClass("div_now");
					   }
				   );
	   $('#select_layer1 > div').click(function(){
			select1.attr("value",$(this).text());
			})
	 })

function xxk2(event){
 var xxk_text=$('.xxk_text_2');
 xxk_text.animate({width: '0px'}, "slow");
 xxk_text.eq(event.data.index).animate({width: '500px'}, "slow");
 var xxk_title=$('.xxk_title_2 > a');
 xxk_title.removeClass("div_now");
 xxk_title.eq(event.data.index).addClass("div_now");
}