// JavaScript Document
if (document.getElementById && document.getElementsByTagName && document.createElement) {
	//document.write('<link rel="stylesheet" type="text/css" href="js_hide.css" />');
	window.onload = initShowHide;
}

var t;

function initShowHide() {
	// Hide the container with all toggleable elements 
	//document.getElementById('toggleable').style.display = 'none';
	var as = document.getElementById('topmenu2').getElementsByTagName('li');
	
	for (var i = 0; i < as.length; i++) {
	
		as[i].onmouseover = function() {
			window.clearTimeout(t);
			toggle(this,'show','li');
			return false;
		}
		as[i].onmouseout = function() {
			t = setTimeout ("toggle_out()", 1500);
			return false;
		}
		
	}
	var as2 = document.getElementById('toggleable').getElementsByTagName('div');
	for (var i = 0; i < as2.length; i++) {
		
		as2[i].onmouseover = function() {
			window.clearTimeout(t);
			toggle(this,'show','div');
			return false;
		}
		as2[i].onmouseout = function() {
			//toggle(this,'hide','div');
			t = setTimeout ("toggle_out()", 1500);
			return false;
		}
		
	}

}

function stop_out(){
	window.clearTimeout(t);
}

function toggle_out(){
	
	var divs = document.getElementById('toggleable').getElementsByTagName('div');
	var lis = document.getElementById('topmenu2').getElementsByTagName('li');
	for (i = 0; i < divs.length; i++) {
		if(divs[i].className != 'SelectedTab'){
		divs[i].className = 'InActiveTab';}
		divs[i].style.display = 'none';
	}
	for (i = 0; i < lis.length; i++) {
		if(lis[i].className != 'SelectedTab'){
		lis[i].className = 'InActiveTab';}				
	}
	DivActiveTab = getElementsByClassName(document, "div", "SelectedTab");
	if(DivActiveTab[0]!=undefined){
	DivActiveTab[0].style.display = "block";}

}

function toggle(l, action, target) {	
	
	var targetid = l.getAttribute('id');
	
	if(target=='li'){
	
		var divs = document.getElementById('toggleable').getElementsByTagName('div');
		var lis = document.getElementById('topmenu2').getElementsByTagName('li');
		
		if(action=='hide'){
			
			for (i = 0; i < divs.length; i++) {
				if(divs[i].className != 'SelectedTab'){
				divs[i].className = 'InActiveTab';}
				divs[i].style.display = 'none';
			}
			for (i = 0; i < lis.length; i++) {
				if(lis[i].className != 'SelectedTab'){
				lis[i].className = 'InActiveTab';}
			}
		}else{
			for (i = 0; i < divs.length; i++) {
				if(divs[i].className != 'SelectedTab'){
				divs[i].className = 'InActiveTab';}
				divs[i].style.display = 'none';
			}
			for (i = 0; i < lis.length; i++) {
				if(lis[i].className != 'SelectedTab'){
				lis[i].className = 'InActiveTab';}				
			}
			if(document.getElementById('div'+targetid)!=undefined){ 
			document.getElementById('div'+targetid).style.display = "block";
			}
		}
	
	}else{
		
		lid = targetid.replace('div','');

		if(action=='hide'){
		}else{
			if(document.getElementById(lid).className != 'SelectedTab') document.getElementById(lid).className = 'ActiveTab';
		}
		
	}
	
}