/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/

	function listAlternative(nameAlternative){
		var myDiv;
		var myTempo
		var myList
		
		this["myDiv" + nameAlternative] = document.getElementById("div" + nameAlternative)
		this["myTempo" + nameAlternative] = null
		this["myList" + nameAlternative] = document.getElementById("Lst" + nameAlternative)
		
		myDiv = this["myDiv" + nameAlternative]
		myTempo = this["myTempo" + nameAlternative]
		myList = this["myList" + nameAlternative]

		if(myDiv!=null){
			myDiv.style.display="none"
			myDiv.style.position="absolute"
			myDiv.style.border="1px solid #DADADA"
			myDiv.style.backgroundColor="#FFFFFF"
			myDiv.NameAlt = nameAlternative
			myDiv.onmouseout = function(){
				myTempo = setTimeout(function(obj){
					myLst = document.getElementById("Lst" + obj.NameAlt);
					myLst.style.border="0px";
					
					obj.style.display="none";
				}, 200, myDiv);
			}

			myDiv.onmouseover = function(){
				clearTimeout(myTempo)
			}
		
			myList = document.getElementById("Lst" + nameAlternative)
			if(myList!=null){
				myList.NameAlt = nameAlternative
				myList.style.zIndex=0
				
				myList.onmouseover=function(){
					//this.attributes.Prov.value
					this.style.border="1px inset #8398d3"
					
					divCustom =  document.getElementById("div" + this.NameAlt);
					divCustom.style.left = this.offsetLeft + "px"
					divCustom.style.top = (this.offsetTop + 30) + "px"
					divCustom.style.display=""
					
				}
	
				myList.onmouseout=function(){
					myDivTmp = document.getElementById("div" + this.NameAlt);
					
					myTempo = setTimeout(function(obj){
						myLst = document.getElementById("Lst" + obj.NameAlt);
						myLst.style.border="0px";
						obj.style.display="none"
					}, 200, myDivTmp);
				}
			}
		}
	}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
	
	function startLightBox(){
		myLightBox = document.getElementById("div_LightBox")
		
		if(myLightBox==null){
			myLightBox = document.createElement("div")
				myLightBox.id = "div_LightBox"
				myLightBox.style.position="absolute"
				myLightBox.style.left="0px"
				myLightBox.style.top="0px"
				myLightBox.style.backgroundColor="#FFFFFF"
				myLightBox.style.zIndex=1500
				myLightBox.style.opacity=0
				myLightBox.style.filter = "alpha(opacity=0)";  

				myTempoLB = setInterval(function(){ 
					if(myLightBox.style.opacity<0.80){
						myLightBox.style.opacity = (parseFloat(myLightBox.style.opacity)+0.02); 
						myLightBox.style.filter = "alpha(opacity=" + (myLightBox.style.opacity*100) + ")"
					}else{
						clearInterval(myTempoLB)
					}
				}, 15)
				
				myLightBox.style.width = document.body.offsetWidth + "px";
				myLightBox.style.height = document.body.offsetHeight + "px";
			document.body.appendChild(myLightBox)
		}
	}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
	
	function endLightBox(){
		myLightBox = document.getElementById("div_LightBox")
		
		if(myLightBox!=null){
			myTempoLB = setInterval(function(){ 
				if(parseFloat(myLightBox.style.opacity)>0){
					myLightBox.style.opacity = (parseFloat(myLightBox.style.opacity)-0.02); 
				}else{
					myLightBox.parentNode.removeChild(myLightBox);
					clearInterval(myTempoLB)}
				}, 15)
		}
	}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
	
	function NuevoAjax(){
		var xmlhttp=false;
		try{
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		}catch(e){
			try{
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}catch(E){
				xmlhttp = false;
			}
		}
	
		if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
			xmlhttp = new XMLHttpRequest();
		}
		return xmlhttp;
	}
			
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/

	function cargar_pagina (url, contenedor){
		ajax=NuevoAjax(); 
		ajax.open("GET", url,true); 
		ajax.onreadystatechange=function(){
			if(ajax.readyState==1){
				//Sucede cuando se esta cargando la pagina
				contenedor.innerHTML = "<img src='/images/loading.gif'>";//<-- Aca puede ir una precarga
			}else if(ajax.readyState==4){
				//Sucede cuando la pagina se cargó
				if(ajax.status==200){
					//Todo OK
					contenedor.innerHTML = ajax.responseText;
				}else if(ajax.status==404){
					//La pagina no existe
					contenedor.innerHTML = "La página no existe";
				}else{
					//Mostramos el posible error
					contenedor.innerHTML = "Error:" + ajax.status; 
				}
			}
		}
		ajax.send(null);
	}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
	
	function createHTMLBox(nameBox){

		myBoxHTML = document.createElement("div")
			myBoxHTML.id = "div_BoxHTML_" + nameBox
			myBoxHTML.className = "HTMLBox"
	
			myBoxHTML_Close = document.createElement("img")
				myBoxHTML_Close.src="/images/login_Close_Out.png"
				myBoxHTML_Close.style.marginLeft="430px"
				myBoxHTML_Close.style.marginTop="10px"
				myBoxHTML_Close.style.cursor="pointer"
				myBoxHTML_Close.onmouseover=function(){ this.src = "/images/login_Close_Over.png" }
				myBoxHTML_Close.onmouseout=function(){ this.src = "/images/login_Close_Out.png" }
				myBoxHTML_Close.onclick=function(){
					closeHTMLBox(document.getElementById("div_BoxHTML_" + nameBox))
				}
			myBoxHTML.appendChild(myBoxHTML_Close)
			
			myBoxHTML_HTML = document.createElement("div")
				myBoxHTML_HTML.id = "div_boxHTML_HTML_" + nameBox
				myBoxHTML_HTML.className = "HTMLBox_HTML"
			myBoxHTML.appendChild(myBoxHTML_HTML)
		document.body.appendChild(myBoxHTML)
		
		startLightBox()
		return myBoxHTML_HTML.id
	}

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
	
	function closeHTMLBox(nameBox){
		endLightBox()
		nameBox.parentNode.removeChild(nameBox)
	}