// Start of Top Movable List Javascript code 
//This section gives total width of the list items
if(document.getElementById("hide")) // Check if hide list is present on the page
{
	document.getElementById("hide").style.display="block";
	var listobject = document.getElementById("hide").getElementsByTagName('li');
		var listwidth = 0;
		for(i=0;i<listobject.length; i++)
			{
				listwidth = listwidth + listobject[i].offsetWidth;		
			}
			listwidth = listwidth +20;	
			
	document.getElementById("hide").style.display="none";
}
function initHorizontalMenus() {
		var animElements = document.getElementById("list").getElementsByTagName("ul")
document.getElementById("imgrightlink").onclick = widthChange;
document.getElementById("imgleftlink").onclick = widthRestore;
document.getElementById("list").style.cursor = 'pointer';
document.getElementById("list").onclick = widthChange;
if(typeof showexpandedlist == 'undefined')
{
//do nothing
}
else if(showexpandedlist=="Y"){
	document.getElementById("hide").style.width= listwidth;
	document.getElementById("hide").style.display="block";
	document.getElementById("other").style.display="none";
	document.getElementById("imgleft").style.display="block";
			document.getElementById("imgleftlink").style.display="block";
			document.getElementById("imgright").style.display="none";
			document.getElementById("imgrightlink").style.display="none";
}

timedList = function()
{
var t=setTimeout("showotherlist()",200);
}
showotherlist = function()
{
			document.getElementById("other").style.display="block";
			document.getElementById("hide").style.display="none";
			
			document.getElementById("imgright").style.display="block";
			document.getElementById("imgrightlink").style.display="block";

			document.getElementById("imgleft").style.display="none";
			document.getElementById("imgleftlink").style.display="none";
			
}
		
		
		
		function widthRestore() {
			doWidthChangeMem(document.getElementById("hide"),0,listwidth,115,10,10,0.5);					
			document.getElementById("imgleft").style.display="none";
			document.getElementById("imgleftlink").style.display="none";
			document.getElementById("imgright").style.display="block";	
			document.getElementById("imgrightlink").style.display="block";	
			timedList();
			}
		
	
			function widthChange() {
			document.getElementById("other").style.display="none";
			document.getElementById("imgleft").style.display="block";
			document.getElementById("imgleftlink").style.display="block";
			document.getElementById("imgright").style.display="none";
			document.getElementById("imgrightlink").style.display="none";
			document.getElementById("hide").style.display="block";
			if (!document.getElementById("hide").currentWidth) document.getElementById("hide").currentWidth = 115; //if no mem is set, set it first;
			doWidthChangeMem(document.getElementById("hide"),0,document.getElementById("hide").currentWidth,listwidth,10,10,0.333);
			}
}

function doWidthChangeMem(elem,dir,startPos,endPos,steps,intervals,powr) {

	if (elem.widthChangeMemInt) window.clearInterval(elem.widthChangeMemInt);
	var actStep = 0;
	elem.widthChangeMemInt = window.setInterval(
		function() {
			elem.currentWidth = easeInOut(startPos,endPos,steps,actStep,powr);
			if(dir) {
			elem.style.height = elem.currentWidth+"px";
			}
			else {
			elem.style.width = elem.currentWidth+"px";
			}
			actStep++;
			if (actStep > steps) window.clearInterval(elem.widthChangeMemInt);
		}
		,intervals)

}

function easeInOut(minValue,maxValue,totalSteps,actualStep,powr) {

	var delta = maxValue - minValue;
	var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta);
	return Math.ceil(stepp)
	
} 

// End of Top Movable List Javascript code