function animate(elementID, newLeft, newTop, newWidth,
      newHeight, time, callback)
{
  var el = document.getElementById(elementID);
  if(el == null)
    return;
 
  var cLeft = parseInt(el.style.left);
  var cTop = parseInt(el.style.top);
  var cWidth = parseInt(el.style.width);
  var cHeight = parseInt(el.style.height);
 
  var totalFrames = 1;
  if(time> 0)
    totalFrames = time/30;

  var fLeft = newLeft - cLeft;
  if(fLeft != 0)
    fLeft /= totalFrames;
 
  var fTop = newTop - cTop;
  if(fTop != 0)
    fTop /= totalFrames;
 
  var fWidth = newWidth - cWidth;
  if(fWidth != 0)
    fWidth /= totalFrames;
 
  var fHeight = newHeight - cHeight;
  if(fHeight != 0)
    fHeight /= totalFrames;
   
  doFrame(elementID, cLeft, newLeft, fLeft,
      cTop, newTop, fTop, cWidth, newWidth, fWidth,
      cHeight, newHeight, fHeight, callback);
}

function doFrame(eID, cLeft, nLeft, fLeft,
      cTop, nTop, fTop, cWidth, nWidth, fWidth,
      cHeight, nHeight, fHeight, callback)
{
   var el = document.getElementById(eID);
   if(el == null)
     return;

  cLeft = moveSingleVal(cLeft, nLeft, fLeft);
  cTop = moveSingleVal(cTop, nTop, fTop);
  cWidth = moveSingleVal(cWidth, nWidth, fWidth);
  cHeight = moveSingleVal(cHeight, nHeight, fHeight);

  el.style.left = Math.round(cLeft) + 'px';
  el.style.top = Math.round(cTop) + 'px';
  el.style.width = Math.round(cWidth) + 'px';
  el.style.height = Math.round(cHeight) + 'px';
 
  if(cLeft == nLeft && cTop == nTop && cHeight == nHeight
    && cWidth == nWidth)
  {
    if(callback != null)
      callback();
    return;
  }
   
  setTimeout( 'doFrame("'+eID+'",'+cLeft+','+nLeft+','+fLeft+','
    +cTop+','+nTop+','+fTop+','+cWidth+','+nWidth+','+fWidth+','
    +cHeight+','+nHeight+','+fHeight+','+callback+')', 40);
}

function moveSingleVal(currentVal, finalVal, frameAmt)
{
  if(frameAmt == 0 || currentVal == finalVal)
    return finalVal;
 
  currentVal += frameAmt;
  if((frameAmt> 0 && currentVal>= finalVal)
    || (frameAmt <0 && currentVal <= finalVal))
  {
    return finalVal;
  }
  return currentVal;
}

//*************Begin code controlling the opening of the coffee slider at (first level)***************//

var initiateSlider=0

function insideSwitchOffSlider(elementId)
{
	if (initiateSlider==0)
	{
	
	var element = document.getElementById(elementId);
	 animate(elementId, 0, 0, 100, 496, 250, null);
	 element.down = true;
     element.up = false;
	 
	 initiateSlider=1
	
		menuIsOpen=1
	}
	
}


var menuIsOpen
	
function insideSliderTrigger(elementId)
{
   if (initiateSlider==1)
	{
  
   var element = document.getElementById(elementId);
  		
   	   
		
	   if(element.up == null || element.down)
	   {
		 
		 animate(elementId, 0, 0, 200, 496, 250, null);
		  element.up = true;
		  element.down = false;
		  menuIsOpen=1
		 // sliderTrigger2Close('sliderWrapperElement')
		   expandtrayLeve11('sliderWrapperElement')
		
		  //top //width //height
	   }
	   else
	   {
		   
		  animate(elementId, 0, 0, 0, 496, 250, null);
		  element.down = true;
		  element.up = false;
		  menuIsOpen=0;
		  
		  expandtrayLeve12('sliderWrapperElement')
		  
		//  sliderTrigger3Close('sliderWrapperElement')
		  
		  //sliderTrigger2Close(elementId);
		 
		
	   }
	}
}






var initiateSlider=0

function expandtrayLeve11(elementId)
{
	
	
	var element = document.getElementById(elementId);
	 animate(elementId, 0, 0, 400, 607, 200, null);
	 element.down = true;
     element.up = false;
	 
	 initiateSlider=1
	
		menuIsOpen=1
		
	
	
}


var initiateSlider=0

function expandtrayLeve12(elementId)
{
	
	
	var element = document.getElementById(elementId);
	 animate(elementId, 0, 0, 220, 607, 200, null);
	 element.down = true;
     element.up = false;
	 
	 initiateSlider=1
		menuIsOpen=1
	
	
	
}


//*************End code controlling the opening of the coffee slider at (first level)***************//