var http_request = false;
   function makeRequest(url) {
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
         	// set type accordingly to anticipated content type
            //http_request.overrideMimeType('text/xml');
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('No se pudo crear la instancia XMLHTTP');
         return false;
      }
      http_request.onreadystatechange = alertContents;
      http_request.open('GET', url, true);
      http_request.send(null);
   }

   function alertContents() {
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
            //alert(http_request.responseText);
			
            result = http_request.responseText;
			
			var update = new Array();			
			if(result.indexOf('|') != -1) {
				update = result.split('|');
				
				if (update[2] == 'e') {
					changeText(update[0], update[1]);
					changeText(update[3], update[4]);
				}
				else if (update[2]=='v')
				{
					changeText(update[0], update[1]);
					changeText(update[3], update[4]);
				}
				else if (update[2]=='infoH')
				{
					changeText(update[0], update[1]);
				}
				else if (update[2]=='infoE')
				{
					changeText(update[0], update[1]);
				}
				else if (update[2]=='infoV')
				{
					changeText(update[0], update[1]);
				}
				else if(update[2]=='EU')
				{
					changeText(update[0], update[1]);	
				}
				else if (update[2]=='VU')
				{
					changeText(update[0], update[1]);	
				}
				else if (update[2]=='HU')
				{
					changeText(update[0], update[1]);	
				}				
				else if(update[2]=='EV')
				{
					changeText(update[0], update[1]);		
					if(update[5]=='infoEV')
					{
						changeText(update[3], update[4]);					
					}				
				}

				else if(update[2]=='EH')
				{
					changeText(update[0], update[1]);	
					if(update[5]=='infoEH')
					{
						changeText(update[3], update[4]);					
					}	
				}	
				else if(update[2]=='EVH')
				{
					changeText(update[0], update[1]);						
				}	
						

			}       
         } else {
            alert('Hubo un problema en ejecutar la petición.');
         }
      }
   }

function sndEntradaVH(entrada, cantidad) {
	
	//los td donde se van a mostrar y a ocultar los combos y la información
	//los combos
	var tdViajes= document.getElementById('contenedorPacksV'); 
	var tdHoteles= document.getElementById('contenedorPacksH'); 
	var tdEntradas= document.getElementById('contenedorPacksE'); 
	//la información
	var tdInfoViajes= document.getElementById('infoViajes'); 
	var tdInfoEntradas= document.getElementById('infoEntradas'); 
	var tdInfoHoteles= document.getElementById('infoHoteles');
	

	
	var idEntrada = parseInt(entrada);
	var cantidad = parseInt(cantidad);
	
	if(entrada == 0){
		tdViajes.innerHTML = '';
		tdHoteles.innerHTML = '';
		tdInfoViajes.innerHTML = '';
		tdInfoEntradas.innerHTML = '';
		tdInfoHoteles.innerHTML = '';
		return false;
	}
		tdViajes.innerHTML = '';
		tdHoteles.innerHTML = '';
		tdInfoViajes.innerHTML = '';
		tdInfoEntradas.innerHTML = '';
		tdInfoHoteles.innerHTML = '<div align=center><font size=4>3</font><div>Una vez selecciones el ticket, podrás seleccionar tu alojamiento';

	tdViajes.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
	
    makeRequest('ajax.php?idEVH='+idEntrada+'&cantidadE='+cantidad);
}

function sndViajeEH(viaje,entrada,cantidad) {
	
	var thetd = document.getElementById('contenedorPacksH'); // el td de hoteles
	var tdInfoViajes= document.getElementById('infoViajes'); 
	var tdInfoHoteles= document.getElementById('infoHoteles'); 
			
	var idViaje = parseInt(viaje);
	var idEntrada = parseInt(entrada);

	if((idViaje == 0)||(idEntrada==0)){
		thetd.innerHTML = '';
		tdInfoViajes.innerHTML = '';
		tdInfoHoteles.innerHTML = '';
		return false;
	}
	tdInfoHoteles.innerHTML = '';
	thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';

    makeRequest('ajax.php?idVEH='+idViaje+'&idEntradaVH='+idEntrada+'&cantidadV='+cantidad);
}

function sndHabitacion(habitacion,cantidad) {
	
	var thetd = document.getElementById('infoHoteles'); // el td de viajes

	var idHabitacion = parseInt(habitacion);


	if(idHabitacion == 0){
		thetd.innerHTML = '';
		return false;
	}

	thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
	
    makeRequest('ajax.php?idHabitacion='+idHabitacion+'&cantidadH='+cantidad);
}

function requestInfoEntradaU(entrada,cantidad)
{
	var thetd = document.getElementById('infoEntradas'); // el td de viajes
	var idEntrada = parseInt(entrada);
	var cantidad = parseInt(cantidad);
	
	if(idEntrada == 0){
		thetd.innerHTML = '';
		return false;
	}

	thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';

    makeRequest('ajax.php?idEntradaInfo='+idEntrada+'&cantidadE='+cantidad);
}

