var slideInUse = new Array();

function Slide(objId, options) {
  this.obj = document.getElementById(objId);
  this.duration = 1;
  this.height = parseInt(this.obj.style.height);

  if(typeof options != 'undefined') { this.options = options; } else { this.options = {}; }
  if(this.options.duration) { this.duration = this.options.duration; }
    
  // close the slider; hide
  this.up = function() {
    this.curHeight = this.height;
    this.newHeight = '1';
    if(slideInUse[objId] != true) {
      var finishTime = this.slide();
      window.setTimeout("Slide('"+objId+"').finishup("+this.height+");",finishTime);


      /*
      alert(
        "this.up (close;hide) \n" +
        "main = |" + document.getElementById('main').style.height + "|\n" +
        "mainLeft = |" + document.getElementById('mainLeft').style.height + "|\n" +
        "objId = |" + document.getElementById(objId).style.height + "|"
      );
      */
      document.getElementById(objId + 'Point').innerHTML = "<a class=\"noline\" style=\"cursor: pointer;\" onClick=\"return(Slide('" + objId + "').down())\">&#x2228; &nbsp; more...</a>";
      
      //document.getElementById('main').style.height= (document.getElementById("main").offsetHeight - 100)+"px";
      

    }

  }
  
  // open the slider; show
  this.down = function() {
    this.newHeight = this.height;
    this.curHeight = '1';
    if(slideInUse[objId] != true) {
      this.obj.style.height = '1px';
      this.obj.style.display = 'block';
      this.slide();


      /*
      alert(
        "this.up (open;show) \n" +
        "main = |" + document.getElementById('main').style.height + "|\n" +
        "mainLeft = |" + document.getElementById('mainLeft').style.height + "|\n" +
        "objId = |" + document.getElementById(objId).style.height + "|"
      );
      */
      document.getElementById(objId + 'Point').innerHTML = "<a class=\"noline\" style=\"cursor: pointer;\" onClick=\"return(Slide('" + objId + "').up())\">&#x2227; &nbsp; more...</a>";
      
      //document.getElementById('main').style.height= (document.getElementById("main").offsetHeight + 100)+"px";
      //document.getElementById('main').style.height= (document.getElementById("main").offsetHeight + document.getElementById(objId).offsetHeight)+"px";

    }


  }
  
  this.slide = function() {
    slideInUse[objId] = true;
    var frames = 30 * duration; // Running at 30 fps

    var tIncrement = (duration*1000) / frames;
    tIncrement = Math.round(tIncrement);
    var sIncrement = (this.curHeight-this.newHeight) / frames;

    var frameSizes = new Array();
    for(var i=0; i < frames; i++) {
      if(i < frames/2) {
        frameSizes[i] = (sIncrement * (i/frames))*4;
      } else {
        frameSizes[i] = (sIncrement * (1-(i/frames)))*4;
      }
    }
    
var mainHeight = document.getElementById('wrap').style.height;
    
    for(var i=0; i < frames; i++) {
      this.curHeight = this.curHeight - frameSizes[i];
      window.setTimeout("document.getElementById('"+objId+"').style.height='"+Math.round(this.curHeight)+"px';",tIncrement * i);
      //window.setTimeout("document.getElementById('main').offsetHeight= '"+ (mainHeight + 1) + "px';",1);
    }
    
    window.setTimeout("delete(slideInUse['"+objId+"']);",tIncrement * i);
    
    if(this.options.onComplete) {
      window.setTimeout(this.options.onComplete, tIncrement * (i-2));
    }
    
    return tIncrement * i;
  }
  
  this.finishup = function(height) {
    this.obj.style.display = 'none';
    this.obj.style.height = height + 'px';
  }
  
  return this;
}