﻿<!--
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,width,height){
  this.Data=[];
  this.TimeOut=5000;
  var isIE=navigator.appVersion.indexOf("MSIE")!=-1?true:false;
  this.width=width;
  this.height=height;
  this._divtriangle=null;
  this.TitleID=null;
  this.ContID=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; margin:0px; padding:1px 7px 1px 8px; border-left:solid 1px #cccccc;[$rightborder]" 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].link;
        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.$(FocusImgID).appendChild(this._divtriangle)};
        if(this._divtriangle){
          this._divtriangle.style.right=(sImg.length-num-1)*21+(sImg.length-num)+1+"px"}}};
    if(this.TitleID&&this.$(this.TitleID)){
      this.$(this.TitleID).innerHTML=this.Data[num].title};
    if(this.ContID && this.$(this.ContID)) {
      var aObj=this.$(this.ContID).getElementsByTagName("a")[0];
      aObj.href=this.Data[num].link;
      aObj.innerHTML=this.Data[num].cont;}
    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=this.width+"px";
        topObj.style.height=this.height+"px";}};
    if(this.TitleID){
      if(this.$(this.TitleID)){
        this.$(this.TitleID).style.width=this.width+"px";
        this.$(this.TitleID).style.bottom="0px";}};
    if(this.ContID){
      if(this.$(this.ContID)){
        this.$(this.ContID).innerHTML="<a href='" + this.Data[0].link + "'  target='_blank'>" + this.Data[0].cont + "</a>";}};
    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=this.height+"px";
        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"'+(this.width?' width="'+this.width+'"':'')+(this.height?' height="'+this.height+'"':'')+' 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=XY.top+"px";
          imgObjs[i].style.left=XY.left+"px";
          imgObjs[i].style.width=this.width+"px";
          imgObjs[i].style.height=this.height+"px"}}};
    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);
          if(i==this.Data.length-1){
            temp=temp.replace(/\[\$rightborder\]/ig," border-right:solid 1px #cccccc;")}
          else{
            temp=temp.replace(/\[\$rightborder\]/ig,"")};
          tempHTML+=temp};
        this.$(NumberID).innerHTML=tempHTML;
        this.$(NumberID).style.bottom="1px";
        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 CreatePixviewer() {
var pvArtForum = new Pixviewer("divPixviewer","divBigPic","divNumber", "divNumberBG", 289, 201);
pvArtForum.TimeOut = 5000;
pvArtForum.TitleID = "divTitle";
pvArtForum.ContID = "divCont";
pvArtForum.htmlData = document.getElementById('divDataList').getElementsByTagName('dl');
for(var i=0;i<pvArtForum.htmlData.length;i++){
	var jsonData = {
		pic : pvArtForum.htmlData[i].getElementsByTagName('a')[0].href,
		title : pvArtForum.htmlData[i].getElementsByTagName('a')[0].innerHTML,
		link : pvArtForum.htmlData[i].getElementsByTagName('dd')[0].innerHTML,
		cont : pvArtForum.htmlData[i].getElementsByTagName('dd')[1].innerHTML
	};
	pvArtForum.Add(jsonData);
};
pvArtForum.begin();
}

//-->

