/**********************************************************************************
#							Programmer : Armando Herrera D.
#					 			Powered By SMMM S.A	2008
#							  Web Site www.xploreasy.com
#
#**********************************************************************************/
	var divContainer;
	var divTitle;
	var divContent;
	var  MiX;
	
	//Identifico el nav, para asignar valores
	navigator.userAgent.indexOf("MSIE")>=0 ? nav=0:nav=1;

	/**
	* Muestro el contenido de la capa.
	* Obtengo las coordenadas .
	* @access Private
	**/
	function showText(event,Y){
		
		if(nav==0){
			var corX=window.event.clientX+document.documentElement.scrollLeft;
			var corY=Y;
		}else{
			var corX=event.clientX+window.scrollX;
			var corY=Y;
		}
		divContainer.style.top=corY+20+"px";
		divContainer.style.left=corX+"px";
		//alert(document.getElementById("layerSearch").innerHTML);
	}
	
	function llenar(){
		
		divContainer =document.getElementById("layerContentSearch");
		divTitle	 =document.getElementById("layerSearchTitle");
		divContent	 =document.getElementById("layerSearch");
		divContent.innerHTML= 
		'<table width="350" border="0" cellpadding="0" cellspacing="0">'+
		  '<tr>'+
			'<td width="7" height="7"></td>'+
			'<td width="262"></td>'+
			'<td width="8"></td>'+
		  '</tr>'+
		  '<tr>'+
			'<td height="1"></td>'+
			'<td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">'+
			  '<tr>'+
				'<td width="262" height="5" valign="top">'+

					 '<tr>'+
					 '<td height="1" colspan="6" valign="top">'+
					 '<div id="roomsLayer"></div>'+
					 '<div id="kidsMsjLayer" style="visibility:hidden">'+
					 '<br>Specify ages of children at time of travel: Discounts may be offered to children of certain ages. '+
					 '</div>'+
					 '<span id="kidsLayer">'+
					 '</td>'+
					 '</tr>'+
					 '</span>'+
				'</td>'+
				' </tr>'+
			'</table></td>'+
			'<td></td>'+
		  '</tr>'+
		'</table>';
		// mostrarHabitaciones(document.SearchData.cbxRooms.value);
			
	}

	/**
	* Oculto el contenido de la capa.
	* @access Private
	**/
	function hideText(optActive){
		//alert(divContent.innerHTML);
		if(optActive == '1'){
			divContainer = document.getElementById("layerContentSearch"); 
			document.getElementById("cbxOptions").style.visibility="visible";
			
		}else{
		 divContainer=divContainer;
		}
		divContainer.style.display="none";
		
		if(nav==0) {
			document.detachEvent("onmousemove", showText);
			document.detachEvent("onmouseout", hideText);
		}else{
			document.removeEventListener("mousemove", showText, true);
			document.removeEventListener("mouseout", hideText, true);
		}
	}

	/**
	* Llamado de funciones.
	* Muestro la capa(solo texto), evento OnmouseOver
	* @access Private
	**/
	function viewText(event, value, title, id, container){
				
		var div 		= document.getElementById(id);
		var positionX 	= 0;
		var positionY 	= 0;	
		divContainer 	=document.getElementById(container);
		divTitle	 	=document.getElementById("layerTitle");
		divContent	 	=document.getElementById("layerText");

			while (div != null) {
				positionX += div.offsetLeft;
				positionY += div.offsetTop;
				div    	   = div.offsetParent;
			}
		showText(event,positionY);
		if(nav==0){ 
			//document.attachEvent("onmousemove", showText); 
			document.attachEvent("onmouseout", hideText); 
		}else{
			//document.addEventListener("mousemove", showText, true);
			document.addEventListener("mouseout", hideText, true);
		}
		divTitle.innerHTML='<strong>'+title+'</strong>';
		divContent.innerHTML=value;
		divContainer.style.display="block";
	}
	
	/**
	* Llamado de funciones.
	* Muestro la capa(HTML,JS...), evento onClick
	* @access Private
	**/
	function viewLayerSearch(event, id,container){
		var div 		= document.getElementById(id);
		var positionX 	= 0;
		var positionY 	= 0;
		document.getElementById("cbxOptions").style.visibility="hidden";
		divContainer 	=document.getElementById("layerContentSearch");
		divTitle	 	=document.getElementById("layerSearchTitle");
		divContent	 	=document.getElementById("layerSearch");
		
			while (div != null) {
				positionX += div.offsetLeft;
				positionY += div.offsetTop;
				div    	   = div.offsetParent;
			}
		showText(event,positionY);
		divTitle.innerHTML=
		'<table width="350" border="0" cellpadding="0" cellspacing="0">'+
  		'<tr>'+
    	'<td width="350" height="19" align="right" valign="middle"><strong><a href="#" onClick="hideText(\'1\');">Close [X]</a></strong>&nbsp;</td>'+
  		'</tr>'+
		'</table>';
		divContainer.style.display="block";
		
	}