var timerID = 0;

var timerFlipVert;
var timerFlippingVert;
var timerUnFlipVert;
var timerUnFlippping;
timerFlipVert         = setTimeout("return false;", 10);
timerFlippingVert     = setTimeout("return false;", 10);
timerUnFlipVert       = setTimeout("return false;", 10);
timerUnFlippping  = setTimeout("return false;", 10);

var bFlippingVert = false;
var bUnFlippingVert = false;
var bFlippedVert = false;
var bUnFlippedVert = true;

var nStepVert = 25;

function imageFlipVert(imgId){

  if ((!bUnFlippingVert) && (!bFlippingVert) && (!bFlippedVert)){
    bFlippingVert = true;
    timerFlippingVert = setInterval("imageFlipResizeVert('" + imgId + "', " + nStepVert + ")", 20);
  }else{
    bFlippingVert = false;
    bUnFlippingVert = false;
    bFlippedVert = false;
    clearInterval ( timerUnFlipVert );
    clearInterval ( timerUnFlippingVert );
    timerFlipVert = setTimeout("imageFlipVert('" + imgId + "')",  50);
    //}
  }

}

function imageUnFlipVert(imgId){
  bUnFlippingVert = true;
  clearInterval ( timerFlipVert );
    clearInterval ( timerFlippingVert );
  timerUnFlippingVert = setInterval("imageUnFlipResizeVert('" + imgId + "', " + nStepVert + ")", 20);
}

function imageFlipResizeVert(imgId, iStep){
  var objImg = document.getElementById(imgId);
  var iHeight = objImg.offsetHeight;
  if (bFlippingVert) {
  if (iHeight > iStep) {
    iHeight = iHeight - iStep;
    objImg.style.height = iHeight + 'px';
    objImg.style.top = (((90 - iHeight)/2) -90) + 'px';
    objImg.style.borderTop ='1px solid \#6f8b9c';
    objImg.style.borderBottom ='1px solid \#6f8b9c';
    
  }else{
    clearInterval ( timerFlipVert );
    clearInterval ( timerFlippingVert );
    bFlippedVert = true;
    bFlippingVert = false;
    bUnFlippingVert = false;
    bUnFlippedVert = false;
    objImg.style.height = '0px';
    objImg.style.display = 'none';
  }
  }
}

function imageUnFlipResizeVert(imgId, iStep){
  //var iWidth  = objImg.offsetWidth;
  var objImg = document.getElementById(imgId);
  var iHeight = objImg.offsetHeight;
  
  if (bUnFlippingVert) {
  if (iHeight < (90 - iStep)) {
    iHeight = iHeight + iStep;
    objImg.style.display = 'block';
    objImg.style.height = iHeight + 'px';
    objImg.style.top = (((90 - iHeight)/2) - 90) + 'px';
    objImg.style.borderTop ='1px solid \#6f8b9c';
    objImg.style.borderBottom ='1px solid \#6f8b9c';
    
  }else{
    clearInterval ( timerUnFlipVert );
    clearInterval ( timerUnFlippingVert );
    bUnFlippedVert = true;
    bUnFlippingVert = false;
    bFlippedVert = false;
    bFlippingVert = false;
    objImg.style.height = '90px';
    objImg.style.border ='none';
    objImg.style.top = '-90px';
    
  } 
  }
}