$(function(){
	$(".iproer:nth-child(4)").css("margin-right",0);
	$(".iproer:last").css("margin","-80px 0 2px 0");
	scrolling("n_con","n1p","n2p");
    var picshow="<div id='picshow'><div class='pic_show_box'><div class='pic_quit'></div><a href='#' title='上一张' class='lbtn'></a><a href='#' title='下一张' class='rbtn'></a><img width='593' height='442' alt='' /><p><a href='#' id='piclink'></a></p></div></div>";
    $(".iproer_a").click(function(){
        var _this=$(this),liindex,picurl,picshowbod,leng,_val,_href;
        liindex=_this.parents(".iproer").index();
        picurl=_this.parents(".iproer").find("> img").attr("rel");
        _href=_this.parents(".iproer").find("a").attr("href");
        _this.parents(".ipro").append(picshow);
        picshowbod=$(".pic_show_box");
        picshowbod.find("img").attr("src",picurl);
        _val=_this.parents(".iproer").find(".iproer_z").find("span").text();
        $("#piclink").text(_val);
        $("#piclink").attr("href",_href);
        leng = _this.parents(".ipro").find(".iproer").length;
        $(".lbtn").click(function(){
            if(liindex>0){
                picurl=_this.parents(".ipro").find(".iproer").eq(liindex-1).find("img").attr("rel");
                _val=_this.parents(".ipro").find(".iproer").eq(liindex-1).find(".iproer_z").find("span").text();
                _href=_this.parents(".ipro").find(".iproer").eq(liindex-1).find("a").attr("href");
                $("#piclink").text(_val);
                picshowbod.find("img").attr("src",picurl);
                $("#piclink").attr("href",_href);
                return liindex--;
            }else{
                picurl=_this.parents(".ipro").find(".iproer").eq(leng-1).find("img").attr("rel");
                _val=_this.parents(".ipro").find(".iproer").eq(leng-1).find(".iproer_z").find("span").text();
                _href=_this.parents(".ipro").find(".iproer").eq(leng-1).find("a").attr("href");
                $("#piclink").text(_val);
                picshowbod.find("img").attr("src",picurl);
                $("#piclink").attr("href",_href);
                liindex=leng-1;
                return liindex;
            }
        });
        $(".rbtn").click(function(){
            if(liindex<leng-1){
                picurl=_this.parents(".ipro").find(".iproer").eq(liindex+1).find("img").attr("rel");
                _val = _this.parents(".ipro").find(".iproer").eq(liindex+1).find(".iproer_z").find("span").text();
                _href =_this.parents(".ipro").find(".iproer").eq(liindex+1).find("a").attr("href");
                $("#piclink").text(_val);
                $(".pic_show_box").find("img").attr("src",picurl);
                $("#piclink").attr("href",_href);
                return liindex++;
            }else{
                picurl=_this.parents(".ipro").find(".iproer").eq(0).find("img").attr("rel");
                _val=_this.parents(".ipro").find(".iproer").eq(0).find(".iproer_z").find("span").text();
                _href=_this.parents(".ipro").find(".iproer").eq(0).find("a").attr("href");
                $("#piclink").text(_val);
                $(".pic_show_box").find("img").attr("src",picurl);
                $("#piclink").attr("href",_href);
                liindex = 0;
                return liindex;
            }
        });
        $(".pic_quit").click(function(){
            $("#picshow").remove();
        });
    });
	function slter_camera(){
		var dtw=$(".icam").outerwidth();
		$(".icam_dt_in").css("left",-dtw);
		$(".icam_dt li").width(dtw);
		var slter={};
		slter.h=$(".icam_slter").outerwidth()+29;
		slter.len=$(".icam_slter").length;
		if(slter.len <= 2 && slter.len != 0){
			var xxxx=$(".icam_slt_in").html();
			$(".icam_slt_in").append(xxxx);
			slter.len=$(".icam_slter").length;
			while(slter.len < 3){
				$(".icam_slt_in").append(xxxx);
				slter.len=$(".icam_slter").length;				
			}
		}
		slter.counter=0;
		slter.flag=true;
		$slter=$(".icam_slter");
		$slt_in=$(".icam_slt_in");
		$slt=$(".icam_slt");
		var $slter_first=$(".icam_slter:first");
		$(".dt_now").find("a").attr("href",$slter_first.attr("rel"));
		$(".dt_now").css("background-image",$slter_first.attr("alt"));
		$(".icam_slter").click(function(){
			if(!$(".icam_dt_in").is(":animated")){
				var $this=$(this);
				$this.src=$this.find("img").attr("alt");
				$this.hf=$this.find("img").attr("rel");
				$this.dtsrc=$(".dt_now").css("background-image");
				if($this.src!==$this.dtsrc){
					if(slter.flag){
						$(".dt_down").css("background-image",$this.src);
						$(".icam_dt_in").stop(true,true).animate({left:"-="+dtw},500,function(){
							$(".dt_now").css("background-image",$this.src);
							$(".dt_now").find("a").attr("href",$this.hf);
							$(".icam_dt_in").css("left","-"+dtw+"px");
						})
					}else{
						$(".dt_up").css("background-image",$this.src);
						$(".icam_dt_in").stop(true,true).animate({left:"+="+dtw},500,function(){
							$(".dt_now").css("background-image",$this.src);
							$(".dt_now").find("a").attr("href",$this.hf);
							$(".icam_dt_in").css("left","-"+dtw+"px");
						})
					}
				}
			}
		})
		if(slter.len > 2){
			$(".icam_t").click(function(){
				if(!$slt_in.is(":animated")){
					slter.flag=true;
					$(".icam_slter").eq(1).trigger("click");
					$slt_in.stop(true,true).animate({left:"-="+slter.h},500,function(){
						$(".icam_slter").eq(0).appendto($slt_in);
						$slt_in.css("left",0);
					})
				}
			})
			$(".icam_b").click(function(){
				if(!$slt_in.is(":animated")){
					slter.flag=false;
					$(".icam_slter").eq(slter.len-1).prependto($slt_in).trigger("click");
					$slt_in.css("left",-slter.h);
					$slt_in.stop(true,true).animate({left:"+="+slter.h},500,function(){
						$slt_in.css("left",0);
					})
				}
			})
			var timer=setinterval(function(){$(".icam_t").trigger("click");},2000);
			$(".icam").hover(function(){
				clearinterval(timer);
			},function(){
				timer=setinterval(function(){$(".icam_t").trigger("click");},2000);
			});
		}
	}
	slter_camera();
})
function scrolling(a,b,c){
	var speedp=30;
	var tabp=document.getelementbyid(a);
	var tab1p=document.getelementbyid(b);
	var tab2p=document.getelementbyid(c);
	tab2p.innerhtml=tab1p.innerhtml;
	function marqueep(){
		if(tab2p.offsetwidth-tabp.scrollleft<=0)
			tabp.scrollleft-=tab1p.offsetwidth
		else{
			tabp.scrollleft++;
		}
	}
	var mymarp=setinterval(marqueep,speedp);
	tabp.onmouseover=function(){clearinterval(mymarp);};
	tabp.onmouseout=function(){mymarp=setinterval(marqueep,speedp);};
}