document.write("  <style type=\"text/css\">  ")
document.write(" .pixviewer{position:relative;margin:0 auto;} ")
document.write(" .pixviewer .pvbigpic{padding:0px;text-align:center;overflow:hidden;background:#000;} ")
document.write(" .pixviewer .pvtitlebox{background-color:#ff0000;font-size:12pt;font-weight:bold;color:#ffffff;text-align:center;z-index:111;overflow:hidden;} ")
document.write(" @media only screen and (max-width: 760px) { ")
document.write(" .pixviewer .pvtitlebox{ font-size:10pt; } ")
document.write(" } ")
document.write(" .pixviewer a:link,.pixviewer a:visited{color:#ffffff;text-decoration:none;} ")
document.write(" .pixviewer a:hover{color:#ffffff;text-decoration:none;} ")
document.write(" .pixviewer .pvnumber{font-size:14pt;color:#fff;overflow:hidden;position:absolute;right:1px;z-index:50;text-align:right;line-height:23px;} ")
document.write(" .pixviewer .numberhover{background-color:#ce0609;} ")
document.write(" .pixviewer .numberleave{background-color:none;} ")
document.write(" .pixviewer .pvnumberbg{position:absolute;right:1px;z-index:49;height:21px;width:250px;background:url(/site/images/index_scroll/flash_numberbg.png) no-repeat 0 0;background-size:100% 100%;_filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true,sizingmethod=crop, src='/site/images/index_scroll/flash_numberbg.png');_background:none;} ")
document.write(" .pixviewer .triangle{width:40px;height:25px;position:absolute;z-index:49;background:url(/site/images/index_scroll/flash_triangle.png) no-repeat 0 0;background-size:100% 100%;_filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true,sizingmethod=crop, src='/site/images/index_scroll/flash_triangle.png');_background:none;} ")
document.write(" .pixviewer .borderhack1{background-color:#fff;position:absolute;z-index:51;height:1px;top:0px;left:0px;font-size:0px;overflow:hidden;} ")
document.write(" .pixviewer .borderhack2{background-color:#fff;position:absolute;z-index:51;width:1px;top:0px;right:0px;font-size:0px;overflow:hidden;} ")
document.write(" .pixviewer .borderhack3{background-color:#fff;position:absolute;z-index:51;height:1px;left:0px;font-size:0px;overflow:hidden;} ")
document.write(" .pixviewer .borderhack4{background-color:#fff;position:absolute;z-index:51;width:1px;left:0px;top:0px;font-size:0px;overflow:hidden;} ")
document.write(" .pixviewer .title{background-color:#ff0000;} ")
document.write(" </style> ")  

var focusutils={
	hovernum:function(i){
		i=window.event?event:i;
		var i=i.srcelement||i.target;
		if(i){
			i.classname="numberhover";
			i.setattribute("ishovering","true")
		}
	},
	leavenum:function(i){
				i=window.event?event:i;
				var i=i.srcelement||i.target;
				if(i){
					i.removeattribute("ishovering");
					if(i.classname!="selected"){
						i.classname="numberleave"
					}
				}
	},
	absposition:function(o,i){
				var l=o.offsetleft,o=o.offsettop,i=o;
				while(i.id!=document.body&i.id!=document.documentelement&i!=i){
					i=i.offsetparent;l+=i.offsetleft;o+=i.offsettop
				};
					return{left:l,top:o}
	}
};

