var TimeToSlide =200.0;

var openAccordion = '';
var openPanel = '';
var expand=0;
var myCnt=0;
function tabArea(myTotPanel,defaultHeight)
	{
		//alert("tab area" + defaultHeight)
		state=false;
		var defHeight=defaultHeight-3;
		md(myTotPanel,defHeight);
	}


	
function md(myTotPanel,defaultHeight)
{	
  //alert("2ab area" + defaultHeight)
	//state=false;
	//alert("md"+ myTotPanel)
	if(myTotPanel=='2'){
		document.getElementById("panel1").style.width="457px";
		document.getElementById("panel1").style.height=defaultHeight + "px";
		document.getElementById("tab1").style.width="456px";
		document.getElementById("tab2").style.width="456px";
		document.getElementById("tab1").style.display="block";
		document.getElementById("tab2").style.display="block";
		document.getElementById("panel1Top").style.width="460px";
		document.getElementById("Accordion1Content").style.width = '0px';
		document.getElementById("Accordion1Content").style.display='none';
		document.getElementById("panel1").style.display = 'block';
		document.getElementById("panel2").style.width="457px";
		document.getElementById("panel2").style.height=defaultHeight + "px";
		document.getElementById("panel2Top").style.width="460px";
		document.getElementById("Accordion2Content").style.width = '0px';
		document.getElementById("Accordion2Content").style.display='none';
		document.getElementById("panel2").style.display = 'block';
	}
	
	if(myTotPanel=='3'){
		document.getElementById("panel1").style.width="300px";
		document.getElementById("tab1").style.width="299px";
		document.getElementById("tab2").style.width="299px";
		document.getElementById("tab3").style.width="299px";
		document.getElementById("tab1").style.display="block";
		document.getElementById("tab2").style.display="block";
		document.getElementById("tab3").style.display="block";
		document.getElementById("panel1").style.height=defaultHeight+"px";
		document.getElementById("panel1Top").style.width="303px";
		document.getElementById("Accordion1Content").style.width = '0px';
		document.getElementById("Accordion1Content").style.display='none';
		document.getElementById("panel1").style.display = 'block';
		document.getElementById("panel2").style.width="300px";
		document.getElementById("panel2").style.height=defaultHeight+"px";
		document.getElementById("panel2Top").style.width="303px";
		document.getElementById("Accordion2Content").style.width = '0px';
		document.getElementById("Accordion2Content").style.display='none';
		document.getElementById("panel2").style.display = 'block';
		document.getElementById("panel3").style.width="300px";
		document.getElementById("panel3").style.height=defaultHeight+"px";
		document.getElementById("panel3Top").style.width="303px";
		document.getElementById("Accordion3Content").style.width = '0px';
		document.getElementById("Accordion3Content").style.display='none';
		document.getElementById("panel3").style.display = 'block';
	}
	
	
	if(myTotPanel=='4'){
		document.getElementById("panel1").style.width="222px";
		document.getElementById("tab1").style.width="221px";
		document.getElementById("tab2").style.width="221px";
		document.getElementById("panel1Top").style.width="225px";
		document.getElementById("Accordion1Content").style.width = '0px';
		document.getElementById("Accordion1Content").style.display='none';
		document.getElementById("panel1").style.display = 'block';
		
		document.getElementById("panel2").style.width="222px";
		document.getElementById("panel2").style.height=defaultHeight+"px";
		document.getElementById("panel2Top").style.width="225px";
		document.getElementById("Accordion2Content").style.width = '0px';
		document.getElementById("Accordion2Content").style.display='none';
		document.getElementById("panel2").style.display = 'block';
		
		document.getElementById("tab3").style.width="221px";
		document.getElementById("panel3").style.width="222px";
		document.getElementById("panel3").style.height=defaultHeight+"px";
		document.getElementById("panel3Top").style.width="225px";
		document.getElementById("Accordion3Content").style.width = '0px';
		document.getElementById("Accordion3Content").style.display='none';
		document.getElementById("panel3").style.display = 'block';
		
		document.getElementById("tab4").style.width="221px";
		document.getElementById("panel1").style.height=defaultHeight+"px";
		document.getElementById("panel4").style.width="222px";
		document.getElementById("panel3").style.height=defaultHeight+"px";
		document.getElementById("panel4").style.height=defaultHeight+"px";
		document.getElementById("panel4Top").style.width="225px";
		document.getElementById("Accordion4Content").style.width = '0px';
		document.getElementById("Accordion4Content").style.display='none';
		document.getElementById("panel4").style.display = 'block';
		document.getElementById("tab1").style.display="block";
		document.getElementById("tab2").style.display="block";
		document.getElementById("tab3").style.display="block";
		document.getElementById("tab4").style.display="block";
	}
}	
	
	
	
	
	
	
	
