var timerlen = 5;
var slideAniLen = 1000;

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 disablebuttons = false;

/*
function start() 
{

 
	func2();
	func3();
	func4();
	func5();
	func6();
	func7();
	func8();
	func9();
	func10();
	func11();
	func12();
	func13();	
	func14();
	func15();
	func16();
	func17();
	func18();
	func19();
	func20();
	
  	};


window.onload = start; 

*/		


function myfunc(objname){
if (document.getElementById(objname))
{		

var divh = document.getElementById(objname).offsetHeight; //get the height of the div
 document.getElementById(objname).style.height= divh + 5 + "px"; //set the css for the height of the div
 document.getElementById(objname).style.display= "none"; // change the display style back to none.
}
}


/*

function func1(){
if (document.getElementById('1'))
{		

var divh = document.getElementById('1').offsetHeight; //get the height of the div
 document.getElementById('1').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('1').style.display= "none"; // change the display style back to none.
}
}

function func2(){
if (document.getElementById('2'))
{		

var divh = document.getElementById('2').offsetHeight; //get the height of the div
 document.getElementById('2').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('2').style.display= "none"; // change the display style back to none.
}
}

function func3(){
if (document.getElementById('3'))
{
var divh = document.getElementById('3').offsetHeight; //get the height of the div
  document.getElementById('3').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('3').style.display= "none"; // change the display style back to none.
}
}

function func4(){
if (document.getElementById('4'))
{
var divh = document.getElementById('4').offsetHeight; //get the height of the div
  document.getElementById('4').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('4').style.display= "none"; // change the display style back to none.
}
}


function func5(){
if (document.getElementById('5'))
{
var divh = document.getElementById('5').offsetHeight; //get the height of the div
  document.getElementById('5').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('5').style.display= "none"; // change the display style back to none.
}
}

function func6(){
if (document.getElementById('5'))
{
var divh = document.getElementById('5').offsetHeight; //get the height of the div
  document.getElementById('5').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('5').style.display= "none"; // change the display style back to none.
}
}

function func7(){
if (document.getElementById('6'))
{
var divh = document.getElementById('6').offsetHeight; //get the height of the div
  document.getElementById('6').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('6').style.display= "none"; // change the display style back to none.
}
}

function func8(){
if (document.getElementById('7'))
{
var divh = document.getElementById('7').offsetHeight; //get the height of the div
  document.getElementById('7').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('7').style.display= "none"; // change the display style back to none.
}
}

function func9(){
if (document.getElementById('8'))
{
var divh = document.getElementById('8').offsetHeight; //get the height of the div
  document.getElementById('8').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('8').style.display= "none"; // change the display style back to none.
}
}

function func10(){
if (document.getElementById('9'))
{
var divh = document.getElementById('9').offsetHeight; //get the height of the div
  document.getElementById('9').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('9').style.display= "none"; // change the display style back to none.
}
}

function func11(){
if (document.getElementById('10'))
{
var divh = document.getElementById('10').offsetHeight; //get the height of the div
  document.getElementById('10').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('10').style.display= "none"; // change the display style back to none.
}
}

function func12(){
if (document.getElementById('11'))
{
var divh = document.getElementById('11').offsetHeight; //get the height of the div
  document.getElementById('11').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('11').style.display= "none"; // change the display style back to none.
}
}

function func13(){
if (document.getElementById('12'))
{
var divh = document.getElementById('12').offsetHeight; //get the height of the div
  document.getElementById('12').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('12').style.display= "none"; // change the display style back to none.
}
}

function func14(){
if (document.getElementById('13'))
{
var divh = document.getElementById('13').offsetHeight; //get the height of the div
 document.getElementById('13').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('13').style.display= "none"; // change the display style back to none.
}
}

function func15(){
if (document.getElementById('14'))
{	
var divh = document.getElementById('14').offsetHeight; //get the height of the div
 document.getElementById('14').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('14').style.display= "none"; // change the display style back to none.
}
}

function func16(){
if (document.getElementById('15'))
{
var divh = document.getElementById('15').offsetHeight; //get the height of the div
 document.getElementById('15').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('15').style.display= "none"; // change the display style back to none.
}
}

function func17(){
if (document.getElementById('16'))
{	
var divh = document.getElementById('16').offsetHeight; //get the height of the div
 document.getElementById('16').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('16').style.display= "none"; // change the display style back to none.
}
}

function func18(){
if (document.getElementById('17'))
{	
var divh = document.getElementById('17').offsetHeight; //get the height of the div
 document.getElementById('17').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('17').style.display= "none"; // change the display style back to none.
}
}

function func19(){
if (document.getElementById('18'))
{	
var divh = document.getElementById('18').offsetHeight; //get the height of the div
 document.getElementById('18').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('18').style.display= "none"; // change the display style back to none.
}
}

function func20(){
if (document.getElementById('19'))
{	
var divh = document.getElementById('19').offsetHeight; //get the height of the div
 document.getElementById('19').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('19').style.display= "none"; // change the display style back to none.
}
}

function func21(){
if (document.getElementById('20'))
{	
var divh = document.getElementById('20').offsetHeight; //get the height of the div
 document.getElementById('20').style.height= divh + "px"; //set the css for the height of the div
document.getElementById('20').style.display= "none"; // change the display style back to none.
}
}
*/	


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

        endHeight[objname] = parseInt(obj[objname].style.height);
        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 elapsed = (new Date()).getTime() - startTime[objname];

        if (elapsed > slideAniLen)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
                if(dir[objname] == "up")
                        d = endHeight[objname] - d;

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

        return;
}

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

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

        obj[objname].style.height = endHeight[objname] + "px";
	
	disablebuttons=false;
	
        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}

function toggleSlide(objname){
	
	disablebuttons=true;
	
  if(document.getElementById(objname).style.display == "none"){
    // div is hidden, so let's slide down
    slidedown(objname);
  }else{
    // div is not hidden, so slide up
    slideup(objname);
  }
}

function showObject(objname, id) {

	if (disablebuttons) {
		return;
	}
	document.getElementById(objname).style.display = "block";
}

function hideObject(objname, id) {
	if (disablebuttons) {
		return;
	}
	document.getElementById(objname).style.display = "none";
}