/*商宏亮制作*/
$(document).ready(function(){
	var dheight = $(".shl-mingx").width();					   
	$(".shl-mingx").css("height",dheight);
     $("#top").hide();
	$(".search_open").click(function(){
		if($('#top').css('display')=='none'){
			$('#menu').animate({'right':'-200px'},500);
			$('.main').animate({'margin-left':'0px'},500);
			$('.toubu').animate({'left':'0px'},500);
			$('.menu_open').addClass('animate1');
			$('.menu_open').removeClass('animate');
		}
 		$("#top").slideToggle();
	} );
	var flag = true;
	$('#xxx').height('1.8rem');
	/*查看详细展开*/
	$(".dingyue-content-controller").click(function(){
		
 		if(flag){
			$('#xxx').height("auto");
			$('#shlzhan').addClass("dingyue-content-dropup").removeClass("dingyue-content-controller");
			flag = !flag;
			}
		else{
			$('#xxx').height('1.8rem');
			$('#shlzhan').addClass("dingyue-content-controller").removeClass("dingyue-content-dropup");
			flag = !flag;
			}
	} );
	
	$(".op").on("click",'#msk',function(){
 		$('#menu').animate({'right':'-200px'},500);
		$('.main').animate({'margin-left':'0px'},500);
		$('.toubu').animate({'left':'0px'},500);
			 $('.menu_open').addClass('animate1');
			 $('.menu_open').removeClass('animate');
		 $('#msk').remove();
	 });
	
});

$(function(){
	var timer = null;
	$('.menu_open').click(function(){
		
		if($('#menu').css('display')=='none'){
			var msk = $('<div id="msk"></div>');
			$("#top").hide();
			$('.op').append(msk);			
			$('#menu').show().animate({'right':0},500);
			$('.main').animate({'margin-left':'-200px'},500);
			$('.toubu').animate({'left':'-200px'},500);
			 $('.menu_open').addClass('animate');
			 $('.menu_open').removeClass('animate1');
		}else{
			$('#menu').animate({'right':'-200px'},500);
			
			$('.main').animate({'margin-left':'0px'},500);
			$('.toubu').animate({'left':'0px'},500);
			 $('.menu_open').addClass('animate1');
			 $('.menu_open').removeClass('animate');
			clearTimeout(timer);
			timer = setTimeout(function(){
				$('#msk').remove();
				$('#menu').hide();
			},500);
		}
	});
	

	$('#menu').on("swiperight",function(){
		$('#menu').animate({'right':'-200px'},500);
		$('.main').animate({'margin-left':'0px'},500);
		$('.toubu').animate({'left':'0px'},500);	
		clearTimeout(timer);
		timer = setTimeout(function(){
			$('#msk').remove();
			$('#menu').hide();
		},500);
	});
	
	
		
});