// JavaScript Document
var timerlen = 5;
var slideAniLen = 300;

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 startW = new Array();
var totalD = new Array();
var closeWidth = 300;

function closePad2(objname){
		     
	if(closeWidth >= 100) {
		
		closeWidth = closeWidth - 10;
		
		document.getElementById("contentpad2").style.visibility = 'hidden';
		document.getElementById("pad2").style.width = closeWidth + 'px';
		
		
		window.setTimeout('closePad2()', 1);
	}else {
	
	  document.getElementById('pad2').style.width = "100px";
	  closeWidth = 300;

	
	}
          

  } 
function closePad3(objname){
		  
	if(closeWidth > 100) {
		
		closeWidth = closeWidth - 10;

        document.getElementById("pad3").style.width = closeWidth + 'px';
		document.getElementById("contentpad3").style.visibility = 'hidden';
		
		window.setTimeout('closePad3()', 1);
	}else {
		
	  document.getElementById('pad3').style.width = "100px";
	  closeWidth = 300;
	
	}
         

  } 
  function closePad4(objname){
		
	if(closeWidth > 100) {
		
		closeWidth = closeWidth - 10;

        document.getElementById("pad4").style.width = closeWidth + 'px';
		document.getElementById("contentpad4").style.visibility = 'hidden';
		window.setTimeout('closePad4()', 1);
	}else {
		
	  document.getElementById('pad4').style.width = "100px";
	   closeWidth = 300;
	
	}
               

  } 
    function closePad5(objname){
		
	if(closeWidth > 100) {
		
		closeWidth = closeWidth - 10;

        document.getElementById("pad5").style.width = closeWidth + 'px';
		document.getElementById("contentpad5").style.visibility = 'hidden';
		window.setTimeout('closePad5()', 1);
	}else {
		
	  document.getElementById('pad5').style.width = "100px";
	   closeWidth = 300;
	
	}
               

  } 
      function closePad6(objname){
		
	if(closeWidth > 100) {
		
		closeWidth = closeWidth - 10;

        document.getElementById("pad6").style.width = closeWidth + 'px';
		document.getElementById("contentpad6").style.visibility = 'hidden';
		window.setTimeout('closePad6()', 1);
	}else {
		
	  document.getElementById('pad6').style.width = "100px";
	  	 closeWidth = 300;
	
	}
               

  } 

function Startpad2(objname){
	
	if (document.getElementById("pad3").style.width != "100px") 
	
			closePad3(objname);
			
	if (document.getElementById("pad4").style.width != "100px") 
	
		closePad4(objname);
		
		
	if (document.getElementById("pad5").style.width != "100px") 
	
		closePad5(objname);
	
		
	if (document.getElementById("pad6").style.width != "100px") 
	
		closePad6(objname);
		
slide(objname);		
}
	
function Startpad3(objname){
	slide(objname);
	if (document.getElementById("pad2").style.width != "100px") 

			closePad2(objname);
			
	if (document.getElementById("pad4").style.width != "100px") 

		closePad4(objname);
		
		
	if (document.getElementById("pad5").style.width != "100px") 
		closePad5(objname);
	
		
	if (document.getElementById("pad6").style.width != "100px") 
		closePad6(objname);
		
		
}
	
function Startpad4(objname){
	slide(objname);
	if (document.getElementById("pad2").style.width != "100px") 
			closePad2(objname);
			
	if (document.getElementById("pad3").style.width != "100px") 
		closePad3(objname);
		
		
	if (document.getElementById("pad5").style.width != "100px") 
		closePad5(objname);
	
		
	if (document.getElementById("pad6").style.width != "100px") 
		closePad6(objname);
		
		
}
function Startpad5(objname){
	slide(objname);
	if (document.getElementById("pad2").style.width != "100px") 
			closePad2(objname);
			
	if (document.getElementById("pad3").style.width != "100px") 
		closePad3(objname);
		
		
	if (document.getElementById("pad4").style.width != "100px") 
		closePad4(objname);
	
		
	if (document.getElementById("pad6").style.width != "100px") 
		closePad6(objname);
		
		
}
function Startpad6(objname){
	slide(objname);
	if (document.getElementById("pad2").style.width != "100px") 
			closePad2(objname);
			
	if (document.getElementById("pad3").style.width != "100px") 
		closePad3(objname);
		
		
	if (document.getElementById("pad4").style.width != "100px") 
		closePad4(objname);
	
		
	if (document.getElementById("pad5").style.width != "100px") 
		closePad5(objname);
		
		
}



function slide(objname){
	
if(moving[objname])
return;
if(document.getElementById(objname).style.width == "100px")
slidedown(objname);
else
slideup(objname);

}

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

        if(document.getElementById(objname).style.width != "100px")
                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.width != "300px")
                return; // cannot slide up something that is already hidden

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

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

        endHeight[objname] = parseInt(300);
        startTime[objname] = (new Date()).getTime();

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

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

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

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

        if (elapsed > slideAniLen){
		
                endSlide(objname)
				}
				

				
		if (dir[objname] == "up"){
			var d = Math.round(elapsed / slideAniLen * totalD);
                if(dir[objname] == "up")
                        d = totalD - d;
				if(d <= 100)
				{
				 endSlide(objname)
				}

                obj[objname].style.width =  d + "px";
		}
		
        else {
				
                var d = Math.round(elapsed / slideAniLen * totalD);
                if(dir[objname] == "down")
                        d = startW + d;

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



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

        if(dir[objname] == "up"){
                obj[objname].style.width = 100 +"px";
				
				
		
		}
				
		else {
		if(dir[objname] == "down"){
        		obj[objname].style.width = endHeight[objname] + "px";
		
        
		showDiv(objname)
			}
		}

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

        
}

function showDiv(objname) {

if (document.getElementById) {
document.getElementById("content" + objname).style.visibility = 'visible';
} 
else {
if (document.layers) { // Netscape 4
document.content.visibility = 'visible';
}
else { // IE 4
document.all.content.style.visibility = 'visible';
}
}
} 




function hideDiv(objname) {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById("content" + objname).style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.content.visibility = 'hidden';
}
else { // IE 4
document.all.content.style.visibility = 'hidden';
}
}
}