var timerFlipHoriz;
var timerFlippingHoriz;
var timerUnFlipHoriz;
var timerUnFlippping;

timerFlipHoriz        = setTimeout("return false;", 10);
timerFlippingHoriz    = setTimeout("return false;", 10);
timerUnFlipHoriz      = setTimeout("return false;", 10);
timerUnFlippping      = setTimeout("return false;", 10);

var bFlippingHoriz    = false;
var bUnFlippingHoriz  = false;
var bFlippedHoriz     = false;
var bUnFlippedHoriz   = true;

var nStepHoriz = 50;

function imageFlipHoriz(imgId){

  if ((!bUnFlippingHoriz) && (!bFlippingHoriz) && (!bFlippedHoriz)){
    bFlippingHoriz = true;
    timerFlippingHoriz = setInterval("imageFlipResizeHoriz('" + imgId + "', " + nStepHoriz + ")", 20);
  }else{
    bFlippingHoriz = false;
    bUnFlippingHoriz = false;
    bFlippedHoriz = false;
    clearInterval ( timerUnFlipHoriz );
    clearInterval ( timerUnFlippingHoriz );
    timerFlipHoriz = setTimeout("imageFlipHoriz('" + imgId + "')",  50);
    //}
  }

}

function imageUnFlipHoriz(imgId){
  bUnFlippingHoriz = true;
  clearInterval ( timerFlipHoriz );
    clearInterval ( timerFlippingHoriz );
  timerUnFlippingHoriz = setInterval("imageUnFlipResizeHoriz('" + imgId + "', " + nStepHoriz + ")", 20);
}

function imageFlipResizeHoriz(imgId, iStep){
  var objImg = document.getElementById(imgId);
  var iWidth = objImg.offsetWidth;
  if (bFlippingHoriz) {
  if (iWidth > iStep) {
    iWidth = iWidth - iStep;
    objImg.style.width = iWidth + 'px';
    objImg.style.left = ((275 - iWidth)/2) + 'px';
    objImg.style.borderLeft ='1px solid \#6f8b9c';
    objImg.style.borderRight ='1px solid \#6f8b9c';
    
  }else{
    clearInterval ( timerFlipHoriz );
    clearInterval ( timerFlippingHoriz );
    bFlippedHoriz = true;
    bFlippingHoriz = false;
    bUnFlippingHoriz = false;
    bUnFlippedHoriz = false;
    objImg.style.width = '0px';
    objImg.style.display = 'none';
  }
  }
}

function imageUnFlipResizeHoriz(imgId, iStep){
  //var iWidth  = objImg.offsetWidth;
  var objImg = document.getElementById(imgId);
  var iWidth = objImg.offsetWidth;
  
  if (bUnFlippingHoriz) {
  if (iWidth < (275 - nStepHoriz)) {
    iWidth = iWidth + nStepHoriz;
    objImg.style.display = 'block';
    objImg.style.width = iWidth + 'px';
    objImg.style.left = ((275 - iWidth)/2) + 'px';
    objImg.style.borderLeft ='1px solid \#6f8b9c';
    objImg.style.borderRight ='1px solid \#6f8b9c';
    
  }else{
    clearInterval ( timerUnFlipHoriz );
    clearInterval ( timerUnFlippingHoriz );
    bUnFlippedHoriz = true;
    bUnFlippingHoriz = false;
    bFlippedHoriz = false;
    bFlippingHoriz = false;
    objImg.style.width = '275px';
    objImg.style.border ='none';
    objImg.style.left = '0px';
    
  } 
  }
}