/* 
      OBJECT zpager - sets up an object that has 
                      many pages and can be paged through.

      arguments:  oid   - id of the div container of the element

  */   
  var zpgReport = false;   
  function zpager(oid) {
    this.pgr  = $(oid);
    this.width  = 0;
    this.height = 0;
    this.oid    = oid;
    this.curPg  = 1;
    this.cont = document.createElement("div");
    this.contid = oid + "childcont";
    this.cont.id = this.contid;
    this.pages  = 0;
    this.zpg_isAnim = false;
    this.pageViewActions = new Array();
    this.pageIsLoaded = new Array();
    
    this.init   = function(w,h,pgs) {
      if (zpgReport) $('jsout').value += "this.init("+w+","+h+","+pgs+")\n";
      this.width  = w;
      this.height = h;
      this.pages  = pgs;
      this.pgr.style.width    = w + "px";
      this.pgr.style.height   = h + "px";
      this.pgr.style.overflow = 'hidden';
      this.pgr.style.position = 'relative';

      this.cont.style.height    = h + "px";
      this.cont.style.width     = (w * pgs) + "px";
      this.cont.style.position  = 'absolute';
      this.pgr.appendChild(this.cont);
      
      for (var i=0; i<pgs; i++) {
        var pg = document.createElement("div");
        pg.appendChild(document.createTextNode("loading page "+(i+1)+"..."));
        this.cont.appendChild(pg);
        pg.id = "page" + i;
        pg.style.styleFloat="left";
        pg.style.cssFloat="left";
        pg.style.width=w+'px';
        pg.style.height=h+'px';
        pg.style.overflow='hidden';
        pg.style.position='relative';
        this.pageIsLoaded["page"+i] = false;
      }
    }
    this.goToPage = function(gotopg, onCompleteAction, doViewActions) {
      if (zpgReport) $('jsout').value += "this.goToPage("+gotopg+","+onCompleteAction+","+doViewActions+")\n";
      if (gotopg != this.curPg) {
    	if (document.all) {
    	  var pctstep = .5;
    	  var timestep = 50;
    	}
    	else {
      	  var pctstep = .33;
    	  var timestep = 50;
    	}
    	
        if (styleAnimEase(this.contid,'left',(((parseFloat(this.curPg)*this.width)-this.width)*-1),(((gotopg*this.width)-this.width)*-1),pctstep,timestep,onCompleteAction )) {
          this.curPg = parseFloat(gotopg);
	        if (this.pageViewActions['action'+gotopg] && doViewActions) {
	          setTimeout(this.pageViewActions['action'+gotopg],1);
	        }
        }
        else {
          setTimeout("zpg_pagers['zpgr-"+this.oid+"'].goToPage("+gotopg+",'"+onCompleteAction+"',"+doViewActions+")",50);
        }
      }
    }
    this.executePageViewAction = function(page) {
      if (zpgReport) $('jsout').value += "this.executePageViewAction("+page+")\n";
      setTimeout(this.pageViewActions['action'+page],1);
    }
    this.snapToPage = function(gotopg,doAction) {
      if (zpgReport) $('jsout').value += "this.snapToPage("+gotopg+","+doAction+")\n";
      //alert("snapToPage" + gotopg);
      if (gotopg != this.curPg) {
        //alert("set left to: " + (((gotopg*this.width)-this.width)*-1) + "px" ) ;
        $(this.contid).style.left = (((gotopg*this.width)-this.width)*-1) + "px";
        this.curPg = parseInt(gotopg);
      } 
      if (doAction && this.pageViewActions['action'+gotopg]) {
        this.executePageViewAction(gotopg);
      }
    }
    this.nextPage = function(onCompleteAction) {
      if (zpgReport) $('jsout').value += "this.nextPage("+onCompleteAction+")\n";
      if (this.curPg<this.pages) {
        this.goToPage((parseInt(this.curPg)+1),onCompleteAction,true);
      }
    }
    this.prevPage = function(onCompleteAction) {
      if (zpgReport) $('jsout').value += "this.prevPage("+onCompleteAction+")\n";
      if (this.curPg>1) {
        this.goToPage((parseInt(this.curPg)-1),onCompleteAction,true);
      }
    }
    this.goToLastPage = function(onCompleteAction) {
      if (zpgReport) $('jsout').value += "this.goToLastPage("+onCompleteAction+")\n";
      if (this.curPg!=this.pages) {
        this.goToPage(this.pages,onCompleteAction,true);
      }
    }
    this.showOffNext = function() {
      if (zpgReport) $('jsout').value += "this.showOffNext()\n";
      var cp = this.curPg;
      if (this.pages > 1) {
        this.goToPage(cp+.1,"zpg_pagers['zpgr-"+this.oid+"'].goToPage("+cp+",'',false)",true);
      }
    }
    this.showOffPrev = function() {
      if (zpgReport) $('jsout').value += "this.showOffPrev()\n";
      var cp = this.curPg;
      if (this.pages > 1) {
        this.goToPage(cp-.1,"zpg_pagers['zpgr-"+this.oid+"'].goToPage("+cp+",'',false)",true);
      }
    }
    this.goToRelativePage = function(change) {
      if (zpgReport) $('jsout').value += "this.goToRelativePage("+change+")\n";
      if (this.pages > 1) {
        this.goToPage(this.curPg+change,"",true);
      }
    }
    this.backToNearestPage = function() {
      if (zpgReport) $('jsout').value += "this.backToNearestPage()\n";
      if (this.pages > 1) {
        this.goToPage(Math.round(this.curPg),"",true);
      }
    }
    this.setPageContent = function(pg,content,finalLoad) {
      if (zpgReport) $('jsout').value += "this.setPageContent("+pg+","+finalLoad+")\n";
      if (pg > this.pages) {
        //alert("Error: trying to create page that doesn't exist.");
      }
      if(this.cont.childNodes[pg-1] != null) {
        this.cont.childNodes[pg-1].innerHTML = content;
      }
      this.pageIsLoaded["page"+pg] = finalLoad;
    }
    this.setPageAction = function(pg,action) {
      if (zpgReport) $('jsout').value += "this.setPageAction("+pg+","+action+")\n";
      //alert(pg +"-"+ action);
      this.pageViewActions['action'+pg] = action; 
    }
    this.fadeAway = function(onCompleteAction) {
      if (zpgReport) $('jsout').value += "this.fadeAway("+onCompleteAction+")\n";
      var k=1;
      if (!this.zpg_isAnim) {
        this.zpg_isAnim = true;
        for (var h=1; h>-.999; h=h-0.1) {
          setTimeout("changeOpac("+h*100+",'"+this.contid+"')",25*k);
          k++;
        }
        setTimeout("zpg_pagers['zpgr-"+this.oid+"'].zpg_isAnim=false",25*k);
        if (onCompleteAction != null) {
          if (onCompleteAction != "") {
            setTimeout(onCompleteAction,25*k);
          }
        }
      }
    }
    this.fadeIn = function(onCompleteAction) {
      if (zpgReport) $('jsout').value += "this.fadeIn("+onCompleteAction+")\n";
      var k=1;
      if (!this.zpg_isAnim) {
        this.zpg_isAnim = true;
        for (var h=0; h<1.001; h=h+0.1) {
          setTimeout("changeOpac("+h*100+",'"+this.contid+"')",25*k);
          k++;
        }
        setTimeout("zpg_pagers['zpgr-"+this.oid+"'].zpg_isAnim=false",25*k);
        setTimeout("this.whiteBx=''",25*(k+1));
        if (onCompleteAction != null) {
          if (onCompleteAction != "") {
            setTimeout(onCompleteAction,25*k);
          }
        }
      }
    }
    this.fadeInAndOut = function() {
      if (zpgReport) $('jsout').value += "this.fadeInAndOut()\n";
      var k=10;
      for (var h=1; h>-.999; h=h-0.1) {
        setTimeout("changeOpac("+h*100+",'"+this.oid+"')",25*k);
        k++;
      }
      k=k+10;
      for (var h=0; h<1.001; h=h+0.1) {
        setTimeout("changeOpac("+h*100+",'"+this.oid+"')",25*k);
        k++;
      }
    }
    this.showNow = function () {
      changeOpac(100,this.oid);
    }
    this.fadeInSweetness = function() {
      if (zpgReport) $('jsout').value += "this.fadeInSweetness()\n";
      if (this.pages > 1) {
        this.goToPage(1.175,'zpg_pagers[\'zpgr-'+this.oid+'\'].goToPage(1,\'\',true)',false);
      }
      else {
        this.goToPage(1,'',true);
      }
    }
    this.showLoading = function() {
      if (zpgReport) $('jsout').value += "this.showLoading()\n";
      this.whiteBx = "";
      this.whiteBx = document.createElement("div");
      this.whiteBx.style.height       = this.height + "px";
      this.whiteBx.style.width        = this.width + "px";
      this.whiteBx.style.background   = "#FFFFFF";
      this.whiteBx.style.position     = "absolute";
      this.whiteBx.style.top          = "0px";
      this.whiteBx.style.left         = "0px";
      this.whiteBx.style.textAlign    = "center";
      this.whiteBx.style.paddingTop   = "25px";
			this.whiteBx.style.opacity      = .5;
			this.whiteBx.style.MozOpacity   = .5;
			this.whiteBx.style.KhtmlOpacity = .5;
			this.whiteBx.style.filter       = "alpha(opacity=50)";			
			this.whiteBx.style.zIndex       = "999";			
      this.whiteBx.appendChild(document.createTextNode("Processing... please wait... "));
      this.pgr.appendChild(this.whiteBx);
    }
    this.clear = function(slideBack) { 
      if (zpgReport) $('jsout').value += "this.clear("+slideBack+")\n";
      var doSlide = slideBack || false;
      if ( doSlide ) {
        this.goToPage(1,'',(productSet != 'CATALOG'));
      }
      for(var u=1; u<this.pages; u++) {
        this.setPageContent(u,"",false);
      }
      this.pages  = 0;
    }
    this.clearNoGo = function() {
      if (zpgReport) $('jsout').value += "this.clearNoGo()\n";
      for(var u=1; u<this.pages; u++) {
        this.setPageContent(u,"",false);
      }
      this.pages  = 0;
    }
  }
  var zpg_pagers = new Array;
  var zpg_height = new Array();
  var zpg_pagerStatus = new Array();
  var zpg_pgrx = 0;
  function initPager(pid,w,h,pgs) {
    if (!zpg_pagers['zpgr-'+pid]) {
      //alert("create new pager");
      zpg_pagers['zpgr-'+pid] = new zpager(pid);
      zpg_height['zpgr-'+pid] = h;
    }
    zpg_pagers['zpgr-'+pid].init(w,h,pgs);
    zpg_pagerStatus['zpgr-'+pid] = 'init';
  }
  
  var zpg_pgtoload = "";
  var zpg_pgrtoload = "";
  var zpg_spcWorking = false;
  function setPageContentWithURL(pgrid,pg,url) {
    if (!zpg_spcWorking) {
      zpg_spcWorking = true;
      zpg_pgtoload = pg;
      zpg_pgrtoload = pgrid;
      var pars="&r="+Math.random();
      var url = url;
      var myAjax = new Ajax.Request( url, { method: 'get', parameters: pars, onComplete: setPageContentWithResponse, onTimeout: handleTimeout  });
    }
    else {
      setTimeout("setPageContentWithURL('"+pgrid+"','"+pg+"','"+url+"')",1000);
    }
  }
  function setPageContentWithResponse(originalRequest) {
    zpg_pagers['zpgr-'+zpg_pgrtoload].setPageContent(zpg_pgtoload,originalRequest.responseText,true);
    zpg_pgtoload = "";
    zpg_pgrtoload = "";
    zpg_spcWorking = false;
  }

  function setPageContentWithDiv(pgrid,pg,divid,finalLoad,clearDiv) {
    var temp;
    temp = $(divid).innerHTML;
    if (clearDiv) {
      $(divid).innerHTML = "";
    }
    zpg_pagers['zpgr-'+pgrid].setPageContent(pg,temp,finalLoad);
  }

  function setPageViewActionWithDiv(pgrid,pg,divid) {
    zpg_pagers['zpgr-'+pgrid].setPageAction(pg,$(divid).innerHTML);
  }