var timerCollapseRight;
var timerCollapsingRight;
var timerUnCollapseRight;
var timerUnCollapsingRight;

timerCollapseRight      = setTimeout("return false;", 10);
timerCollapsingRight    = setTimeout("return false;", 10);
timerUnCollapseRight    = setTimeout("return false;", 10);
timerUnCollapsingRight  = setTimeout("return false;", 10);

var bCollapsingRight    = false;
var bUnCollapsingRight  = false;
var bCollapsedRight     = false;
var bUnCollapsedRight   = true;

var iCollapseRightStep = 50;

function imageCollapseRight(imgId){

  if ((!bUnCollapsingRight) && (!bCollapsingRight) && (!bCollapsedRight)){
    bCollapsingRight = true;
    timerCollapsingRight = setInterval("imageCollapseRelocateRight('" + imgId + "')", 20);
  }else{
    bCollapsingRight = false;
    bUnCollapsingRight = false;
    bCollapsedRight = false;
    clearInterval ( timerUnCollapseRight );
    clearInterval ( timerUnCollapsingRight );
    timerCollapseRight = setTimeout("imageCollapseRight('" + imgId + "')",  50);
    //}
  }

}

function imageUnCollapseRight(imgId){
  bUnCollapsingRight = true;
  clearInterval ( timerCollapseRight );
  clearInterval ( timerCollapsingRight );
  timerUnCollapsingRight = setInterval("imageUnCollapseRelocateRight('" + imgId + "', " + nStepVert + ")", 20);
}

function imageCollapseRelocateRight(imgId){
  
  var objImg = document.getElementById(imgId);
  var iWidth = objImg.offsetWidth;
  
  if (bCollapsingRight) {
    if (iWidth > iCollapseRightStep) {
      iWidth = iWidth - iCollapseRightStep;
      objImg.style.width = iWidth + 'px';
      objImg.style.left = (230 - iWidth) + 'px';
    }else{
      clearInterval ( timerCollapseRight );
      clearInterval ( timerCollapsingRight );
      bCollapsedRight = true;
      bCollapsingRight = false;
      bUnCollapsingRight = false;
      bUnCollapsedRight = false;
      objImg.style.width = '0px';
      objImg.style.display = 'none';
    }
  }
}

function imageUnCollapseRelocateRight(imgId){

  var objImg = document.getElementById(imgId);
  var iWidth = objImg.offsetWidth;
  
  if (bUnCollapsingRight) {
    if (iWidth < (230 - iCollapseRightStep)) {
      iWidth = iWidth + iCollapseRightStep;
      objImg.style.display = 'block';
      objImg.style.width = iWidth + 'px';
      objImg.style.left = (230 - iWidth) + 'px';
      //objImg.style.borderLeft ='1px solid \#6f8b9c';
      //objImg.style.borderBottom ='1px solid \#6f8b9c';
      
    }else{
      clearInterval ( timerUnCollapseRight );
      clearInterval ( timerUnCollapsingRight );
      bUnCollapsedRight = true;
      bUnCollapsingRight = false;
      bCollapsedRight = false;
      bCollapsingRight = false;
      objImg.style.width = '230px';
      //objImg.style.border ='none';
      objImg.style.left = '0px';
      
    } 
  }
}