// JavaScript Document

slider.names = new Array();
function slider()
{
 this.id = slider.names.length;
 slider.names[this.id] = this;
 this.target  = document.getElementById(arguments[0]); 
 this.direction = arguments[1];
 this.height = arguments[2];
 this.width = arguments[3];
 this.step = arguments[4];
 this.timer = 10 * arguments[5];
 this.startopa = arguments[6];
 this.sparent = this.target.parentNode;
 this.intervalid = null;
 this.i = 0;
 this.status = 0;
 this.target.style.display = "none";
 return this;
}
slider.prototype.initialize = function()
{
 this.sparent.style.overflow = "hidden";
 this.target.style.width = Number(this.width) + 'px';
 this.target.style.height = Number(this.height) + 'px';
 this.target.style.position = "";
 this.target.style.display = "";
 this.target.style.filter = 'Alpha(opacity=' + Number(this.startopa) + ')';
 this.target.style.overflow = "hidden";
 switch(this.direction)
 {
  case 1://left to right
   this.target.style.marginLeft = "-" + this.width + "px";
   break;
  case 2://top to bottom
   this.target.style.marginTop = "-" + this.height + "px";
   break;
  case 3://right to left
   this.target.style.marginRight = "-" + this.width + "px";
   break;
 }
}
slider.prototype.show = function()
{
 if (this.status==0)
 {
  this.initialize();
  this.intervalid = window.setInterval("slider.names["+this.id+"].cycle()",this.timer);
 }
}
slider.prototype.hide = function()
{
 if (this.status==1)
 {
  this.intervalid = window.setInterval("slider.names["+this.id+"].decycle()",this.timer);
 }
}
slider.prototype.cycle = function() 
{
 var opa = this.target.style.filter.split("=")[1].split(")")[0]
 var opastep = Math.round(((100 - Number(opa)) / this.step)+2.5);
 var nopa = Number(opa) + Number(opastep);
 if (nopa>100){this.target.style.filter = 'Alpha(opacity=100)';}else{this.target.style.filter = 'Alpha(opacity=' + String(nopa) + ')';}
 switch(this.direction)
 {
  case 1: 
   var opx = this.target.style.marginLeft.split("px")[0];
   var pxstep = Math.round((this.width / this.step)+0.5);
   var npx = Number(opx) + Number(pxstep);
   if (npx>0){this.target.style.marginLeft = '0px';}else{this.target.style.marginLeft = String(npx) + 'px';}
   break;
  case 2: 
   var opx = this.target.style.marginTop.split("px")[0];
   var pxstep = Math.round((this.height / this.step)+0.5);
   var npx = Number(opx) + Number(pxstep);
   if (npx>0){this.target.style.marginTop = '0px';}else{this.target.style.marginTop = String(npx) + 'px';}
   break;
  case 3: 
   var opx = this.target.style.marginRight.split("px")[0];
   var pxstep = Math.round((this.width / this.step)+0.5);
   var npx = Number(opx) + Number(pxstep);
   if (npx>0){this.target.style.marginRight = '0px';}else{this.target.style.marginRight = String(npx) + 'px';}
   break;
 }
 this.i++ 
 if (this.i>(this.step-1)){window.clearInterval(this.intervalid);this.i=0;this.status=1;} 
}
slider.prototype.decycle = function() 
{
 var opa = this.target.style.filter.split("=")[1].split(")")[0]
 var opastep = Math.round(((100 - Number(opa)) / this.step)+2.5)*2;
 var nopa = Number(opa) - Number(opastep);
 if (nopa<this.startopa){this.target.style.filter = 'Alpha(opacity=' + this.startopa + ')';}else{this.target.style.filter = 'Alpha(opacity=' + String(nopa) + ')';}
 switch(this.direction)
 {
  case 1: 
   var opx = this.target.style.marginLeft.split("px")[0];
   var pxstep = Math.round((this.width / Math.round(this.step*0.5))+0.5);
   var npx = Number(opx) - Number(pxstep);
   if (Math.abs(npx)>this.width+2){this.target.style.marginLeft = '-' + this.width + 'px';}else{this.target.style.marginLeft = String(npx) + 'px';}
   break;
  case 2: 
   var opx = this.target.style.marginTop.split("px")[0];
   var pxstep = Math.round((this.height / Math.round(this.step*0.5))+0.5);
   var npx = Number(opx) - Number(pxstep);
   if (Math.abs(npx)>this.height+2){this.target.style.marginTop = '-' + this.height + 'px';}else{this.target.style.marginTop = String(npx) + 'px';}
   break;
  case 3:
   var opx = this.target.style.marginRight.split("px")[0];
   var pxstep = Math.round((this.width / Math.round(this.step*0.5))+0.5);
   var npx = Number(opx) - Number(pxstep);
   if (Math.abs(npx)>this.width+2){this.target.style.marginRight = '-' + this.width + 'px';}else{this.target.style.marginRight = String(npx) + 'px';}
   break;
 }
 this.i++ 
 if (this.i>(Math.round(this.step*0.5)-1)){window.clearInterval(this.intervalid);this.i=0;this.status=0;this.target.style.display = "none";} 
}