var timerlen = 5;
var slideAniLen = 250;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();
var objcom = new Array();
function checkStyleCompatiblity(obj) {
   // this fuction is used to check the browsers whihc is in use to use the codes comptible with it
    if(document.getElementById && document.getElementById(obj)) {
	// if it is W3C DOM we use the code above
	return document.getElementById(obj);
    } else if (document.all && document.all(obj)) {
	// if it is MSIE 4 DOM we use the code line above
	return document.all(obj);
    } else if (document.layers && document.layers[obj]) {
	// if  it is NN 4 DOm we use the code line above
	return document.layers[obj];
    } else {
	return false;
    }
} // after the checking we finally can return the visibilty style of the object



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);
	
	
  }

var endHeightDynamic;

function getDynamicHeight(objname)
{
//if(!endHeightDynamic)
endHeightDynamic = document.getElementById(objname).scrollHeight;

endHeightDynamic = document.getElementById(objname).scrollHeight;

return endHeightDynamic;
}


function startslide(objname){
      
	 obj[objname] = document.getElementById(objname);
      
	   // endHeight[objname] = parseInt(obj[objname].style.height);
        //endHeight[objname] = getDynamicHeight();

        startTime[objname] = (new Date()).getTime();
        endHeight[objname] = parseInt(obj[objname].style.height);
        obj[objname].style.display = "block";
        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }
        
		
        //endHeight[objname] = obj[objname].scrollHeight;
        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

//second StartSlide
/*function startslide(objname){
obj[objname] = document.getElementById(objname);

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

obj[objname].style.display = "block";
startTime[objname] = (new Date()).getTime();
endHeight[objname] = obj[objname].scrollHeight;

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 * endHeight[objname]);
                var f =elapsed / slideAniLen;
				if(dir[objname] == "up")
                        d = endHeight[objname] - d;
						//f = 1 - f;}
						
						obj[objname].style.height = d + "px";
						
						



/*obj[objname].style.opacity = f;
obj[objname].style.filter = 'alpha(opacity='+(f*100)+')';*/
               
        }

        return;
}

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

        if(dir[objname] == "up"){
                obj[objname].style.display = "none";
				/*obj[objname].style.opacity = 0;
obj[objname].style.filter = 'alpha(opacity ='+(0)+')';
}
else{
obj[objname].style.opacity = 1;
obj[objname].style.filter =  'alpha(opacity ='+(100)+')';
8*/}
        obj[objname].style.height = endHeight[objname] + "px";

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

        return;
}
function toggleSlide(objname1,objname2){
	
	if(document.getElementById(objname1).style.display == "none" && document.getElementById(objname2).style.display != "none")
		{
			
		// div is hidden, so let's slide down
		slidedown(objname1);
		slideup(objname2);
		}
	else
		{
		// div is not hidden, so slide up
		slideup(objname1);
		slidedown(objname2);
		}
//endHeight[objname] = getDynamicHeight(objname);
}

/*function slide(objname){
if(moving[objname])
return;
if(document.getElementById(objname).style.display == “none”)
slidedown(objname);
else
slideup(objname);

}*/

/*function startslide(objname){
obj[objname] = document.getElementById(objname);
obj[objname].style.display = “block”;
endHeight[objname] = parseInt(obj[objname].offsetHeight);
obj[objname].style.display = “none”;
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 load(obj){
	document.getElementById(obj).style.display = "block";
	document.getElementById(obj).style.overflow ="hidden";
}