var timer;
var otimer;
var itemId;
function isContainerActive(c) {
	var containerClass_ = c.className;
	var classParts_ = containerClass_.split("_");
	if (classParts_[1] == "active") {
		return true;
	}
	return false;
}

function expandMenu(itemId){
	otimer = setTimeout("openMenu(itemId)", 255);
}

function openMenu(itemId) {
	var menuObject = document.getElementById(itemId);
	switch(itemId){
		case "d_solutions":
			menu1 = document.getElementById("d_products");
			menu2 = document.getElementById("d_newsevents");
			menu3 = document.getElementById("d_partners");
			menu4 = document.getElementById("d_company");
		break;
		case "d_products":
			menu1 = document.getElementById("d_solutions");
			menu2 = document.getElementById("d_newsevents");
			menu3 = document.getElementById("d_partners");
			menu4 = document.getElementById("d_company");
		break;
		case "d_newsevents":
			menu1 = document.getElementById("d_products");
			menu2 = document.getElementById("d_solutions");
			menu3 = document.getElementById("d_partners");
			menu4 = document.getElementById("d_company");
		break;
		case "d_partners":
			menu1 = document.getElementById("d_products");
			menu2 = document.getElementById("d_newsevents");
			menu3 = document.getElementById("d_solutions");
			menu4 = document.getElementById("d_company");
		break;
		case "d_company":
			menu1 = document.getElementById("d_products");
			menu2 = document.getElementById("d_newsevents");
			menu3 = document.getElementById("d_partners");
			menu4 = document.getElementById("d_solutions");
		break;
	}
	menuObject.style.visibility = "visible";
	menu1.style.visibility = "hidden";
	menu2.style.visibility = "hidden";
	menu3.style.visibility = "hidden";
	menu4.style.visibility = "hidden";
	
}

function swapClassOn(id){
	var menu_Obj = document.getElementById(id);
	var container_Class = menu_Obj.className;
	menu_Obj.isActive = isContainerActive(menu_Obj);
	var class_Parts = container_Class.split("_");
	if (menu_Obj.isActive) {
		menu_Obj.className = class_Parts[0]+"_active";
	} else {
		menu_Obj.className = class_Parts[0]+"_on";
	}

}

function swapClassOff(id){
	var menu_Obj = document.getElementById(id);
	var container_Class = menu_Obj.className;
	menu_Obj.isActive = isContainerActive(menu_Obj);
	var class_Parts = container_Class.split("_");
	if (menu_Obj.isActive) {
		menu_Obj.className = class_Parts[0]+"_active";
	} else {
		menu_Obj.className = class_Parts[0]+"_off";
	}

}

function swapTabHover(id, tabid){
	var menu_Obj = document.getElementById(id);
	var tab_Obj = document.getElementById(tabid);
	var container_Class = menu_Obj.className;
	var tab_container_Class = tab_Obj.className;
	var class_Parts = container_Class.split("_");
	var tab_class_Parts = tab_container_Class.split("_");
	var tab_id_parts = id.split("-");

	var overview_active = document.getElementById("overview_active");
	var overview_off = document.getElementById("overview_off");
	var overview_on = document.getElementById("overview_on");

	var diagram_active = document.getElementById("diagram_active");
	var diagram_off = document.getElementById("diagram_off");
	var diagram_on = document.getElementById("diagram_on");

	var features_active = document.getElementById("features_active");
	var features_off = document.getElementById("features_off");
	var features_on = document.getElementById("features_on");


	menu_Obj.isActive = isContainerActive(menu_Obj);
	if (menu_Obj.isActive) {
		menu_Obj.className = class_Parts[0]+"_active";
		tab_Obj.className = tab_class_Parts[0]+"_active innerlink";
		switch(tab_id_parts[1]){
		case "overview":
			overview_active.style.display = 'block';
			overview_off.style.display = 'none';
			overview_on.style.display = 'none';
		break;
		case "diagram":
			diagram_active.style.display = 'block';
			diagram_off.style.display = 'none';
			diagram_on.style.display = 'none';
		break;
		case "features":
			features_active.style.display = 'block';
			features_off.style.display = 'none';
			features_on.style.display = 'none';
		break;
		}
	} else {
		menu_Obj.className = class_Parts[0]+"_on";
		tab_Obj.className = tab_class_Parts[0]+"_on innerlink";
		switch(tab_id_parts[1]){
		case "overview":
			overview_active.style.display = 'none';
			overview_off.style.display = 'none';
			overview_on.style.display = 'block';
		break;
		case "diagram":
			diagram_active.style.display = 'none';
			diagram_off.style.display = 'none';
			diagram_on.style.display = 'block';
		break;
		case "features":
			features_active.style.display = 'none';
			features_off.style.display = 'none';
			features_on.style.display = 'block';
		break;
		}
	}
}

function swapTabOff(id, tabid){
	var menu_Obj = document.getElementById(id);
	var tab_Obj = document.getElementById(tabid);
	var container_Class = menu_Obj.className;
	var tab_container_Class = tab_Obj.className;
	var class_Parts = container_Class.split("_");
	var tab_class_Parts = tab_container_Class.split("_");
	var tab_id_parts = id.split("-");

	var overview_active = document.getElementById("overview_active");
	var overview_off = document.getElementById("overview_off");
	var overview_on = document.getElementById("overview_on");

	var diagram_active = document.getElementById("diagram_active");
	var diagram_off = document.getElementById("diagram_off");
	var diagram_on = document.getElementById("diagram_on");

	var features_active = document.getElementById("features_active");
	var features_off = document.getElementById("features_off");
	var features_on = document.getElementById("features_on");

	menu_Obj.isActive = isContainerActive(menu_Obj);
	if (menu_Obj.isActive) {
		menu_Obj.className = class_Parts[0]+"_active";
		tab_Obj.className = tab_class_Parts[0]+"_active innerlink";
		switch(tab_id_parts[1]){
		case "overview":
			overview_active.style.display = 'block';
			overview_off.style.display = 'none';
			overview_on.style.display = 'none';
		break;
		case "diagram":
			diagram_active.style.display = 'block';
			diagram_off.style.display = 'none';
			diagram_on.style.display = 'none';
		break;
		case "features":
			features_active.style.display = 'block';
			features_off.style.display = 'none';
			features_on.style.display = 'none';
		break;
		}
	} else {
		menu_Obj.className = class_Parts[0]+"_off";
		tab_Obj.className = tab_class_Parts[0]+"_off innerlink";
		switch(tab_id_parts[1]){
		case "overview":
			overview_active.style.display = 'none';
			overview_off.style.display = 'block';
			overview_on.style.display = 'none';
		break;
		case "diagram":
			diagram_active.style.display = 'none';
			diagram_off.style.display = 'block';
			diagram_on.style.display = 'none';
		break;
		case "features":
			features_active.style.display = 'none';
			features_off.style.display = 'block';
			features_on.style.display = 'none';
		break;
		}
	}

}

function hideMenu(itemId) {
	var menuObj = document.getElementById(itemId);
	menuObj.style.visibility = "hidden";
}

function closeMenu(itemId) {
	timer = setTimeout("hideMenu(itemId)", 250);
}

function cancelHide() {
	clearTimeout(timer);
}

function highlight(itemObj) {
	itemObj.className = "over";
}

function unhighlight(itemObj) {
	itemObj.className = "";
}