var countSlices = 0;
var currentSlice = 0;
var slideWidth = 760;

function initSlide()
{
  if ( currentSlice == 0 )
  {
    document.getElementById('slideInImg').style.visibility = 'hidden';
  }
  
  slides = getElementsByClassName(document, 'tr', 'slideContent');
  countSlices = slides.length;
  var m = 0;

  m = -1 * currentSlice * slideWidth;
      
  document.getElementById('slide').style.left = m + 'px';
}

function slideObj( id )
{
  this.x = document.getElementById(id).style.left.replace('px', '');
  this.w = document.getElementById(id).style.width.replace('px', '');
  this.limit = 0;
  this.id = id;
  this.intervalId = 0;
  this.acceleration = 1;
  this.lock = 0;
}

var soArray = new Array();

function slideOutT( id )
{
  l = document.getElementById( id );
  mod = soArray[id].acceleration *= 2;

  soArray[id].x -= mod;
  //window.status = soArray[id].x;

  l.style.left = soArray[id].x + 'px';

  if ( soArray[id].x <= soArray[id].limit )
  {
    l.style.left = soArray[id].limit + 'px';
    window.clearInterval( soArray[id].intervalId );
    currentSlice += 1;

    img = document.getElementById('slideOutImg');
    img.onclick = function(){slideOut('slide')};

    img = document.getElementById('slideInImg');
    img.onclick = function(){slideIn('slide')};

    if ( currentSlice>=countSlices-1 )
    {
      document.getElementById('slideOutImg').style.visibility = 'hidden';
      // disable slide button
    }

  }
}

function slideInT( id )
{
  l = document.getElementById( id );
  mod = soArray[id].acceleration *= 2;

  soArray[id].x = soArray[id].x * 1 + mod;
  //window.status = soArray[id].x;

  l.style.left = soArray[id].x + 'px';
  if ( soArray[id].x >= soArray[id].limit )
  {
    l.style.left = soArray[id].limit + 'px';
    window.clearInterval( soArray[id].intervalId );
    currentSlice -= 1;
    
    img = document.getElementById('slideInImg');
    img.onclick = function(){slideIn('slide')};

    img = document.getElementById('slideOutImg');
    img.onclick = function(){slideOut('slide')};    

    if ( currentSlice<=0 )
    {
      document.getElementById('slideInImg').style.visibility = 'hidden';
      // disable slide button
    }

  }
}

function slideOut( id ) 
{
  img = document.getElementById('slideOutImg');
  img.onclick = function(){};

  if ( currentSlice<countSlices-1 )
  {
    soArray[id] = new slideObj( id );

    soArray[id].limit = soArray[id].limit = soArray[id].x - slideWidth;
    soArray[id].intervalId = window.setInterval("slideOutT('" + id + "')", 30);
    slideOutT ( id ) ;
    document.getElementById('slideInImg').style.visibility = 'visible';
  }
}

function slideIn( id ) 
{
  img = document.getElementById('slideInImg');
  img.onclick = function(){};
  
  if ( currentSlice>0 )
  {
    img.onclick = function(){};
    soArray[id] = new slideObj( id );

    soArray[id].limit = soArray[id].limit = soArray[id].x * 1 + slideWidth;
    soArray[id].intervalId = window.setInterval("slideInT('" + id + "')", 30);
    slideInT ( id ) ;
    document.getElementById('slideOutImg').style.visibility = 'visible';

  }
}