// JavaScript Document
var move = false;

function leftPressed()
{
  move = true;
  left();
}

function left() {
  var obj_div = document.getElementById('bannercenter');
  currLeft = parseInt(document.getElementById('counter').innerHTML);
  currLeft += 5;
  if(currLeft > 100)return;
  obj_div.style.left = currLeft + 'px';
  document.getElementById('counter').innerHTML = currLeft;
  
  obj_div.style.clip = "rect( auto " + (820 - currLeft) + "px 164px " + (100 - currLeft) + "px)";
  
  
  if(move)setTimeout("left()", 20);
}

function rightPressed()
{
  move = true;
  right();
}

function right() {
  var obj_div = document.getElementById('bannercenter');
  currLeft = parseInt(document.getElementById('counter').innerHTML);
  currLeft -= 5;

  obj_div.style.left = currLeft + 'px';
  document.getElementById('counter').innerHTML = currLeft;
  
  obj_div.style.clip = "rect( auto " + (830 - currLeft) + "px 164px " + (100 - currLeft) + "px)";
  
  if(move)setTimeout("right()", 20);
}

function stop() {
  move = false;
}

function fade(id, start, ende, millisec)
{
    var speed = Math.round(millisec / 100);
    var timer = 0;
    if(start > ende)
    {
        for(i = start; i >= ende; i--) 
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
    else if(start < ende)
    {
        for(i = start; i <= ende; i++)
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = id.style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ", finishopacity=" + opacity + ", style=0)";
}