var timerSlideRight;
var timerSlidingRight;
var timerUnSlideRight;
var timerUnSlidingRight;
timerSlideRight         = setTimeout("return false;", 10);
timerSlidingRight     = setTimeout("return false;", 10);
timerUnSlideRight       = setTimeout("return false;", 10);
timerUnSlidingRight  = setTimeout("return false;", 10);

var bSlidingRight = false;
var bUnSlidingRight = false;
var bSlidRight = false;
var bUnSlidRight = true;

var iSlideRightStep = 40;

function imageSlideRight(imgId){

  //alert('imageSlideRight');

  if ((!bUnSlidingRight) && (!bSlidingRight) && (!bSlidRight)){
    bSlidingRight = true;
    timerSlidingRight = setInterval("imageSlideRelocateRight('" + imgId + "')", 20);
  }else{
    bSlidingRight = false;
    bUnSlidingRight = false;
    bSlidRight = false;
    clearInterval ( timerUnSlideRight );
    clearInterval ( timerUnSlidingRight );
    timerSlideRight = setTimeout("imageSlideRight('" + imgId + "')",  50);
    //}
  }

}

function imageUnSlideRight(imgId){
  bUnSlidingRight = true;
  clearInterval ( timerSlideRight );
  clearInterval ( timerSlidingRight );
  timerUnSlidingRight = setInterval("imageUnSlideRelocateRight('" + imgId + "')", 20);
}

function imageSlideRelocateRight(imgId){
  var objImg = document.getElementById(imgId);
  var iLeft = objImg.offsetLeft;
  alert('Left: ' + iLeft);
  alert('Step: ' + iSlideRightStep);
  alert('Tot: ' + (iLeft + iSlideRightStep) + 'px');
  //var iLeft = objImg.offsetLeft;
  if (bSlidingRight) {
    if (iLeft < (230 - iSlideRightStep)) {
      objImg.style.left = (iLeft + iSlideRightStep) + 'px';
      alert('New Left: ' + objImg.offsetLeft);
      //objImg.style.borderLeft ='1px solid \#6f8b9c';
      //objImg.style.borderBottom ='1px solid \#6f8b9c';
      
    }else{
      clearInterval ( timerSlideRight );
      clearInterval ( timerSlidingRight );
      bSlidRight = true;
      bSlidingRight = false;
      bUnSlidingRight = false;
      bUnSlidRight = false;
      objImg.style.left = '230px';
      
      alert('Left: ' + objImg.offsetLeft);
      
      objImg.style.display = 'none';
      
      
    }
  }
}

function imageUnSlideRelocateRight(imgId){
  //var iWidth  = objImg.offsetWidth;
  var objImg = document.getElementById(imgId);
  var iLeft = objImg.offsetLeft;
  
  if (bUnSlidingRight) {
    if (iLeft > (iSlideRightStep)) {
      //iWidth = iWidth + iStep;
      objImg.style.display = 'block';
      //objImg.style.width = iWidth + 'px';
      objImg.style.left = (iLeft - iSlideRightStep) + 'px';
      //objImg.style.borderLeft ='1px solid \#6f8b9c';
      //objImg.style.borderBottom ='1px solid \#6f8b9c';
      
    }else{
      clearInterval ( timerUnSlideRight );
      clearInterval ( timerUnSlidingRight );
      bUnSlidRight = true;
      bUnSlidingRight = false;
      bSlidRight = false;
      bSlidingRight = false;
      //objImg.style.width = '230px';
      //objImg.style.border ='none';
      objImg.style.left = '0px';
      
    } 
  }
}