function requestInfoViajeE(viaje,cantidad)
{
		
	var thetd = document.getElementById('infoViajes'); // el td de viajes
	var idViaje = parseInt(viaje);
	var cantidad = parseInt(cantidad);
	
	if(idViaje == 0){
		thetd.innerHTML = '';
		return false;
	}

	thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';

    makeRequest('ajax.php?idViajeInfo='+idViaje+'&cantidadV='+cantidad);
}

function sndPack(id,idPack)
{
	//combos
	var tdViajes= document.getElementById('contenedorPacksV'); 
	var tdHoteles= document.getElementById('contenedorPacksH'); 
	var tdEntradas= document.getElementById('contenedorPacksE'); 
	//la información
	var tdInfoViajes= document.getElementById('infoViajes'); 
	var tdInfoEntradas= document.getElementById('infoEntradas'); 
	var tdInfoHoteles= document.getElementById('infoHoteles');
	var tdAyuda=document.getElementById('ayudaCrearPaquete');
	tdAyuda.innerHTML = 'Ahora personaliza tu elección';
	switch(idPack)
	{
		case ("E"):
		{
			var thetd = document.getElementById('contenedorPacksE'); // el td de entradas

			if ((idPack == "")||(id == 0)){
				thetd.innerHTML = '';
				tdViajes.innerHTML = '';
				tdHoteles.innerHTML = '';
				tdInfoViajes.innerHTML = '<div><img src="../img/iconos/noviajes.png" width="70px" />';
				tdInfoHoteles.innerHTML = '<div><img src="../img/iconos/nohotel.png" width="70px" />';
				tdInfoEntradas.innerHTML = '<div><img src="../img/iconos/noentrada.png" width="70px"/>';
				return false;
			}
				thetd.innerHTML = '';
				tdViajes.innerHTML = 'Sin bus';
				tdHoteles.innerHTML = 'Sin Hotel';
				tdInfoViajes.innerHTML = '<div align="center"><img src="../img/iconos/noviaje.png" width="70px" />';
				tdInfoHoteles.innerHTML = '<div align="center"><img src="../img/iconos/nohotel.png" width="70px"/>';
				tdInfoEntradas.innerHTML = '<div align=center><font size=4>1</font><div>Selecciona tu entrada';
				
			thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
			   
			makeRequest('ajax.php?idPack='+idPack+'&id='+id);
			
			break;
		}
		case ("V"):
		{
			var thetd = document.getElementById('contenedorPacksV'); // el td de entradas

			if ((idPack == "")||(id == 0)){
				thetd.innerHTML = '';
				tdEntradas.innerHTML = '';
				tdHoteles.innerHTML = '';
				tdInfoViajes.innerHTML = '';
				tdInfoHoteles.innerHTML = '';
				tdInfoEntradas.innerHTML = '';
				return false;
			}
				thetd.innerHTML = '';
				tdEntradas.innerHTML = 'Sin ticket';
				tdHoteles.innerHTML = 'Sin hotel';
				tdInfoViajes.innerHTML = '<div align=center><font size=4>1</font><div>Selecciona tu viaje';
				tdInfoHoteles.innerHTML = '<div align="center"><img src="../img/iconos/nohotel.png" width="70px" />';
				tdInfoEntradas.innerHTML = '<div align="center"><img src="../img/iconos/noentrada.png" width="70px" />';
			thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
			   
			makeRequest('ajax.php?idPack='+idPack+'&id='+id);
			
			break;					
		}
		case ("H"):
		{
			var thetd = document.getElementById('contenedorPacksH'); // el td de entradas

			if ((idPack == "")||(id == 0)){
				thetd.innerHTML = '';
				tdEntradas.innerHTML = '';
				tdViajes.innerHTML = '';
				tdInfoViajes.innerHTML = '';
				tdInfoHoteles.innerHTML = '';
				tdInfoEntradas.innerHTML = '';
				return false;
			}
				tdEntradas.innerHTML = 'Sin ticket';
				tdViajes.innerHTML = 'Sin bus';
				tdInfoViajes.innerHTML = '<div align="center"><img src="../img/iconos/noviaje.png" width="70px" />';
				tdInfoHoteles.innerHTML = '<div align=center><font size=4>1</font><div>Selecciona tu alojamiento';
				tdInfoEntradas.innerHTML = '<div align="center"><img src="../img/iconos/noentrada.png" width="70px" />';

			thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
			   
			makeRequest('ajax.php?idPack='+idPack+'&id='+id);
			
			break;					
		}
		case ("EV"):
		{
			var thetd = document.getElementById('contenedorPacksE'); // el td de entradas

			if ((idPack == "")||(id == 0)){
				thetd.innerHTML = '';
				tdViajes.innerHTML = '';
				tdHoteles.innerHTML = '';				
				tdInfoViajes.innerHTML = '';
				tdInfoHoteles.innerHTML = '';
				tdInfoEntradas.innerHTML = '';
				return false;
			}
				tdViajes.innerHTML = '';
				tdHoteles.innerHTML = 'Sin hotel';				
				tdInfoViajes.innerHTML = '<div align=center><font size=4>2</font><div>Una vez selecciones el ticket, podrás seleccionar tu bus';
				tdInfoHoteles.innerHTML = '<div align="center"><img src="../img/iconos/nohotel.png" width="70px" />';
				tdInfoEntradas.innerHTML = '<div align=center><font size=4>1</font><div>Selecciona tu ticket';
				
			thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
			   
			makeRequest('ajax.php?idPack='+idPack+'&id='+id);
			
			break;
		}
		case ("EH"):
		{
			var thetd = document.getElementById('contenedorPacksE'); // el td de entradas

			if ((idPack == "")||(id == 0)){
				thetd.innerHTML = '';
				tdViajes.innerHTML = '';
				tdHoteles.innerHTML = '';				
				tdInfoViajes.innerHTML = '';
				tdInfoHoteles.innerHTML = '';
				tdInfoEntradas.innerHTML = '';
				return false;
			}
				tdViajes.innerHTML = 'Sin bus';
				tdHoteles.innerHTML = '';				
				tdInfoViajes.innerHTML = '<div align="center"><img src="../img/iconos/noviaje.png" width="70px" />';
				tdInfoHoteles.innerHTML = '<div align=center><font size=4>2</font><div>Una vez selecciones el ticket, podrás seleccionar tu alojamiento';
				tdInfoEntradas.innerHTML = '<div align=center><font size=4>1</font><div>Selecciona tu ticket';
				
			thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
			   
			makeRequest('ajax.php?idPack='+idPack+'&id='+id);
			
			break;
		}
		case ("EVH"):
		{
			var thetd = document.getElementById('contenedorPacksE'); // el td de entradas

			if ((idPack == "")||(id == 0)){
				thetd.innerHTML = '';
				tdViajes.innerHTML = '';
				tdHoteles.innerHTML = '';				
				tdInfoViajes.innerHTML = '';
				tdInfoHoteles.innerHTML = '';
				tdInfoEntradas.innerHTML = '';
				return false;
			}
				tdViajes.innerHTML = '';
				tdHoteles.innerHTML = '';				
				tdInfoViajes.innerHTML = '<div align=center><font size=4>2</font><div>Una vez selecciones el ticket, podrás seleccionar tu bus';
				tdInfoHoteles.innerHTML = '<div align=center><font size=4>3</font><div>Una vez selecciones el ticket y el bus, podrás seleccionar tu alojamiento';
				tdInfoEntradas.innerHTML = '<div align=center><font size=4>1</font><div>Selecciona tu ticket';
			thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
			   
			makeRequest('ajax.php?idPack='+idPack+'&id='+id);
			
			break;
		}

	}

}
function sndEntradaViaje(idEntrada,cantidad)
{
	var thetd = document.getElementById('contenedorPacksV'); // el td de entradas
	var tdInfoEntradas= document.getElementById('infoEntradas'); 
	var tdInfoViajes= document.getElementById('infoViajes'); 

	if (idEntrada == 0){
		thetd.innerHTML = '';
		tdInfoEntradas.innerHTML = '';
		tdInfoViajes.innerHTML = '';
		return false;
	}
	
		tdInfoViajes.innerHTML = '';
	
	thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
	   
	makeRequest('ajax.php?idEV='+idEntrada+'&cantidadE='+cantidad);		
}

