// Global Vars -----------------------------/
//speed for each frame 
var speed = Math.round(500 / 100); 
var timer = 0;
var timer2 = 0;
var opened = "";
var openedObject = "";
//var str_new_height = "";
var str_old_height = "";




function Navigation(selected_id,linkItem) 
{	str_nav_item = "t4l-sub-"+selected_id;
	if (opened != selected_id) {
		//NavigationCloseAll();
		
		document.getElementById(str_nav_item).style.display = "block";
		linkItem.className = "stat";
		str_old_height = document.getElementById(str_nav_item).offsetHeight;
		document.getElementById(str_nav_item).style.height = "0px"; 
		
		openedObject = linkItem
		NavigationOpen_Cause(selected_id);
	}
	else
	{	//alert(selected_id)
		NavigationSlide("t4l-sub-"+selected_id);
		if (openedObject != "")
		{	openedObject.className = "blank";	
			openedObject ="";
			opened = "";	
		}
		
	}
	
}

function NavigationCloseAll() 
{
	arr_nodes = document.getElementsByTagName('ol');
	for (i = 1; i <= arr_nodes.length; i++) 
	{ 	
		str_nav_show_item = "t4l-sub-"+i;		
		
		if((i != 1) && (i != 2) && (i != 3) && (i != 5)){			
		//alert("1: "+str_nav_show_item)
		NavigationSlide(str_nav_show_item);
		}
		
		if (openedObject != "")
		{	openedObject.className = "blank";	
			openedObject ="";	
		}
	}
}


function NavigationSlide (id) {
		var h = document.getElementById(id).style.height.replace ("px", "")
		if (h > 0) {
			h -= 4
			if (h < 0) {
				h = 0
			}
			document.getElementById(id).style.height = h+"px"
			setTimeout ("NavigationSlide('"+id+"')", 10);
		}
		else {
			document.getElementById(id).style.display = "none";
		}
}






//---------------------------------------------------------------------

function NavigationOpen_Cause(selected_id) 
{ //determine the direction for the blending, if start and end are the same nothing happens 
   NavigationClearInterval();
   str_nav_item = "t4l-sub-"+selected_id;
   if(document.getElementById(str_nav_item).offsetHeight < document.getElementById("ol-sub-"+selected_id).offsetHeight) { 
			for(i = 0;i <= document.getElementById("ol-sub-"+selected_id).offsetHeight; i++) { 
				interval = setTimeout("NavigationOpen_Action(" + i + ",'" + selected_id + "')",(timer * speed));
				timer++; 
				if(i == str_old_height)
				{opened = selected_id;
				}
			}
			//alert("step")
	}
} 
function NavigationOpen_Action(height,selected_id) 
{ 	str_nav_item = "t4l-sub-"+selected_id;
	document.getElementById(str_nav_item).style.height = height+"px";
}








//----------------------------------------------------------------------
function NavigationClearInterval()
{	clearInterval('interval');
	timer = 0;
}