// 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",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 ajusta_medidas(seccion) {
	sw="1";
	parametros=seccion;
	transaccion(sw,parametros);
}

function llena_contenido(seccion) {
	sw="2";
	parametros=seccion;
	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("derecha").innerHTML= str; 
	transaccion(sw,parametros);
}

function llena_contactenos() {
	    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("derecha").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]) {
			// ******************** actualiza ancho y alto del banner ********************
			case "1":
				var aux = arreglo[1].split("~");
				var ancho = aux[0];
				var alto = aux[1];
				document.nuevo.ancho.value = ancho;
				document.nuevo.alto.value = alto;
				str = 'Las medidas de la imagen que suba seran modificadas para que se ajusten a las medidas del Banner de esta seccion que son ' + ancho + ' pixeles de ancho por ' + alto + ' pixeles de alto.Le recomendamos subir imagenes de estas medidas exactas para evitar distorsi&oacute;n. Asimismo se recomienda que el peso de la imagen no exceda los 150kb para que la carga sea r&aacute;pida.';
				document.getElementById("msg_medidas").innerHTML = str;			
			break;
			
			// ******************** CONTENIDO DE SECCION DE TEXTO *************************
			// ******************** CONTENIDO DE SECCION DE TEXTO *************************
			// ******************** CONTENIDO DE SECCION DE TEXTO *************************
			
		   	case "2": 
		    	var aux = arreglo[1].split("~");
				var titulo = aux[0];
				var texto = aux[1];				
				str = '<table width="490">';
				str += '<tr>';
				str += '<td width="3%" height="10"></td>';
				str += '<td width="94%"></td>';
				str += '<td width="3%"></td>';
				str += '</tr>';
				
				str += '<tr>';
				str += '<td height="23"></td>';
				str += '<td align="left" valign="middle" class="titulo_amarillo">' + titulo + '</td>';
				str += '<td></td>';				
				str += '</tr>';			
				
				str += '<tr>';
				str += '<td colspan="3" height="10"></td>';
				str += '</tr>';			
				
				str += '<tr>';
				str += '<td></td>';
				str += '<td align="left" class="arial_11_normal">' + texto + '</td>';
				str += '<td></td>';
				str += '</tr>';
				str += '</table>';		
				document.getElementById("derecha").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 popup(archivo, ancho, alto) {
	var winl = (screen.width-ancho)/2;
  	var wint = (screen.height-alto)/2;
	var popwin = window.open("popup.php?file="+archivo, "ImgPopUpWin", "scrollbars=no, status=no, width="+ancho+", height="+alto+",top= "+ wint+", left=" + winl+", resizable=no");
}

function popup_gal(archivo, ancho, alto) {
	var winl = (screen.width-ancho)/2;
  	var wint = (screen.height-alto)/2;
	var popwin = window.open("popup_gal.php?file="+archivo, "ImgPopUpWin", "scrollbars=no, status=no, width="+ancho+", height="+alto+",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="766" height="160" title="Jovenes Peru">';
	str += '<param name="movie" value="swfs/banner_ing.swf" />';
	str += '<param name="quality" value="high" />';
	str += '<embed src="swfs/banner_ing.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="731" height="160"></embed>';
	str +='</object>';
	
	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="766" height="160" title="Jovenes Peru">';
	str += '<param name="movie" value="swfs/banner_fr.swf" />';
	str += '<param name="quality" value="high" />';
	str += '<embed src="swfs/banner_fr.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="731" height="160"></embed>';
	str +='</object>';	
	document.getElementById("precarga").innerHTML = str;
}

function cambia_clase(objeto) {
	var clase = objeto.className;
	switch(clase)
	{
		case "opcion_menu":
			objeto.className = "opcion_menu_over";
		break;
		
		case "opcion_menu_over":
			objeto.className = "opcion_menu";
		break;
	}
}

function change_bg(objeto) {
	var clase = objeto.className;
	switch(clase)
	{
		case "feature_out":
			objeto.className = "feature_over";
		break;
		
		case "feature_over":
			objeto.className = "feature_out";
		break;
	}
}