// JavaScript Document
function CreateObjetoAjax() {
	var Objeto;
		var browser = navigator.appName;
		if(browser == "Microsoft Internet Explorer"){
			Objeto = new ActiveXObject("Microsoft.XMLHTTP");
		}else{
			Objeto = new XMLHttpRequest();
		}
			return Objeto
 }
 /* function transaccion(action) {
	var HTTP = CreateObjetoAjax();
	 HTTP.open("get", "server.php?action="+action);
     HTTP.onreadystatechange=function() { 
   				if (HTTP.readyState==4) { 
   						recibe(HTTP.responseText); 
   				} 
  		} 
       HTTP.send(null);
}*/
 function transaccion(sw,parametros) {
	var HTTP = CreateObjetoAjax();
	 HTTP.open("POST", "ajax/server.php?valor=Yasser",true);//aparte de mandar con el Post
	                                                   //tambien mandamos en la url una 
													   //variable que puede ser tratada como get 
	 HTTP.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
	 //HTTP.send('variable='+action);//asi se menda una sola variable
	 HTTP.send('sw=' + sw + '&parametros=' + parametros);//asi se manda varias variables
	 HTTP.onreadystatechange=function() { 
	            
   				if (HTTP.readyState==4) { 
   						recibe(HTTP.responseText); //aqui recibo el mensaje
						
				}
  		} 
       
}
/***********************************************************************************************
A partir de aqui construyo todas mis funciones
/***********************************************************************************************/
function carga_inicio() {
	sw="1";
	parametros='';
	str = '<table width="100%">';
	str += '<tr>';
	str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Cargando contenido....</span></td>';
	str += '</tr>';
	str += '</table>';		
	document.getElementById("contenido").innerHTML= str; 
	transaccion(sw,parametros);	
}

function carga_ganas() {
	sw="2";
	parametros='';
	str = '<table width="100%">';
	str += '<tr>';
	str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Cargando contenido....</span></td>';
	str += '</tr>';
	str += '</table>';		
	document.getElementById("contenido").innerHTML= str; 
	transaccion(sw,parametros);	
}

function carga_ubiquenos() {
	sw="3";
	parametros='';
	str = '<table width="100%">';
	str += '<tr>';
	str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Cargando contenido....</span></td>';
	str += '</tr>';
	str += '</table>';		
	document.getElementById("contenido").innerHTML= str; 
	transaccion(sw,parametros);	
}

function carga_video() {
	sw="4";
	parametros='';
	str = '<table width="100%">';
	str += '<tr>';
	str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Cargando contenido....</span></td>';
	str += '</tr>';
	str += '</table>';		
	document.getElementById("contenido").innerHTML= str; 
	transaccion(sw,parametros);		
}

function carga_inscripcion() {
	    sw="5";
		parametros = "";
		str = '<table width="100%">';
		str += '<tr>';
		str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Cargando contenido....</span></td>';
		str += '</tr>';
		str += '</table>';		
	    document.getElementById("contenido").innerHTML= str; 
        transaccion(sw,parametros);	
}

function carga_ciudades(idpais) {
	    sw="6";
		parametros = idpais;
        transaccion(sw,parametros);		
}

