var IS_IE = true;
try {
  window.attachEvent =
  window.HTMLDocument.prototype.attachEvent =
  window.HTMLElement.prototype.attachEvent =
  function (type, callback) {
    this.addEventListener(type.substring(2),callback,false);
    };
  window.detachEvent =
  window.HTMLDocument.prototype.detachEvent =
  window.HTMLElement.prototype.detachEvent = function (type, callback) {
    this.removeEventListener(type.substring(2),callback,false);
    };

  IS_IE = false;
}
catch(e) { }


function $ (id)
{
  return document.getElementById(id);
}

var floobles = {
  // variables
  boxes : new Array(),

  init : function ()
    {
      floobles.initSlidebox();
    },

  initSlidebox : function ()
    {
      var boxes = document.getElementsByName("slidebox");
      for (var node = 0; node < boxes.length; node++)
        {
          var box = boxes[node];
          id = box.getAttribute('id');
          id = id.substr(9);
          floobles.boxes.push(id);
        }
      floobles.timer = setTimeout(floobles.slide, 2500);
    },
  resortSliderArray : function ()
    {
      var lastid = floobles.boxes[floobles.boxes.length-1];
      var left = parseInt($('slider-' + lastid).style.left) + 90;
      var first = $('slider-' + floobles.boxes[0]);
      first.style.left = left + 'px';
      var hideid = floobles.boxes[0];
      floobles.boxes.push(floobles.boxes.shift());
      var id = floobles.boxes[0];
      var link_box = $('slider-link-' + id);
      var frame_box = $('slide-frame-link');
      frame_box.setAttribute("href", link_box.getAttribute("href"));
      $('slidebox-' + id).className = "slidebox show";
      $('slidebox-' + hideid).className = "slidebox hide";
      floobles.timer = setTimeout(floobles.slide, 2500);   
    },
  shiftBackSliderArray : function ()
    {
      var lastid = floobles.boxes[floobles.boxes.length-1];
      var last = $('slider-' + lastid);
      last.style.left = "-90px";
      floobles.boxes.unshift(floobles.boxes.pop());
    },
  slide : function ()
    {
      var slider = $("slider-" + floobles.boxes[0]);
      var left = parseInt(slider.style.left);
      if (left == -90)
        {
          floobles.resortSliderArray();
        }
      else
        {
          for (var i = 0; i < floobles.boxes.length; i++)
            {
              var elem = $('slider-' + floobles.boxes[i]);
              var left = parseInt(elem.style.left);
              left -= 1;
              elem.style.left = left + 'px';
            }
          floobles.timer = setTimeout(floobles.slide, 10);
        }
    },
  slideBack : function (ignoreZero)
    {
      var slider = $("slider-" + floobles.boxes[0]);
      var left = parseInt(slider.style.left);
      if (left == 0 && ignoreZero != true)
        {
          var firstid = floobles.boxes[0];
          var secondid = floobles.boxes[1];
          var first = $('slidebox-' + firstid);
          var second = $('slidebox-' + secondid);
          var link_box = $('slider-link-' + firstid);
          var frame_box = $('slide-frame-link');
          frame_box.setAttribute("href", link_box.getAttribute("href"));
          second.className = "slidebox hide";
          first.className = "slidebox show";
          floobles.timer = setTimeout(floobles.slide, 2500);
        }
      else
        {
          for (var i = 0; i < floobles.boxes.length; i++)
            {
              var elem = $('slider-' + floobles.boxes[i]);
              var left = parseInt(elem.style.left);
              left += 1;
              elem.style.left = left + 'px';
            }
          floobles.timer = setTimeout(function () {
            floobles.slideBack(false); }, 10);
        }
    },
  slideLeftNow : function ()
    {
      if (floobles.timer != null) clearTimeout(floobles.timer);
      var slider = $("slider-" + floobles.boxes[0]);
      var left = parseInt(slider.style.left);
      if (left == 0)
        {
          floobles.shiftBackSliderArray();
          floobles.slideBack(true);
        }
      else
        {
          floobles.slideBack(false);
        }
    },
  slideRightNow : function ()
    {
      if (floobles.timer != null) clearTimeout(floobles.timer);
      floobles.slide();
    },
  timer : null,

  // BALLOON FUNCTIONS
  showBalloon : function (id)
    {
      var balloon = $(id);
      balloon.style.visibility = 'visible';
    },
  hideBalloon : function (id)
    {
      var balloon = $(id);
      balloon.style.visibility = 'hidden';
    },
};

window.attachEvent("onload", floobles.init);