﻿
var ContentHeight = 160;
var TimeToSlide = 200;

var openAccordion = '';





/* accordion horizontal */
function runAccordion(index)
{
  var nID = "Accordion" + index + "Content";
  //var tID = "Accordian" + index + "Title";
  if(openAccordion == nID)
    nID = '';
    
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" 
      + openAccordion + "','" + nID + "')", 33);
  
  openAccordion = nID;
}



function animate(lastTick, timeLeft, closingId, openingId)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var opening = (openingId == '') ? null : document.getElementById(openingId);
  var closing = (closingId == '') ? null : document.getElementById(closingId);
 
  if(timeLeft <= elapsedTicks)
  {
    if(opening != null)
    {
      //opening.style.height = ContentHeight + 'px';
      opening.style.width= ContentHeight + 'px';
      opening.style.color="white";
    }      
    
    if(closing != null)
    {
      closing.style.display = 'none';
      //closing.style.height = '0px';
      closing.style.width = '0px';
      closing.style.color="darkorange";

    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
    //opening.style.height = (ContentHeight - newClosedHeight) + 'px';
    opening.style.width = (ContentHeight - newClosedHeight) + 'px';
  }
  
  if(closing != null)
  {
    closing.style.width= newClosedHeight + 'px';
    //closing.style.height = newClosedHeight + 'px';
    closing.style.color="darkorange";
  }

  setTimeout("animate(" + curTick + "," + timeLeft + ",'" 
      + closingId + "','" + openingId + "')", 33);
      
      
}




/* accordion veritcal */


var ContentHeightV = 330;
//var MaxContentHeightV = 330;
var lastOpenID

var TimeToSlideV = 300;

function runAccordionV(index,thisHeight)
{
  var nID = "Accordion" + index + "Content";
  if(openAccordion == nID)
    nID = '';
    
  setTimeout("animateV(" + new Date().getTime() + "," + TimeToSlideV + ",'" 
      + openAccordion + "','" + nID + "'," + index + ")", 33);
  
  openAccordion = nID;
  
}



function animateV(lastTick, timeLeft, closingId, openingId,index)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var opening = (openingId == '') ? null : document.getElementById(openingId);
  var closing = (closingId == '') ? null : document.getElementById(closingId);
 
  if(timeLeft <= elapsedTicks)
  {
    if(opening != null)
    {
        //ELEMENT FULLY OPEN!
      opening.style.height = ContentHeightV + 'px';
      
      //opening.style.color="white";
      //opening.style.overflow="visible";
      //ContentHeightV = opening.style.height;
      lastOpenID = openingId

      //document.getElementById("accordionTop").focus();

    }
    
    if(closing != null)
    {
        //ELEMENT FULLY CLOSED!
      closing.style.display = 'none';
      closing.style.height = '0px';
      closing.style.overflow="hidden";
      //closing.style.color="darkorange";
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedHeight = Math.round((timeLeft/TimeToSlideV) * ContentHeightV);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
      opening.style.overflow="hidden";
      //opening.style.overflow="visible";
    opening.style.height = (ContentHeightV - newClosedHeight) + 'px';
  }
  
  if(closing != null)
  {
    closing.style.height = newClosedHeight + 'px';
    //closing.style.color="darkorange";
    closing.style.overflow="hidden";
    closing.style.display="";
    //alert("index = " + index);
    //var thisChild = "elements" + index;
    //document.getElementById(thisChild).style.visibility="hidden";
    
  }

  setTimeout("animateV(" + curTick + "," + timeLeft + ",'" 
      + closingId + "','" + openingId + "')", 33);
      
      
}



function showAOnLoad(a, timeBeforeStart)
{
    //alert("showing item on load");
    //setTimeout("runAccordionV(" + a + ")", timeBeforeStart);
    runAccordionV(a);
}