function enviar() {
		sw="7";
		var nombre = document.comentario.nombre.value;
		if(nombre=="")
		{
			alert('Debe ingresar su nombre');
			document.comentario.nombre.focus();
			return false;
		}
		var apellido = document.comentario.apellidos.value;
		if(apellido=="")
		{
			alert('Debe ingresar su Apellido');
			document.comentario.apellidos.focus();
			return false;
		}
		
		var fono = document.comentario.telefono.value;
		
		var email = document.comentario.email.value;
		if(email=="")
		{
			alert('Debe ingresar su dirección de correo eletrónico');
			document.comentario.email.focus();
			return false;
		}
		
		var email2 = document.comentario.email2.value;
		if(email2=="")
		{
			alert('Debe volver a ingresar su dirección de correo eletrónico');
			document.comentario.email2.focus();
			return false;
		}	
		
		if(email!=email2)
		{
			alert('Debe ingresar la misma dirección de correoen ambas casillas.');
			document.comentario.email2.focus();
			return false;			
		}
		
		var day = document.comentario.dia.value;
		var ocupacion = document.comentario.ocupacion.value;
		var pais = document.comentario.pais.value;
		var ciudad = document.comentario.ciudad.value;
		
		var mensaje = document.comentario.mensaje.value;
		if(mensaje=="")
		{
			alert('Debe ingresar el contenido de su consulta');
			document.comentario.mensaje.focus();
			return false;
		}

		parametros = encodeURIComponent(nombre) + "|" + encodeURIComponent(apellido) + "|" + fono + "|" + email + "|" + encodeURIComponent(ocupacion) + "|" + encodeURIComponent(pais) + "|" + encodeURIComponent(ciudad) + "|" + encodeURIComponent(mensaje) + '|' + day;
		str = '<table width="100%">';
		str += '<tr>';
		str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Enviando Mensaje....</span></td>';
		str += '</tr>';
		str += '</table>';		
	    document.getElementById("contenido").innerHTML= str; 
        transaccion(sw,parametros);	
}

function carga_galeria(pagina) {
	    sw="8";
		parametros = pagina;
		str = '<table width="100%">';
		str += '<tr>';
		str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Cargando contenido....</span></td>';
		str += '</tr>';
		str += '</table>';		
	    document.getElementById("contenido").innerHTML= str; 
        transaccion(sw,parametros);	
}

function carga_historias(pagina) {
	sw="9";
	parametros = pagina;
	str = '<table width="100%">';
	str += '<tr>';
	str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Cargando contenido....</span></td>';
	str += '</tr>';
	str += '</table>';		
	document.getElementById("contenido").innerHTML= str; 
	transaccion(sw,parametros);	
}

function show_historia(idhistoria, pagina) {
	sw="10";
	parametros = idhistoria + '#' + pagina;
	str = '<table width="100%">';
	str += '<tr>';
	str += '<td width="100%" height="350" align="center" valign="middle"><img src="imagenes/loading.gif" width="32" height="32"><br><br><span class="enlace">Cargando contenido....</span></td>';
	str += '</tr>';
	str += '</table>';		
	document.getElementById("contenido").innerHTML= str; 
	transaccion(sw,parametros);	
}


