// JavaScript Document
var elementos=document.getElementsByTagName("div");
var menu=new Array();


function cargarMenu(){

	var j=0;

	for (var i = 0; i < elementos.length; i ++){
		if(elementos[i].className == "opmenu"){
			menu[j]=elementos[i];
			menu[j].style.color="#CCC";			
			j++;
		}
	}	
	
	//asignacion directa de eventos	 y propiedades
	for(var i=0; i<menu.length;i++){
			menu[i].style.width="150px";
			menu[i].style.left=75*j + "px";
			menu[i].style.zIndex=menu.length-i;
			menu[i].onmousemove=desplegar;
			if(i==0){
			menu[i].style.left="600px";}
			else{
			menu[i].style.left=(parseInt(menu[i-1].style.left) + parseInt(menu[i-1].style.width) -225) + "px";}
		}
	//primer elemento a escena
	menu[0].style.zIndex=menu.length;
	menu[0].style.color="#000";
}


function desplegar(evento){

	ns = (document.layers)? true:false; 	//base netscape
	ie = (document.all)? true:false;			//base explorer
	

	if(ie)
		var objeto=event.srcElement;
	else
		var objeto=evento.target;



	//recorro todos los elementos al mismo nivel y les pongo un zIndex correlativo
	for (var i = 0; i < menu.length; i ++){
			if(menu[i]==objeto){		
				var pos=i+1;
			}
	}
	for(var i=0;i<pos;i++){
		menu[i].style.zIndex=i;
		menu[i].style.color="#CCC";
		//alert(menu[i].id + " :: " + menu[i].style.zIndex);
		}
	for (var i=pos;i<menu.length;i++){
			menu[i].style.zIndex=menu.length-i;	
			menu[i].style.color="#CCC";
		}

 	objeto.style.zIndex=menu.length;
	objeto.style.color="#000";	
	


//	refrescarMenu();

}





function fijar(objeto){

	//recorro todos los elementos al mismo nivel y les pongo un zIndex correlativo
	for (var i = 0; i < menu.length; i ++){
			if(menu[i]==objeto){		
				var pos=i+1;
			}
	}
	for(var i=0;i<pos;i++){
		menu[i].style.zIndex=i;
		menu[i].style.color="#CCC";
		//alert(menu[i].id + " :: " + menu[i].style.zIndex);
		}
	for (var i=pos;i<menu.length;i++){
			menu[i].style.zIndex=menu.length-i;	
			menu[i].style.color="#CCC";
		}

 	objeto.style.zIndex=menu.length;
	objeto.style.color="#000";	
	

}