// JavaScript Document
NS4 = (document.layers) ? 1 : 0;

function layer_enter (id) {

	on_layer_id = id;

}

function layer_exit (id){
	on_layer_id = - 1;
	setTimeout ('hide('+ id +')', delay/5);		
}

function showSubmenu (id, men) {
	
	if(buff_id >= 0)
		hide(buff_id);
	
	show(id,window.event.x - window.event.offsetX - 2);
	active_layer_id = id;
	//alert(window.event.x);

}

function hideSubmenu (id){
	setTimeout ('hide('+ id +')', delay);
	buff_id = active_layer_id;
	active_layer_id = -1;
}

function show (id, pos){
	if (!NS4) {
		document.all['Menu' + id].style.visibility = "visible";		
		document.all['Menu' + id].style.position = "absolute";
		document.all['Menu' + id].style.posLeft = pos;
		document.all['Menu' + id].style.posTop = 139;

	} else {
		alert ("show2");
		document.layers[id].visibility = "visible";
		document.layers[id].position = "absolute";
		document.layers[id].posLeft = pos;
	}
}

function hide (id){
	if (active_layer_id != id && on_layer_id != id){
		if (!NS4)
			document.all['Menu'+id].style.visibility = "hidden";
		else
			document.layers[id].visibility = "hide";
	}
}

function generate_layers() {

	for(i = 0; i < menu_content.length; i++) { 

		if(!NS4) {
		
			layer_header = '<div id=Menu' + i + ' onMouseOver="layer_enter(' + i + ');" onMouseOut="layer_exit(' + i + ');" style="visibility: hidden; position: absolute;">'; 
		
		} else {

			layer_header = '<layer align="center" id='+ i +
							   '  onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
							   ' visibility=hide left=' + (left_corner_x + menu_width*i) +
							   ' top = ' + left_corner_y + '>';
						   
		}
		
		layer_header += '<table cellpadding=0 class="tablasubmenu"><tr><td><table cellpadding=0 cellspacing=0 border=0><tr><td align="center" width=' + menu_width + '>';

		elements = menu_content[i].split (/\s*\|\s*/);

		for (j = 0, layer_body = ''; j < elements.length; j++) {
		
			layer_body += elements[j];	
		
			if ((NS4 && j < elements.length - 1) || (!NS4 && j < elements.length - 1))
				layer_body += '';/*'<hr width=' + (menu_width - 8) + ' size=1 color='+ border_color + '>';*/
		
		}
		
		layer_footer = '</td></tr></table></td></tr></table>';

		if (!NS4)
			layer_footer += '</div>';
		else
			layer_footer += '</layer>';

		document.writeln (layer_header + layer_body + layer_footer);
	
	}

}

var left_corner_x   = 0; // x - Posicion vertical del submenu
var left_corner_y   = 0; // y  - Posicion horizontal del menu
var back_color      = '#E6E6E6'; // color de fondo del submenu 
var border_color    = '#E6E6E6'; // color de borde del submenu
var border_size     = '0'; // tamaņo del borde
var menu_width      = '165'; // ancho del submenu
var delay           = 1000; 
var active_layer_id = -1; 
var on_layer_id     = -1;  
var buff_id         = -1;