$(function(){
		//---图片滚动
		var page = 1;
		var i = 5; //每版放5个图片
		//向后 按钮
		$("span.next").click(function(){    //绑定click事件
			 var $parent = $(this).parents("div.imgshow");//根据当前点击元素获取到父元素
			 var $imgshow = $parent.find("div.img_content_list"); //寻找到“视频内容展示区域”
			 var $img_content = $parent.find("div.img_content"); //寻找到“视频内容展示区域”外围的DIV元素
			 var v_width = $img_content.width() ;
			 var len = $imgshow.find("li").length;
			 var page_count = Math.ceil(len / i);   //只要不是整数，就往大的方向取最小的整数
			 if( !$imgshow.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
				  if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
					$imgshow.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
					page = 1;
					}else{
					$imgshow.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
					page++;
				 }
			 }
			 $parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
	   });
		//往前 按钮
		$("span.prev").click(function(){
			 var $parent = $(this).parents("div.imgshow");//根据当前点击元素获取到父元素
			 var $imgshow = $parent.find("div.img_content_list"); //寻找到“视频内容展示区域”
			 var $img_content = $parent.find("div.img_content"); //寻找到“视频内容展示区域”外围的DIV元素
			 var v_width = $img_content.width();
			 var len = $imgshow.find("li").length;
			 var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
			 if( !$imgshow.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
				 if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
					$imgshow.animate({ left : '-='+v_width*(page_count-1) }, "slow");
					page = page_count;
				}else{
					$imgshow.animate({ left : '+='+v_width }, "slow");
					page--;
				}
			}
			$parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
		});
		
		//---select	
		$("#select1").change(function(){
			if($("#select1").val() == "餐厅")
			{
				$('#select_a').show();
				$('#select_b').hide();
			}else{
				$('#select_a').hide();
				$('#select_b').show();
			}
		});
		$("#select1").change(function(){
			if($("#select1").val() == "葡萄酒")
			{
				$('#select_b').show();
				$('#select_a').hide();
			}else{
				$('#select_b').hide();
				$('#select_a').show();
			}
		});
		
	
	
	
	
	    //---Tab
		$("div.tab_menu ul li").css("opacity","0.6" );
		$("div.tab_menu ul li").eq(0).css("opacity","1" );
	    var $div_li =$("div.tab_menu ul li");
		var $div_img =$("div.tab_box div");
		var $div_p = $("div.tab_box div p");
	    $div_li.click(function(){
			$(this).addClass("selected")            //当前<li>元素高亮
				   .siblings().removeClass("selected");  //去掉其他同辈<li>元素的高亮
			$(this).css("opacity","1" );
			$(this).siblings().css("opacity","0.6" );
            var index =  $div_li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
			$("div.tab_box > div")   	//选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
					.eq(index).fadeIn(500)   //显示 <li>元素对应的<div>元素
					.siblings().fadeOut(500); //隐藏其他几个同辈的<div>元素
			 if( !$div_p.is(":animated") ){
					$div_p.slideUp();		
					$div_p.slideDown();		
				 }
		}).hover(function(){
			$(this).addClass("hover");
		},function(){
			$(this).removeClass("hover");
		})
		
		$div_li.mouseover(function(){
			clearInterval(intervalValue);
			$(this).click();
		});
		$div_img.mouseover(function(){
			clearInterval(intervalValue);
		});
		
		$div_li.mouseout(function(){
			intervalValue = setInterval(play,3000);
		});
		$div_img.mouseout(function(){
			intervalValue = setInterval(play,3000);
		});
	
		intervalValue = setInterval(play,3000);
		
})
var intervalValue;
function play()
{
	if($("div.tab_menu ul li.selected").next("li").size() == 0)
	{
		$("div.tab_menu ul li").eq(0).click();
	}else{
		$("div.tab_menu ul li.selected").next("li").click();
	}
	
}