function sndEntradaHotel(idEntrada,cantidad)
{
	var thetd = document.getElementById('contenedorPacksH'); // el td de entradas
	var tdInfoEntradas= document.getElementById('infoEntradas'); 
	var tdInfoHoteles = document.getElementById('infoHoteles'); 
	if (idEntrada == 0){
		thetd.innerHTML = '';
		tdInfoEntradas.innerHTML = '';
		tdInfoHoteles.innerHTML = '';
		return false;
	}
	tdInfoHoteles.innerHTML = '';
	thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
	   
	makeRequest('ajax.php?idEH='+idEntrada+'&cantidadE='+cantidad);		
}

function sndViajeUnico(idViaje)
{
	var thetd = document.getElementById('contenedorPacksV'); // el td de entradas

	if (idEntrada == 0){
		thetd.innerHTML = '';
		return false;
	}

	thetd.innerHTML = '<div><img src="../img/iconos/working.gif" height="16px" width="16px" />';
	   
	makeRequest('ajax.php?idEH='+idEntrada);		
}


function changeText( div2show, text) {
    // Detect Browser
    var IE = (document.all) ? 1 : 0;
    var DOM = 0; 
    if (parseInt(navigator.appVersion) >=5) {DOM=1};

    // Grab the content from the requested "div" and show it in the "container"
    if (DOM) {
        var viewer = document.getElementById(div2show);
        viewer.innerHTML = text;
    }  else if(IE) {
        document.all[div2show].innerHTML = text;
    }

}