window.onload = function() {
    if (typeof(interfaceLoad)=='function') {
        interfaceLoad();
    }
}

function cleanupNode(node) {
    var el = node;
    while (el.childNodes.length>0) { el.removeChild(el.firstChild); }
}
function insertText(element, text) {
    element.appendChild(document.createTextNode(text));
}

this.easyscroll = function(){

  // id of the container element
  var id = "thumbs";

  // navigation buttons text
  var nav = ["Scroll Up", "Scroll Down"];

  //  id for each navigation button (OPTIONAL)
  var navId = ["btnUp", "btnDown"];

  // movement speed
  var speed = 7;

  // desired height of the container element (in pixels)
  var height = 250;

  //
  // END CONFIG
  // do not edit below this line (unless you want to of course :) )
  //

  var obj = document.getElementById(id);
  if(obj){

    obj.up = false;
    obj.down = false;
    obj.fast = false;

    var container = document.createElement("div");
    var parent = obj.parentNode;
    container.id="easyscroll";
    parent.insertBefore(container,obj);
    parent.removeChild(obj);

    container.style.position = "relative";
    container.style.height = height + "px";
    container.style.overflow = "hidden";
    obj.style.position = "absolute";
    obj.style.top = "0";
    obj.style.left = "0";
    container.appendChild(obj);
    obj.style.display = "block";

    var btns = new Array();
    for (var i=0;i<nav.length;i++){
      var li = document.getElementById(navId[i]);
  //     li.innerHTML = nav[i];
      btns.push(li);
    };

    btns[0].onmouseover = function(){
      obj.up = true;
  //     this.className = "over";
    };
    btns[0].onmouseout = function(){
      obj.up = false;
  //     this.className = "";
    };
    btns[1].onmouseover = function(){
      obj.down = true;
  //     this.className = "over";
    };
    btns[1].onmouseout = function(){
      obj.down = false;
  //     this.className = "";
    };
    btns[0].onmousedown = btns[1].onmousedown = function(){
      obj.fast = true;
    };
    btns[0].onmouseup = btns[1].onmouseup = function(){
      obj.fast = false;
    };

    this.start = function(){
        var newTop;
        var objHeight = obj.offsetHeight;
        var top = obj.offsetTop;
        var fast = (obj.fast) ? 2 : 1;
        if(obj.down){
            newTop = ((objHeight+top) > height) ? top-(speed*fast) : top;
            obj.style.top = newTop + "px";
        };
        if(obj.up){
            newTop = (top < 0) ? top+(speed*fast) : top;
            obj.style.top = newTop + "px";
        };
    };

    obj.interval = setInterval("start()",50);

  }
};


//
// script initiates on page load.
//

this.addEvent = function(obj,type,fn){
  if(obj.attachEvent){
    obj['e'+type+fn] = fn;
    obj[type+fn] = function(){ obj['e'+type+fn](window.event);}
    obj.attachEvent('on'+type, obj[type+fn]);
  } else {
    obj.addEventListener(type,fn,false);
  };
};
addEvent(window,"load",easyscroll);

function addWindow(Aelement){
  window.open(Aelement.href,'addwin','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no');
}