var timerlen = 5;
var slideAniLen = 500;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endWidth = new Array();
var moving = new Array();
var dir = new Array();

function slidedown(objname)
{
        if(moving[objname]) return;

        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible

        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname);
}

function slideup(objname)
{
        if(moving[objname]) return;

        if(document.getElementById(objname).style.display == "none")
                return; // cannot slide up something that is already hidden

        moving[objname] = true;
        dir[objname] = "up";
        startslide(objname);
}

function startslide(objname)
{
        obj[objname] = document.getElementById(objname);

        endWidth[objname] = parseInt(obj[objname].style.width);
        startTime[objname] = (new Date()).getTime();

        if(dir[objname] == "down")
		{
                obj[objname].style.width = "1px";
        }

        obj[objname].style.display = "block";

        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

function slidetick(objname)
{
        var elapsed = (new Date()).getTime() - startTime[objname];

        if (elapsed > slideAniLen) endSlide(objname)
        else 
		{
                var d =Math.round(elapsed / slideAniLen * endWidth[objname]);
                if(dir[objname] == "up") d = endWidth[objname] - d;
                obj[objname].style.width = d + "px";
        }

        return;
}

function endSlide(objname)
{
        clearInterval(timerID[objname]);

        if(dir[objname] == "up") obj[objname].style.display = "none";

        obj[objname].style.width = endWidth[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endWidth[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}

function MakeSureIsClosed( objName )
{
	var obj =document.getElementById(objName);
	if( (obj != null )	&& (obj.style.display != "none") )
	{
		//slideup(objName);
		obj.style.display = "none";
	}
}

var openedList = new Array();

function toggleSlide(objname,close1objname,close2objname,alwayClosed)
{
  MakeSureIsClosed(close1objname+'1');
  MakeSureIsClosed(close1objname);
  MakeSureIsClosed(close2objname+'1');
  MakeSureIsClosed(close2objname);	

  for(i=0;i<openedList.length;i++)
  {
	 MakeSureIsClosed(openedList[i]); 
  }
  openedList = new Array();
	
  if(document.getElementById(objname).style.display == "none")
  {
	if( alwayClosed )  openedList.push(objname);
    // div is hidden, so let's slide down
    slidedown(objname);
  }
  else
  {
    // div is not hidden, so slide up
    slideup(objname);
  }
  

}