function runAccordion(index,myHt,myCtWdt, myCollWdt, myDefWdt,myTotPanel)
{
	
	if(expand== index)
	{
	return;
	}
	
  var nID =  "Accordion" + index + "Content";
  var cID =  "Accordion" + expand + "Content";
 
  //if(openAccordion == nID)
    //nID = '';
   
//setTimeout("animate(" 
    //+ new Date().getTime() + "," + TimeToSlide + ",'" 
   // + cID + "','" + nID + "','"+ index +"')", 33);
	animate(new Date().getTime(), TimeToSlide, cID, nID, index, myHt,myCtWdt, myCollWdt, myDefWdt,myTotPanel);
  
  openAccordion = nID;
  expand= index;
}
function animate(lastTick, timeLeft, closingId, openingId, ind, myHeight,myContentWdt, myCollapseWdt, myDefaultWdt,myTotalPanel)
{  
	//if(expand!= ind)
	//{
	//return;
	//}
	var ContentWidth = myContentWdt;
	var myId="panel" + ind;
	var myTab="tab" + ind;
	if(myTotalPanel== '4')
	{
	var myNameId1="panel1";
	var myNameId2="panel2";
	var myNameId3="panel3";
	var myNameId4="panel4";
	var myTabId1="tab1";
	var myTabId2="tab2";
	var myTabId3="tab3";
	var myTabId4="tab4";
	var myTopId1="panel1Top";
	/*changed here */
	var myTopId2="panel2Top";
	var myTopId3="panel3Top";
	var myTopId4="panel4Top";
	}
	
	if(myTotalPanel== '3')
	{
	var myNameId1="panel1";
	var myNameId2="panel2";
	var myNameId3="panel3";
	
	var myTabId1="tab1";
	var myTabId2="tab2";
	var myTabId3="tab3";
	
	var myTopId1="panel1Top";	
	var myTopId2="panel2Top";
	var myTopId3="panel3Top";
	
	}
	if(myTotalPanel== '2')
	{
	var myNameId1="panel1";
	var myNameId2="panel2";
	
	
	var myTabId1="tab1";
	var myTabId2="tab2";
	
	
	var myTopId1="panel1Top";	
	var myTopId2="panel2Top";
	
	
	}
	
	var myTop="panel" + ind +"Top";
	
	var myContent= "Accordion" +ind + "Content";
	var myWidth2= myCollapseWdt ;
	var panelWidth= myCollapseWdt-3;
	var tabWidth= myCollapseWdt-4;
	/*var myaId1="a1";
	var myaId2="a2";
	var myaId3="a3";
	var myaId4="a4";
	
	var mybId1="b1";
	var mybId2="b2";
	var mybId3="b3";
	var mybId3="b4";
	
	var mycId1="c1";
	var mycId2="c2";
	var mycId3="c3";
	var mycId4="c3";*/
	
  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.width = ContentWidth + 'px';
    
    if(closing != null)
    {
      closing.style.display = 'none';
      closing.style.width = '0px';
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedWidth = 
      Math.round((timeLeft/TimeToSlide) * ContentWidth);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
	  if(myId != myNameId1)
	  {
	  	document.getElementById(myNameId1).style.width=panelWidth + "px";
		 document.getElementById(myTabId1).style.display="block";
		document.getElementById(myTabId1).style.width=tabWidth + "px";
		document.getElementById(myNameId1).style.height=myHeight + "px";
		document.getElementById(myTopId1).style.width=myWidth2+ "px";	
		document.getElementById(myNameId1).style.display="block";
		 document.getElementById("Accordion1Content").style.display="none";
		 //document.getElementById("Accordion1Content").style.height = "0px";
		//document.getElementById(myaId1).innerHTML=document.getElementById("a2").innerHTML;
		
		//document.getElementById("a3").innerHTML="";
		
		
		}
	 if(myId != myNameId2)
		{
		  document.getElementById(myNameId2).style.width=panelWidth + "px";
		  document.getElementById(myTabId2).style.display="block";
		  document.getElementById(myTabId2).style.width=tabWidth + "px";
		 document.getElementById(myNameId2).style.height=myHeight + "px";
		  document.getElementById(myTopId2).style.width=myWidth2 + "px";
		  document.getElementById(myNameId2).style.display="block";
		  document.getElementById("Accordion2Content").style.display="none";
		 //document.getElementById("Accordion2Content").style.height = "0px";
		 //document.getElementById(mybId1).innerHTML=document.getElementById("b2").innerHTML;
			//document.getElementById("b3").innerHTML="";
		 
		  }
	
		if(myTotalPanel > '2')
		{
		 if(myId != myNameId3)
		  {
		  document.getElementById(myNameId3).style.width=panelWidth + "px";
		  document.getElementById(myTabId3).style.display="block";
		 document.getElementById(myTabId3).style.width=tabWidth + "px";
		 document.getElementById(myNameId3).style.height=myHeight + "px";
		  document.getElementById(myTopId3).style.width=myWidth2 + "px";
		  document.getElementById(myNameId3).style.display="block";
		  document.getElementById("Accordion3Content").style.display="none";
		 //document.getElementById(mycId1).innerHTML=document.getElementById("c2").innerHTML;
			//document.getElementById("c3").innerHTML="";
		  
		  }
		}
		  
	if(myTotalPanel== '4')
	{
	   if(myId != myNameId4)
	  {
	  document.getElementById(myNameId4).style.width=panelWidth + "px";
	  document.getElementById(myTabId4).style.display="block";
	document.getElementById(myTabId4).style.width=tabWidth + "px";
	 document.getElementById(myNameId4).style.height=myHeight + "px";
	  document.getElementById(myTopId4).style.width=myWidth2 + "px";
	  document.getElementById(myNameId4).style.display="block";
	  document.getElementById("Accordion4Content").style.display="none";
	 //document.getElementById(mycId1).innerHTML=document.getElementById("c2").innerHTML;
		//document.getElementById("c3").innerHTML="";
	  
	  }
	}
	
	  document.getElementById(myId).style.width="0px";
	 document.getElementById(myId).style.height="0px";
	  document.getElementById(myTab).style.display="none";
	  document.getElementById(myTop).style.width=myContentWdt + "px";
	  document.getElementById(myContent).style.width = myContentWdt + "px";
	   document.getElementById(myContent).height=myHeight + "px";
	   document.getElementById(myContent).style.visibility="visible";
	   document.getElementById(myContent).style.display="block";
	   document.getElementById(myTop).style.visibility="visible";
	   document.getElementById(myId).style.display="none";
	   
	  
	  
    opening.style.width = 
        (ContentWidth - newClosedWidth) + 'px';
	opening.style.visibility="visible";	
  }
  
  if(closing != null)
    closing.style.width = newClosedWidth + 'px';
	//closing.style.visibility="visible";	
 //setTimeout("animate(" + curTick + "," + timeLeft + ",'" 
   //+ closingId + "','" + openingId + "','"+ ind + "')", 111);
	animate(curTick, timeLeft, closingId, openingId, ind,myHeight,myContentWdt, myCollapseWdt, myDefaultWdt,myTotalPanel);
	  //expand= ind;
}
//runAccordion(1);