$(function(){
		/*   
	$("#parrentP").bind('mouseover mouseout', function() {
 				 $("#parrentP > ul").toggleClass('hide'),$("#parrentP").toggleClass("mouse");	   
														  })
		   
	$("#parrentS").bind('mouseover mouseout', function() {
 				 $("#parrentS > ul").toggleClass('hide'),$("#parrentS").toggleClass("mouse");	   
												  })
	*/		
	
	var alink_ctj1 = $('.ctj_a1') ,alink_ctj2 = $('.ctj_a2') ,alink_ctj3 = $('.ctj_a3');
	
	var div_xtj1 = $('#ctj1' ), div_xtj2  = $('#ctj2') ,div_xtj3 = $('#ctj3');
	
	var ctj_timer1 = null,ctj_timer2 = null,ctj_timer3 = null;
	
	/*
	tab1 =====
	*/
	alink_ctj1.mouseover(function(){
			//clearTimeout(ctj_timer1);
			div_xtj1.show();
	}).mouseout(function(){
		ctj_timer1 = setTimeout(function(){div_xtj1.hide()},500);
	})	
	div_xtj1.mouseover(function(){
			clearTimeout(ctj_timer1);
			this.show();
	}).mouseout(function(){
			ctj_timer1 = setTimeout(function(){div_xtj1.hide()},100);
	})
	
	
		/*
	tab2 =====
	*/
	alink_ctj2.mousemove(function(){
			clearTimeout(ctj_timer2);
			div_xtj2.show();
	}).mouseout(function(){
			ctj_timer2 = setTimeout(function(){div_xtj2.hide()},800);
	})	
	div_xtj2.mousemove(function(){
			clearTimeout(ctj_timer2);
			this.show();
	}).mouseout(function(){
			ctj_timer2 = setTimeout(function(){div_xtj2.hide()},100);
	})
	
	
		/*
	tab3 =====
	*/
	alink_ctj3.mousemove(function(){
			clearTimeout(ctj_timer3);
			div_xtj3.show();
	}).mouseout(function(){
		ctj_timer3 = setTimeout(function(){div_xtj3.hide()},800);
	})	
	div_xtj3.mousemove(function(){
			clearTimeout(ctj_timer3);
			this.show();
	}).mouseout(function(){
			ctj_timer3 = setTimeout(function(){div_xtj3.hide()},100);
	})
	
											 
		   
})