var timerlen = 10;
var slideAniLen = 300;
var clHe=20;
var bigHe=361;
var opn=0;
var flag=0;
var show_tm=5000;
var step=50;

var timerID = new Array();
var startTime = new Array();
var startHe = new Array();
var endHe = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();


function stopAni(){
	if (toanim>0)
	  clearInterval(flag);
}
function startAnimation(){
	if (toanim>0)
	flag=setInterval('doanim();',show_tm);
}

function doanim(){
        if(moving[opn])
                return;
		var toShow	= opn+1

		if (toShow>=toanim)		
			toShow=0

		slidedown(toShow)	
		slideup(opn)
	
}
function slidedown(objname){
        if(moving[opn])
                return;

//        if(document.getElementById("main_"+objname).style.display != "none")
//                return; // cannot slide down something that is already visible
		slideup(opn);
		opn=objname;
        moving[objname] = true;
        dir[objname] = "down";
		document.getElementById("inn_"+ objname).style.display = "none";
		startHe[objname]= clHe
		endHe[objname]= bigHe
startslide(objname);

}

function slideup(objname){

        if(moving[opn])
                return;

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

        moving[objname] = true;
        dir[objname] = "up";
		startHe[objname]= bigHe
		endHe[objname]= clHe
        startslide(objname);
}

function startslide(objname){
        obj[objname] = document.getElementById("main_"+ objname);
	 if(dir[objname] == "up")
	 {
	if (parseInt(obj[objname].style.height)>=0)
        endHeight[objname] = parseInt(obj[objname].style.height);
	else	
		endHeight[objname] = obj[objname].offsetHeight
	 }
	else	
	endHeight[objname] = bigHe
	
        startTime[objname] = (new Date()).getTime();

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

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

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

function slidetick(objname){
	var dooo=0
	
	 if(dir[objname] == "up")
	 {
		startHe[objname]-= step
		if (startHe[objname]>endHe[objname])
			dooo=1
	 }
	 else
	 {
 		startHe[objname]+= step
		if (startHe[objname]<endHe[objname])
			dooo=1
		 }


        if (!dooo)
                endSlide(objname)
        else {

          

                if(dir[objname] == "up")
					{
                        
						if (startHe[objname]<clHe)
						startHe[objname]=clHe;
					}
				else if (startHe[objname]>bigHe)
						startHe[objname]=bigHe;
//					document.getElementById("svalue2").value+= " " + d

                obj[objname].style.height = startHe[objname] + "px";

        }

        return;
}

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

    if(dir[objname] == "up")
	     obj[objname].style.height = clHe + "px";
	else	 
	     obj[objname].style.height = bigHe + "px";

 if(dir[objname] == "up")
 {
        obj[objname].style.height = clHe + "px";
		 document.getElementById("inn_"+ objname).style.display = "block";
}
//						document.getElementById("svalue2").value+= " " + endHeight[objname]
        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}