////////////////////////////////////////////
//Esta es la unica funcion que recibira 
//todo los regresos de las funciones manda
/////////////////////////////////////////////
function recibe(action) {
       arreglo=action.split("|");
	    switch (arreglo[0]) {
			// ************************* CARGA SECCION INICIO ******************************
			// ************************* CARGA SECCION INICIO ******************************
			// ************************* CARGA SECCION INICIO ******************************
			// ************************* CARGA SECCION INICIO ******************************
			case "1":
		    	var aux = arreglo[1].split("~");
				var titulo = aux[0];
				var texto = aux[1];	
				str = '<table width="94%" cellspacing="0">';
				str += '<tr>';
				str += '<td width="5%"></td>';
				str += '<td width="90%"></td>';
				str += '<td width="5%"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="30"></td>';
				str += '<td align="center" valign="middle">' + texto + '</td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td colspan="3" height="30"></td>';
				str += '</tr>';				
				
				str += '</table>';		
				document.getElementById("contenido").innerHTML= str;				
				
			break;
			
			// **************************** LLENADO DE SECCION GANAS LO Q VALES ***************************	
			// **************************** LLENADO DE SECCION GANAS LO Q VALES ***************************	
			// **************************** LLENADO DE SECCION GANAS LO Q VALES ***************************	
			// **************************** LLENADO DE SECCION GANAS LO Q VALES ***************************	
			case "2":
		    	var aux = arreglo[1].split("~");
				var titulo = aux[0];
				var texto = aux[1];	
				str = '<table width="94%" cellspacing="0">';
				str += '<tr>';
				str += '<td width="5%"></td>';
				str += '<td width="90%"></td>';
				str += '<td width="5%"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="30"></td>';
				str += '<td align="center" valign="middle">' + texto + '</td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td colspan="3" height="30"></td>';
				str += '</tr>';				
				
				str += '</table>';		
				document.getElementById("contenido").innerHTML= str;				
				
			break;
			
			// **************************** LLENADO DE SECCION UBIQUENOS ***************************	
			// **************************** LLENADO DE SECCION UBIQUENOS ***************************	
			// **************************** LLENADO DE SECCION UBIQUENOS ***************************	
			// **************************** LLENADO DE SECCION UBIQUENOS ***************************	
			case "3":
		    	var aux = arreglo[1].split("~");
				var titulo = aux[0];
				var texto = aux[1];	
				str = '<table width="94%" cellspacing="0">';
				str += '<tr>';
				str += '<td width="5%"></td>';
				str += '<td width="90%"></td>';
				str += '<td width="5%"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="30"></td>';
				str += '<td align="center" valign="middle">' + texto + '</td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td colspan="3" height="30"></td>';
				str += '</tr>';				
				
				str += '</table>';		
				document.getElementById("contenido").innerHTML= str;
				
			break;
			
			// ********************************* CARGA VIDEO ***********************************
			// ********************************* CARGA VIDEO ***********************************
			// ********************************* CARGA VIDEO ***********************************
			// ********************************* CARGA VIDEO ***********************************
			case "4":
		    	var aux = arreglo[1].split("~");
				var titulo = aux[0];
				var texto = aux[1];	
				str = '<table width="94%" cellspacing="0">';
				str += '<tr>';
				str += '<td width="5%"></td>';
				str += '<td width="90%"></td>';
				str += '<td width="5%"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="30"></td>';
				str += '<td align="center" valign="middle">' + texto + '</td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td colspan="3" height="30"></td>';
				str += '</tr>';				
				
				str += '</table>';		
				document.getElementById("contenido").innerHTML= str;
			break;
			
			// ******************** FORMULARIO DE CONTACTOS *************************
			// ******************** FORMULARIO DE CONTACTOS *************************
			// ******************** FORMULARIO DE CONTACTOS *************************
			
			case "5":
				var aux = arreglo[1].split("~");
				var num_paises = aux[0];
				str = '<table width="94%" border="0" cellpadding="0" cellspacing="2">';
				str += '<form name="comentario" method="post" action="">';
				str += '<tr>';
				str += '<td width="6%" height="5"></td>';
				str += '<td width="35%"></td>';
				str += '<td width="53%"></td>';
				str += '<td width="6%"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" colspan="2" class="granate">FORMULARIO PARA SOLICITUD DE INFORMACION</td>';
				str += '<td></td>';
				str += '</tr>';	
				
				str += '<tr>';
				str += '<td height="5" colspan="3"></td>';
				str += '</tr>';	
				
				str += '<tr>';
				str += '<td height="21"></td>';
				str += '<td align="left" valign="middle" colspan="2" class="pequeno"> (*) Los campos con asterisco son obligatorios.</td>';
				str += '<td></td>';
				str += '</tr>';					
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Nombre (*) : </td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda"><input type="text" class="campo" name="nombre" size="30" tabindex="1" /></td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Apellido (*) : </td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda"><input type="text" class="campo" name="apellidos" size="30" tabindex="2" /></td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Email (*) : </td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda"><input type="text" class="campo" size="30" name="email" /></td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Confirmar Email (*) : </td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda"><input type="text" class="campo" size="30" name="email2" /></td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Qu&eacute; día prefiere para visitarnos? </td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">';
				str += '<select name="dia" class="campo">';
				/*
				str += '<option value="martes 6.45pm">Martes 6.45pm</option>';
				str += '<option value="jueves 6.45pm">Jueves 6.45pm</option>';
				str += '<option value="sabado 9.45pm">S&aacute;bado 9.45am</option>';
				*/
				// Estos para sea exitoso
				var aux4 = arreglo[3].split("~");
				var num_horarios = aux4[0];
				for(w=1; w<=num_horarios; w++)
				{
					var campos4 = aux4[w].split("#");
					str += '<option value="'+campos4[1]+'">'+campos4[1]+'</option>';
				}
				/*
				str += '<option value="lunes 6.45pm">Lunes 10 am</option>';
				str += '<option value="Martes 10 am">Martes 10 am</option>';
				str += '<option value="Jueves 10 am">Jueves 10 am</option>';
				str += '<option value="Sabado 10:20 am">Sabado 10:20 am</option>';
				str += '<option value="Lunes 7:20 pm">Lunes 7:20 pm</option>';
				str += '<option value="Martes 7:20 pm">Martes 7:20 pm</option>';
				str += '<option value="Jueves 7:20 pm">Jueves 7:20 pm</option>';
				*/
				str += '</select>';
				str += '</td>';
				str += '<td></td>';
				str += '</tr>';				
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Tel&eacute;fono :</td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda"><input type="text" size="30" class="campo" name="telefono" /></td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Ocupaci&oacute;n :</td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda"><input type="text" size="30" class="campo" name="ocupacion" /></td>';
				str += '<td></td>';
				str += '</tr>';				
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Pais : </td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">';
				str += '<select name="pais" onchange="carga_ciudades(this.value)" class="campo">';
				for(i=1; i<num_paises; i++)
				{
					campos = aux[i].split("#");
					if(campos[0]=="PER")
					{
						str += '<option value="' + campos[0] + '" selected>' + campos[1] + '</option>';	
					}
					else
					{
						str += '<option value="' + campos[0] + '">' + campos[1] + '</option>';	
					}
				}
				str += '</select>';
				str += '</td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Ciudad : </td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">';
				str += '<select name="ciudad" class="campo">';
				var aux2 = arreglo[2].split("~");
				var num_ciudades = aux2[0];				
				for(j=1; j<num_ciudades; j++)
				{
					if(aux2[j]=="Lima")
					{
						str += '<option value="' + aux2[j] + '" selected>' + aux2[j] + '</option>';
					}
					else
					{
						str += '<option value="' + aux2[j] + '">' + aux2[j] + '</option>';	
					}
				}
				str += '</select>';
				str += '</td>';
				str += '<td></td>';
				str += '</tr>';				
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda">Comentarios (*) : </td>';
				str += '<td align="left" valign="middle" class="etiqueta_tienda"><textarea name="mensaje" cols="45" rows="10" class="campo"></textarea></td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="5" colspan="3"></td>';
				str += '</tr>';	
				
				str += '<tr>';
				str += '<td height="21"></td>';
				str += '<td></td>';
				str += '<td align="left" valign="middle" style="width:120px;"><button class="boton" onclick="enviar()">ENVIAR</button></td>';
				str += '<td></td>';
				str += '</tr>';					
				
				str += '</form>';
				str += '</table>';
				document.getElementById("contenido").innerHTML = str;			
			break;
			
			// *********************************** CARGA CIUDADES **********************************
			// *********************************** CARGA CIUDADES **********************************
			// *********************************** CARGA CIUDADES **********************************
			// *********************************** CARGA CIUDADES **********************************			
			case "6":
				var miArray = arreglo[1].split("~");
				objeto = document.comentario.ciudad;
				objeto.options.length = 0 ;
				var aux = miArray[0];
				//alert(aux);
				optionName = new Option('Elija', 0, true, true) ;
				objeto.options[0] = optionName ;
				var defaultSelected = false;
				var selected = false;
				var length = 1;
				for( indice = 1; indice <= aux ; indice ++)
				{
				   optionName = new Option(miArray[indice], miArray[indice], defaultSelected, selected) ;
				   length = objeto.options.length;
				   objeto.options[length] = optionName ;
				}			
			break;			
			
			// ****************************** RESULTADO DE ENVIO DE INSCRIPCION ****************************
			// ****************************** RESULTADO DE ENVIO DE INSCRIPCION ****************************
			// ****************************** RESULTADO DE ENVIO DE INSCRIPCION ****************************
			// ****************************** RESULTADO DE ENVIO DE INSCRIPCION ****************************
			case "7":
				var resultado = arreglo[1];
				switch(resultado)
				{
					case "0":
						var texto = 'No se pudo procesar su inscripci&oacute;n.<br><br>Vuelva a intentarlo';
					break;
					
					case "1":
						var texto = 'Su inscripci&oacute;n se recibió correctamente.<br><br>Nos pondremos en contacto con usted a la brevedad posible.';
					break;
				}
				str = '<table width="94%">';
				str += '<tr>';
				str += '<td width="10%" height="30"></td>';
				str += '<td width="80%"></td>';
				str += '<td width="10%"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="150"></td>';
				str += '<td align="center" valign="middle" class="frame_mensaje">' + texto + '</td>';
				str += '<td></td>';				
				str += '</tr>';
				
				str += '<tr>';
				str += '<td colspan="3" height="20"></td>';
				str += '</tr>';				
				
				str += '<tr>';
				str += '<td height="35"></td>';
				str += '<td align="center" valign="middle" class="titulo_azul"><button class="boton_enviar" onclick="carga_ubiquenos()">CONTINUAR</button</td>';
				str += '<td></td>';				
				str += '</tr>';			
				
				str += '<tr>';
				str += '<td colspan="3" height="20"></td>';
				str += '</tr>';			
				
				str += '</table>';
				document.getElementById("contenido").innerHTML = str;
			break;
			
			// *********************************** GALERIA DE FOTOS ***********************************
			// *********************************** GALERIA DE FOTOS ***********************************
			// *********************************** GALERIA DE FOTOS ***********************************
			// *********************************** GALERIA DE FOTOS ***********************************
			case "8":
				var num_fotos = arreglo[1];
				var num_fotos_totales = arreglo[2];
				var pagina = arreglo[3];
				var num_paginas = arreglo[4];
				var aux = arreglo[5].split("~");
				var cadena = '';
				for(j=1; j<num_paginas; j++)
				{
					cadena += '<a href="javascript:void(0);" onclick="carga_galeria(\'' + j + '\')">' + j + '</a> | ';
				}
				cadena += '<a href="javascript:void(0);" onclick="carga_galeria(\'' + num_paginas + '\')">' + num_paginas + '</a>';
				
				//alert(aux);
				if(num_fotos>0)
				{
					str = '<table width="96%" cellpadding="0" cellspacing="0">';
					str += '<tr>';
					str += '<td width="4%" height="10"></td>';
					str += '<td width="92%"></td>';
					str += '<td width="4%"></td>';
					str += '</tr>';
					
					str += '<tr>';
					str += '<td height="21"></td>';
					str += '<td align="left" valign="middle" class="granate">Galer&iacute;a de Fotos</td>';
					str += '<td></td>';
					str += '</tr>';
					
					str += '<tr>';
					str += '<td colspan="3" height="10"></td>';
					str += '</tr>';					
					
					str += '<tr>';
					str += '<td height="20"></td>';
					str += '<td align="left" valign"middle" style="padding-left:10px;" class="arial_11_normal">Viendo: <b>' + num_fotos + '</b> fotos de un total de <b>' + num_fotos_totales + '</b>.</td>';
					str += '<td></td>';
					str += '</tr>';	
					
					str += '<tr>';
					str += '<td></td>';
					str += '<td height="20" align="right" valign"top" class="fila_data_perfil" style="padding-right:10px;">P&aacute;ginas: ' + cadena + '</td>';
					str += '<td></td>';
					str += '</tr>';						
					
					str += '<tr>';
					str += '<td height="10" colspan="3"></td>';				
					str += '</tr>';						
					
					str += '<tr>';
					str += '<td></td>';
					str += '<td>';
						str += '<div id="galeria">';
						for(i=0; i<num_fotos; i++)
						{
							var campos = aux[i].split("#");
							str += '<div class="foto">';
							str += '<table width="100%" cellpadding="0" cellspacing="0">';
							str += '<tr>';
							str += '<td width="100%" align="center" valign="middle" height="112"><img src="galeria_thumbs/' + campos[1] + '" class="marco_picture" onmouseover="cambia_marco(this)" onmouseout="cambia_marco(this)" onclick="show_photo(\'' + campos[1] + '\', \'' +
																																																			 campos[4] + '\', \'' + campos[5] + '\')"></td>';
							str += '</tr>';
							str += '<tr>';
							str += '<td align="center" valign="middle" height="18"><span class="etiqueta_contacto">' + campos[3] + '</span></td>';
							str += '</tr>';					
							str += '</table>';
							str += '</div>';							
						}
						str += '</div>';
					str += '</td>';	
					str += '<td></td>';
					str += '</tr>';
					
					str += '<tr>';
					str += '<td height="100" colspan="4"></td>';				
					str += '</tr>';					
					
					str += '</table>';
				}
				else
				{
					str = '<table width="94%" cellpadding="0" cellspacing="0">';
					str += '<tr>';
					str += '<td width="5%" height="20"></td>';
					str += '<td width="30%"></td>';
					str += '<td width="60%"></td>';
					str += '<td width="5%"></td>';
					str += '</tr>';					
					
					str += '<tr>';
					str += '<td></td>';
					str += '<td height="80" align="center" colspan="2" valign"top" class="fila_data_perfil">NO HAY FOTOS EN LA GALERIA EN ESTE MOMENTO</td>';
					str += '<td></td>';
					str += '</tr>';						
					
					str += '<tr>';
					str += '<td height="20" colspan="4"></td>';				
					str += '</tr>';	
					
					str += '</table>';
				}
				str2 = '<table width="650" cellpadding="0" cellspacing="0">';
				str2 += '<tr>';
				str2 += '<td width="100%" align="left" valign="middle" height="20" class="titulo_seccion">Mis Fotos</td>';
				str2 += '</tr>';
				str2 += '</table>';
				
				document.getElementById("contenido").innerHTML = str;				
			break;		
			
			// *********************************** CASOS DE EXITO ***********************************
			// *********************************** CASOS DE EXITO ***********************************
			// *********************************** CASOS DE EXITO ***********************************
			// *********************************** CASOS DE EXITO ***********************************
			case "9":
				var aux = arreglo[1].split("~");
				var aux2 = aux[0].split("#");
				var num_fotos = aux2[0];
				var num_fotos_totales = aux2[1];
				var pagina = aux2[2];
				var num_paginas = aux2[3];
				
				var cadena = '';
				for(j=1; j<num_paginas; j++)
				{
					cadena += '<a href="javascript:void(0);" onclick="carga_historias(\'' + j + '\')">' + j + '</a> | ';
				}
				cadena += '<a href="javascript:void(0);" onclick="carga_historias(\'' + num_paginas + '\')">' + num_paginas + '</a>';
				
				//alert(aux);
				if(num_fotos>0)
				{
					str = '<table width="94%" cellpadding="0" cellspacing="0">';
					str += '<tr>';
					str += '<td width="5%" height="10"></td>';
					str += '<td width="90%"></td>';
					str += '<td width="5%"></td>';
					str += '</tr>';
					
					str += '<tr>';
					str += '<td height="21"></td>';
					str += '<td align="left" valign="middle" class="granate">HISTORIAS DE &Eacute;XITO</td>';
					str += '<td></td>';
					str += '</tr>';
					
					str += '<tr>';
					str += '<td colspan="3" height="10"></td>';
					str += '</tr>';					
					
					str += '<tr>';
					str += '<td height="20"></td>';
					str += '<td align="left" valign"middle" style="padding-left:10px;" class="arial_11_normal">Viendo: <b>' + num_fotos + '</b> fotos de un total de <b>' + num_fotos_totales + '</b>.</td>';
					str += '<td></td>';
					str += '</tr>';	
					
					str += '<tr>';
					str += '<td></td>';
					str += '<td height="20" align="right" valign"top" class="fila_data_perfil" style="padding-right:10px;">P&aacute;ginas: ' + cadena + '</td>';
					str += '<td></td>';
					str += '</tr>';						
					
					str += '<tr>';
					str += '<td height="10" colspan="3"></td>';				
					str += '</tr>';						
					
					str += '<tr>';
					str += '<td></td>';
					str += '<td>';
						str += '<table width="100%">';
						for(i=1; i<=num_fotos; i+=3)
						{
							str += '<tr>';
							var campos = aux[i].split("#");
							str += '<td width="22%" height="110" align="center" valign="top">';
							str += '<table width="100%">';
							str += '<tr>';
							str += '<td><img src="historias/' + campos[1] + '" class="marco_picture" onmouseover="cambia_marco(this)" onmouseout="cambia_marco(this)" onclick="show_historia(\'' + campos[0] + '\', \'' + pagina +'\')"></td>';
							str += '</tr>';
							str += '<tr>';
							str += '<td align="center" valign="middle" height="18"><span class="etiqueta_contacto">' + campos[3] + '</span></td>';
							str += '</tr>';					
							str += '</table>';
							str += '</td>';
							
														
							str += '<td width="4%"></td>';
							
							if( (i + 1)>num_fotos )
							{
								var imagen_2 = '';
								str += '<td width="22%">' + imagen_2 + '</td>';
							}
							else
							{
								var campos_2 = aux[i + 1].split("#");
								
								str += '<td width="22%" height="120" align="center" valign="top">';
								str += '<table width="100%">';
								str += '<tr>';
								str += '<td><img src="historias/' + campos_2[1] + '" class="marco_picture" onmouseover="cambia_marco(this)" onmouseout="cambia_marco(this)" onclick="show_historia(\'' + campos_2[0] + '\', \'' + pagina +'\')"></td>';
								str += '</tr>';
								str += '<tr>';
								str += '<td align="center" valign="middle" height="18"><span class="etiqueta_contacto">' + campos_2[3] + '</span></td>';
								str += '</tr>';						
								str += '</table>';
								str += '</td>';
							}
							
							
							str += '<td width="4%"></td>';
							
							if( (i + 2)>num_fotos )
							{
								var imagen_3 = '';
								str += '<td width="22%">' + imagen_3 + '</td>';
							}
							else
							{
								var campos_3 = aux[i + 2].split("#");
								
								str += '<td width="22%" height="120" align="center" valign="top">';
								str += '<table width="100%">';
								str += '<tr>';
								str += '<td><img src="historias/' + campos_3[1] + '" class="marco_picture" onmouseover="cambia_marco(this)" onmouseout="cambia_marco(this)" onclick="show_historia(\'' + campos_3[0] + '\', \'' + pagina +'\')"></td>';
								str += '</tr>';
								str += '<tr>';
								str += '<td align="center" valign="middle" height="18"><span class="etiqueta_contacto">' + campos_3[3] + '</span></td>';
								str += '</tr>';						
								str += '</table>';
								str += '</td>';
							}				
														
							
							str += '</tr>';
							
							str += '<tr>';
							str += '<td height="20" colspan="5"></td>';				
							str += '</tr>';								
						}
						str += '</table>';
					str += '</td>';	
					str += '<td></td>';
					str += '</tr>';
					
					str += '<tr>';
					str += '<td height="100" colspan="4"></td>';				
					str += '</tr>';					
					
					str += '</table>';
				}
				else
				{
					str = '<table width="94%" cellpadding="0" cellspacing="0">';
					str += '<tr>';
					str += '<td width="5%" height="20"></td>';
					str += '<td width="30%"></td>';
					str += '<td width="60%"></td>';
					str += '<td width="5%"></td>';
					str += '</tr>';					
					
					str += '<tr>';
					str += '<td></td>';
					str += '<td height="80" align="center" colspan="2" valign"top" class="fila_data_perfil">NO HAY FOTOS EN LA GALERIA EN ESTE MOMENTO</td>';
					str += '<td></td>';
					str += '</tr>';						
					
					str += '<tr>';
					str += '<td height="20" colspan="4"></td>';				
					str += '</tr>';	
					
					str += '</table>';
				}
				str2 = '<table width="650">';
				str2 += '<tr>';
				str2 += '<td width="100%" align="left" valign="middle" height="20" class="titulo_seccion">Mis Fotos</td>';
				str2 += '</tr>';
				str2 += '</table>';
				
				document.getElementById("contenido").innerHTML = str;				
			break;
			
			// **************************** DETALLE HISTORIA DE EXITO *********************************
			case "10":
				var aux = arreglo[1].split("~");
				var id = aux[0];
				var texto = aux[1];
				var pagina= aux[2];
				str = '<table width="94" cellpadding="0" cellspacing="0">';
				str += '<tr>';
				str += '<td width="5%" height="10"></td>';
				str += '<td width="90%"></td>';
				str += '<td width="5%"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="21"></td>';
				str += '<td align="left" valign="middle" class="granate">HISTORIAS DE &Eacute;XITO</td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td colspan="3" height="10"></td>';
				str += '</tr>';					
				
				str += '<tr>';
				str += '<td height="20"></td>';
				str += '<td align="right" valign"middle" style="padding-right:10px;"  class="fila_data_perfil"><a href="javascript:void(0);" onclick="carga_historias(\'' + pagina + '\')">Volver al listado de Historias</a></td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td colspan="3" height="10"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td></td>';
				str += '<td>' + texto + '</td>';
				str += '<td></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td colspan="3" height="10"></td>';
				str += '</tr>';			
				
				str += '</table>';
				document.getElementById("contenido").innerHTML = str;
			break;
		   
	   }	   
	   
} 