function pixviewer(focusimgid,bigpicid,numberid,numberbgid){
	this.data=[];
	this.timeout=5000;
	var isie = navigator.appversion.indexof("msie")!=-1?true:false;
	this._divtriangle=null;
	this.titleheight=0;
	this.titleid=null;
	this.selectedindex=0;
	var timeoutobj;
	if(!pixviewer.childs){
		pixviewer.childs=[]
	};
	this.showtime=null;
	this.showsum=10;
	this.id=pixviewer.childs.push(this)-1;
	this.listcode='<span style="cursor:pointer;padding:5px 14px 5px 15px; margin:0px;  border-right:solid 1px #cccccc; [$rightborder]" src="[$pic]" onclick="pixviewer.childs[[$thisid]].select([$num])">[$numtoshow]</span>';
	this.add=function(jsnobj){
		this.data.push(jsnobj)
	};
	this.timeoutbegin=function(){
		clearinterval(timeoutobj);
		timeoutobj=setinterval("pixviewer.childs["+this.id+"].next()",this.timeout)
	};

	this.timeoutend=function(){
		clearinterval(timeoutobj)
	};

	this.select=function(num,noaction){
		if( num>this.data.length-1 ){return};
		if( num==this.selectedindex ){return};
		this.timeoutbegin();
		if( bigpicid ){
			if( this.$(bigpicid) ){
				var aobj = this.$(bigpicid).getelementsbytagname("a")[0];
				aobj.href = this.data[num].url;
				if( this.aimgy ){
					this.aimgy.style.display = 'none';
					this.aimg.style.zindex = 0
				};

				this.aimgy=this.$( 'f'+this.id+'bf'+this.selectedindex );
				this.aimg=this.$( 'f'+this.id+'bf'+num );
				cleartimeout(this.showtime);

				this.showsum=5;

				if( !noaction ){
					var applemobilecheck = /\((ipad|iphone|ipod)/i;
					if( applemobilecheck.test(navigator.useragent) ){
						if(this.aimgy){ this.aimgy.style.display='none'};
						this.aimg.style.display='block';
						this.aimg.style.zindex=0;
						this.aimg.style.opacity=1;
						this.aimgy=null
					}else{ this.showtime=settimeout("pixviewer.childs["+this.id+"].show()",30) }
				}else{
					if(isie){ this.aimg.style.filter="alpha(opacity=100)" }else{ this.aimg.style.opacity=1 }
				}
		     }
		 };
					
	     if( numberid ){
			if( this.$(numberid) && focusimgid && this.$(focusimgid) ){
				var simg = this.$(numberid).getelementsbytagname("span"),i;
				for(i=0;i<simg.length;i++){
					if( i==num || num == (i-this.data.length) ){
						simg[i].classname="selected"
					}else{
						simg[i].classname="";
						if( simg[i].getattribute("ishovering")!="true" ){
							simg[i].classname="numberleave"
						}
					}
				};
				if(!this._divtriangle){
					this._divtriangle=document.createelement("div");
					this._divtriangle.classname="triangle";
					this._divtriangle.style.bottom=this.titleheight+"px";
					this.$(focusimgid).appendchild(this._divtriangle)
				};
				if(this._divtriangle){
					this._divtriangle.style.right = (simg.length-num-1)*40 + (simg.length-num)+1+"px"
				}
			 }
		  };
					  
		  if( this.titleid && this.$(this.titleid) ){
			  this.$(this.titleid).innerhtml="<a href=\""+this.data[num].url+"\" target=\"_blank\">"+this.data[num].title+"</a>"
		  };

		  this.selectedindex=num;
		  if( this.onchange ){ 
			  this.onchange() 
		  }
	  };

	  this.show=function(){
		  this.showsum--;
		  if(this.aimgy){
			  this.aimgy.style.display='block'
		  };
		  this.aimg.style.display='block';
		  if(isie){
			  this.aimg.style.filter="alpha(opacity=0)";
			  this.aimg.style.filter="alpha(opacity="+(5-this.showsum)*20+")"
		  }else{
			  this.aimg.style.opacity=0;
			  this.aimg.style.opacity=(5-this.showsum)*0.2
		  };
		  if(this.showsum<=0){
			  if(this.aimgy){
				  this.aimgy.style.display='none'
			  };
			  this.aimg.style.zindex=0;
			  this.aimgy=null
		  }else{
			  this.aimg.style.zindex=2;
			  this.showtime=settimeout("pixviewer.childs["+this.id+"].show()",30)
		  }
		};
						
		this.next=function(){
			var temp=this.selectedindex;
			temp++;
			if( temp>=this.data.length ){ temp=0 };
			this.select(temp)
		};
		
		this.pre=function(){
			var temp=this.selectedindex;
			temp--;
			if(temp<0){ temp=this.data.length-1 };
			this.select(temp)
		};
						
	this.begin=function(){
		this.selectedindex=-1;
		var i,temp="";
		if( focusimgid ){
			if( this.$(focusimgid) ){
				var topobj=this.$(focusimgid);
				topobj.style.width = "100%";
				topobj.style.height = "100%";
				var _hb=document.createelement("div");
				_hb.classname="borderhack1";
				_hb.style.width= "100%";
				topobj.appendchild(_hb);
				_hb=document.createelement("div");
				_hb.classname="borderhack2";
				_hb.style.height= "100%";
				topobj.appendchild(_hb);
				_hb=document.createelement("div");
				_hb.classname="borderhack3";
				_hb.style.width = "100%";
				_hb.style.bottom = this.titleheight+"px";
				topobj.appendchild(_hb);
				_hb=document.createelement("div");
				_hb.classname="borderhack4";
				_hb.style.height =  "100%";
				topobj.appendchild(_hb)
			  }
		   };
		   if(this.titleid){
			   if(this.$(this.titleid)){
				   this.$(this.titleid).style.width= "100%";
				   this.$(this.titleid).style.height=this.titleheight+"px";
				   this.$(this.titleid).style.lineheight=this.titleheight+"px";
				   if(this.titleheight==0){
					   this.$(this.titleid).style.display='none'
				   }
				}
			};
			if(numberbgid){
				if( this.$(numberbgid) ){
					this.$(numberbgid).style.bottom=this.titleheight+"px"
				}
			};
			if(bigpicid){
				if( this.$(bigpicid) ){
					var aobj = this.$(bigpicid).getelementsbytagname("a")[0];
					aobj.style.zoom=1;
					this.$(bigpicid).style.position="relative";
					this.$(bigpicid).style.zoom=1;
					this.$(bigpicid).style.overflow="hidden";
					this.$(bigpicid).style.height= "100%";
					for( i=0;i<this.data.length;i++ ){
						temp+='<img src="'+this.data[i].pic+'" id="f'+this.id+'bf'+i+'" style="display:'+(i==0?'block':'none')+'" galleryimg="no"  width="100%" height= "100%" alt="'+this.data[i].title+'" />'
					};
					aobj.innerhtml=temp;
					var imgobjs=aobj.getelementsbytagname("img"), xy = focusutils.absposition( imgobjs[0], this.$(bigpicid) );
					for(i=0;i<imgobjs.length;i++){
						imgobjs[i].style.position="absolute";
						imgobjs[i].style.top="0px";
						imgobjs[i].style.left="0px";
						imgobjs[i].style.width= "100%";
						imgobjs[i].style.height= "100%"
					}
				}
			  };
			  
			  if( numberid ){
				  if( this.$(numberid) ){
					  temphtml="";
					  for(i=0;i<this.data.length;i++){
						  temp=this.listcode;
						  temp=temp.replace(/\[\$thisid\]/ig,this.id);
						  temp=temp.replace(/\[\$num\]/ig,i);
						  temp=temp.replace(/\[\$numtoshow\]/ig,i+1);
						  temp=temp.replace(/\[\$title\]/ig,this.data[i].title);
						  if( i==this.data.length-1 ){
							  temp = temp.replace(/\[\$rightborder\]/ig,"border-right:solid 1px #cccccc;")
						  };
						  temphtml+=temp
					  };
					  this.$(numberid).innerhtml=temphtml;
					  this.$(numberid).style.bottom=this.titleheight+1+"px";
					  var simg=this.$(numberid).getelementsbytagname("span"),i;
					  for(i=0;i<simg.length;i++){
						  if(window.attachevent){
							  simg[i].attachevent("onmouseover",focusutils.hovernum);
							  simg[i].attachevent("onmouseout",focusutils.leavenum)
						  }else{
							  simg[i].addeventlistener("mouseover",focusutils.hovernum,false);
							  simg[i].addeventlistener("mouseout",focusutils.leavenum,false)
						  }
					  }
				  }
			  };
			  
			  this.timeoutbegin();
			  this.select(0,true)
	  };

		this.$=function(objname){
		  if(document.getelementbyid){
			  return eval('document.getelementbyid("'+objname+'")')
		  }else{
			  return eval('document.all.'+objname)
		  }
		}
};

function showtheimgscroll(classid){

	var pixviewer_cont_m_1 = new pixviewer("pixviewer_cont_m_"+classid+"_1","bigpic_cont_m_"+classid+"_1","number_cont_m_"+classid+"_1", "numberbg_cont_m_"+classid+"_1");
	pixviewer_cont_m_1.timeout = 5000;
	pixviewer_cont_m_1.titleid = "title_cont_m_"+classid+"_1";
	pixviewer_cont_m_1.titleheight = 30;
	pixviewer_cont_m_1.htmldata = document.getelementbyid('focusdata_cont_m_'+classid+'_1').getelementsbytagname('dl');
	for(var i=0;i<pixviewer_cont_m_1.htmldata.length;i++){
		var jsondata = {
			title : pixviewer_cont_m_1.htmldata[i].getelementsbytagname('a')[0].innerhtml,
			url : pixviewer_cont_m_1.htmldata[i].getelementsbytagname('a')[0].href,
			pic : pixviewer_cont_m_1.htmldata[i].getelementsbytagname('dd')[0].innertext || pixviewer_cont_m_1.htmldata[i].getelementsbytagname('dd')[0].textcontent
		};
		pixviewer_cont_m_1.add(jsondata);
	};
	pixviewer_cont_m_1.begin();
}

function showtheimgscroll_init(classid){
	document.write("<div class=\"pixviewer\" id=\"pixviewer_cont_m_"+classid+"_1\">")  
	document.write(" <div class=\"pvbigpic\" id=\"bigpic_cont_m_"+classid+"_1\"><a href=\"#\" target=\"_blank\">--</a></div> ")  
	document.write(" <div class=\"pvnumber\" id=\"number_cont_m_"+classid+"_1\"></div> ") 
	document.write(" <div class=\"pvnumberbg\" id=\"numberbg_cont_m_"+classid+"_1\"></div> ") 
	document.write(" <div class=\"pvtitlebox\" id=\"title_cont_m_"+classid+"_1\"  style=\"background:rgba(0,0,0,0.6);float:left;height:30px;line-height:30px;margin-top:-30px;text-indent:4px;z-index:111;filter: alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;\"></div> ") 
	document.write("</div> ") 
}