document.twin;

var time_out = 400;
var img_on_array;
var img_off_array;
var ifr_array;
var current_page_element;

function setImgOnArray(ar) {
	img_on_array = ar;
} 
function setImgOffArray(ar) {
	img_off_array = ar;
}
function setIframeArray(ar) {
	ifr_array = ar;
}
function setCurrentPageElement(element) {
	current_page_element = element;
} 

function preloadImages() {
	document.write("<div style='display:none'>");
	for(var pr_c = 0;pr_c < img_off_array.length; pr_c++) {
		document.write("<img src='"+img_off_array[pr_c]+"'>");
	}
	for(var pr_c = 0;pr_c < img_on_array.length; pr_c++) {
		document.write("<img src='"+img_on_array[pr_c]+"'>");
	}
	document.write("<img src='/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_left.gif'>");
	document.write("<img src='/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_right.gif'>");
	document.write("<img src='/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep.gif'>");
	document.write("<img src='/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_all.gif'>");
	document.write("</div>");
}
function activateCurrentPage(element) {
	var top_menu_cell =document.getElementById("top_menu_cell" + element);
<!--	top_menu_cell.style.backgroundColor="#F37021"; -->
<!--	top_menu_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_left.gif')"; -->
	if (element > 1) {
		var left_id = element - 1;
		
		var left_cell = document.getElementById("top_menu_cell"+left_id);
<!--		left_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_right.gif')"; -->
	}
}
function activateSubMenu(element) {
	if(!FLAG_TO_OPEN_MENU) {
		return;
	} else if(FLAG_TO_OPEN_MENU == 1) {
			window.clearTimeout(document.twin);
				var c;
				for(c = 1; c <= img_off_array.length; c++) {
					if(c != element) 
						doDeactivate(c, 1);
				}
				var top_menu_img =document.getElementById("top_menu_img" + element);
				top_menu_img.src = img_on_array[element - 1];
				var top_menu_cell =document.getElementById("top_menu_cell" + element);
<!--				top_menu_cell.style.backgroundColor="#F37021"; -->
				if(element == (current_page_element - 1)) {
<!--					top_menu_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_all.gif')"; -->
				} else {
<!--					top_menu_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_left.gif')"; -->
				}				
				if (element > 1) {
					var left_id = element - 1;
					var left_cell = document.getElementById("top_menu_cell"+left_id);
					
					if(left_id == current_page_element) {
<!--						left_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_all.gif')"; -->
					} else {
<!--						left_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_right.gif')"; -->
					}
				}
			
				var first_cell = document.getElementById("top_menu_img1");
				var first_x = getOffset(first_cell,"offsetLeft");
				
				var x = getOffset(top_menu_cell,"offsetLeft");
				var y = getOffset(top_menu_cell,"offsetTop") + 20;
				if(element != 1) {
<!--					x-=15; -->
				}
				var right_overflow = x - first_x - 790;
				if(navigator.appName != "Microsoft Internet Explorer") {
					right_overflow += 2;
				}
				if(right_overflow > 0){
					x -= right_overflow;
				}
			openSubMenu(element,x,y);
	}
}

function deactivateSubMenu(element) {
	if(!FLAG_TO_OPEN_MENU) {
		return;
	} else if(FLAG_TO_OPEN_MENU == 1) {
		document.twin = window.setTimeout("doDeactivate(" + element + ")", time_out);
	}
}


function doDeactivate(element) {
	if(element != current_page_element) {
		var top_menu_img =document.getElementById("top_menu_img"+element);
		top_menu_img.src = img_off_array[element-1];
		
		var top_menu_cell =document.getElementById("top_menu_cell"+element);
		top_menu_cell.style.backgroundColor="transparent";
		if(element == (current_page_element - 1)) {
<!--			top_menu_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_right.gif')"; -->
		} else {
<!--			top_menu_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep.gif')"; -->
		}
		if(element>1) {
			var left_id = element - 1;
			
			var left_cell = document.getElementById("top_menu_cell"+left_id);
			
			if(left_id == current_page_element) {
<!--				left_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep_left.gif')"; -->
			} else {
<!--				left_cell.style.backgroundImage="url('/dn/export/system/modules/com.gridnine.opencms.modules.desten/resources/pics/menuimg/menu_sep.gif')";	-->
			}
		}
		
	}
	closeSubMenu(element);
}
function openSubMenu(element,x,y) {
	var submenu_container = document.getElementById("submenu"+element);
	if(submenu_container != null) {
		submenu_container.style.left = x;
		submenu_container.style.top = y;
		submenu_container.style.display = "block";

		window.frames['submenu'+element].document.open();
		window.frames['submenu'+element].document.write(ifr_array[element-1]);
		window.frames['submenu'+element].document.close();
	}	
}
function closeSubMenu(element) {
	var submenu_container = document.getElementById("submenu"+element);
	if(submenu_container != null) {
		submenu_container.style.display = "none";
	}
}
function activateSubmenuElement(element) {
	var submenu_image_container = document.getElementById("submenu_image_container");
	submenu_image_container.style.left = getOffset(element,"offsetLeft") - 20; 
	submenu_image_container.style.top = getOffset(element,"offsetTop") + 2;
	submenu_image_container.style.display = "block";
}
function deActivateSubmenuElement() {
	var submenu_image_container = document.getElementById("submenu_image_container");	
	submenu_image_container.style.display = "none";
}

function getOffset(element, offsetName) {
	var result = 0;
	while (element != null) {
		result += eval("element." + offsetName);
		element = element.offsetParent;
	}
	return result;
}