// JavaScript Document
$(function(){
	//首页main2切换
	//$('.main2 li').eq(0).show();
	    var $tab_li =$(".main2 li");
	    $tab_li.click(function(){
			$(this).addClass("on")
				   .siblings().removeClass("on");
            var index =  $tab_li.index(this); 
			$(".main3 > div")
					.eq(index).show()
						.siblings('div').hide();
	});
	$('.zhaopin-c31 .a4').toggle(
		function(){
			$(this).parent().siblings('.zhaopin-c32').show();
			$(this).addClass('on').children('span:eq(0)').hide().siblings().show();
		},function(){
			$(this).parent().siblings('.zhaopin-c32').hide();
			$(this).removeClass('on').children('span:eq(1)').hide().siblings().show();
		}
	);
	//首页main2切换
	//$('.zhaopin-c1 li').eq(0).show();
	    var $tab_li1 =$(".zhaopin-c1 li");
	    $tab_li1.hover(function(){
			$(this).addClass("on")
				   .siblings().removeClass("on");
            var index =  $tab_li1.index(this); 
			$(".zhaopin-c3 > div")
					.eq(index).show()
						.siblings('div').hide();
	});
		
	var len = $(".showbox ul li").length;
	var showbox = len*174;
	$('.showbox ul').width(showbox);
	var page = 1;
    var i = 2; //每版3个图片
    //向后 按钮
    $('.ishang img').click(function(){    //绑定click事件素
		 var $v_show = $(".showbox ul"); //找到“视频内容展示区域”
		 var $v_content = $(".showbox"); //找到“视频内容展示区域”外围的DIV元素
		 var v_width = $v_content.width() ;
		 var len = $(".showbox ul li").length;
		 var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
		 if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				$v_show.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
				page = 1;
			}else{
				$v_show.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
				page++;
		 }
   });
    //往前 按钮
    $(".ixia img").click(function(){
	     var $v_show = $(".showbox ul"); //找到“视频内容展示区域”
		 var $v_content = $(".showbox"); //找到“视频内容展示区域”外围的DIV元素
		 var v_width = $v_content.width() ;
		 var len = $(".showbox ul li").length;
		 var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
		 if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				$v_show.animate({ left : '-='+v_width*(page_count-1) }, "slow");
				page = page_count;
		}else{
				$v_show.animate({ left : '+='+v_width }, "slow");
				page--;
		}
    });

});