////////////////////////////////////////////////////////////
////////  FUNCIONES PROPIAS PARA USOS DIVERSOS ////////////
///////////////////////////////////////////////////////////
function mensaje_descarga() {
	alert('Para descargar este archivo debe hacer click en el boton derecho del mouse y elegir en el menu que aparecerá la opción: "Guardar destino como..."');
	return false;
}

function ImgPopUp(string, width, height)
{
	var winl = (screen.width-width)/2;
  	var wint = (screen.height-height)/2;
	eval('window.open(\'popup.php?file='+string+'\', \'ImgPopUpWin\', \'scrollbars=no, status=no, width='+width+', height='+height+',top= '+ wint+', left=' + winl+', resizable=no\')');
}

function posicion(fila, columna) {
	var result = 4*(fila - 1) + columna;
	return result;
}

function carga_banners() {
	str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="150" height="530">';
	str += '<param name="movie" value="swfs/menu.swf" />';
	str += '<param name="quality" value="high" />';
	str += '<param name="wmode" value="transparent" />';
	str += '<embed src="swfs/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="530"></embed>';
	str += '</object>';
	
	str2 = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="565" height="180">';
	str2 += '<param name="movie" value="swfs/banner.swf" />';
	str2 += '<param name="quality" value="high" />';
	str2 += '<param name="wmode" value="transparent" />';
	str2 += '<embed src="swfs/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="565" height="180"></embed>';
	str2 += '</object>	';
	document.getElementById("col_izq").innerHTML = str;
	document.getElementById("banner").innerHTML = str2;
}

function cambia_marco(objeto) {
	//alert(objeto.className);
	var clase = objeto.className;
	if(clase=="marco_picture")
	{
		objeto.className = "marco_picture_sobre";	
	}
	if(clase=="marco_picture_sobre")
	{
		objeto.className = "marco_picture";	
	}		
}

function show_photo(string, width, height) {
	var winl = (screen.width-width)/2;
  	var wint = (screen.height-height)/2;
	var popwin = window.open("popup.php?file="+string, "ImgPopUpWin", "scrollbars=no, status=no, width="+width+", height="+height+",top= "+ wint+", left=" + winl+", resizable=no");
}