var leftTimerId;
var rightTimerId;

function getElement(id)
{
  return document.all == null? document.getElementById(id): document.all[id];
}

function arrows(container_width)
{
  ContentHolder = getElement('container');
  document.getElementById('rewind').src = '/images/parts.prev'+(ContentHolder.scrollLeft == 0? '.disabled': '')+'.gif';
  document.getElementById('forward').src = '/images/parts.next'+(ContentHolder.scrollWidth-container_width == ContentHolder.scrollLeft? '.disabled': '')+'.gif';
}

function rotate_left(container_width)
{
  ContentHolder = getElement('container');
  ContentHolder.scrollLeft -= 10;
  leftTimerId = window.setTimeout('rotate_left('+container_width+');', 1);

  arrows(container_width);
}

function rotate_right(container_width)
{
  ContentHolder = getElement('container');
  ContentHolder.scrollLeft += 10;
  rightTimerId = window.setTimeout('rotate_right('+container_width+');', 1);

  arrows(container_width);
}

function set_pos(index, container_width, image_width)
{
  ContentHolder = getElement('container');
  ContentHolder.scrollLeft = (index-container_width/image_width/2)*image_width+image_width/2;
}



/*function mouseWheel(event){
  if(!event)
    event = window.event;

  if(event.wheelDelta)
    delta = event.wheelDelta > 0? -1: 1;
  else if(event.detail)
    delta = event.detail > 0? 1: -1;

  ContentHolder = getElement('container');
  ContentHolder.scrollLeft += delta*50;
}


if (window.addEventListener)
  window.addEventListener('DOMMouseScroll', mouseWheel, false);

window.onmousewheel = document.onmousewheel = mouseWheel;
*/


function onmouse(element, state)
{
  element.style.border = '3px solid #'+(state? 'FD5E05': 'C7C8C7');

}