// 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_galeria.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 manda 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
						
				}
  		} 
       
}




function recibe(action){
	
		var descriminador =	action.substring(0,1);//PORQUE LA POSICION 0 TRAE EL NUMERO
		
		                                         //EN LA POSICION 1 VIENE EL MICHI
		   
	    var cadena_total =	action.substring(2,action.length); //PORQUE A PARTIR DE LA 
		                                                       //POSICION 2 TRAE LO DEMAS
	 
	    
		switch (descriminador){
			
			
					   
 		   case  "7":  //GALERIA
						
					   //CREAMOS TODOS LOS SPAN QUE NOS SERVIRAN PARA ALMACENAR
					   //LA DATA PARA ESTE MODULO DE GALERIA	
						var crea_span="<span id='sp_galeria_titulo'></span>";
						    crea_span+="<span id='sp_galeria'></span>";
							crea_span+="<span id='sp_galeria_paginacion'></span>";
							crea_span+="<span id='sp_galeria_thumbs'></span>";
							crea_span+="<span id='sp_galeria_normal'></span>";	
							
						document.getElementById("sp_contiene").innerHTML=crea_span; 
						
						 var strhtml="<div class='div_titulo'>IMMAGINI</div>";
	       					 strhtml+="<br/>";
						
						 document.getElementById("sp_galeria_titulo").innerHTML=strhtml; 	
						
						construye_galeria(cadena_total);
						
						
						
						break;
					   
 		   case  "8":   //CONTRUYO PAGINACION, TABLA Y ELEMENTOS(FOTOS) DE LA TABLA
						
						
						
						var parte=cadena_total.split("^");
						var filas=parte[0];
						var cantidad=parte[1];
						
						if(parte[0]!="0"){
							
							//GENERO LA PAGINACION
							genera_paginacion_foto(cantidad, 9);
							
							//CONSTRUYO LA TABLA
							if(parseInt(cantidad)>9){
								construir_tabla_foto(9);
							}else{
								construir_tabla_foto(cantidad);
							}//endif
								
							//INSERTO LAS FOTOS EN LA TABLA
							construye_foto_thumbs(filas);
							
														
						}else{
						       
						
   						document.getElementById("sp_galeria_paginacion").innerHTML="";
   						document.getElementById("sp_galeria_thumbs").innerHTML="";
							   
							   
						       var men="<br/><br/>No existen fotos registradas";     
							document.getElementById("sp_galeria_thumbs").innerHTML=men;
						}
						
						
						
						
						break;
						
						
					   
 		   case  "9":  
						var parte=cadena_total.split("^");
						construir_tabla_foto(parte[1]);
						construye_foto_thumbs(parte[0]);

						break;
					   
					   
 		   case  "A":  
						
						construye_foto_normal(cadena_total);
						break;
					   
 		  			   						
								
		
	   }//end switch

}//end function 



function galeria(){
	
	transaccion("7","");
	
	document.getElementById("sp_contiene").style.display="block";
	gif_ajax("sp_contiene");
		
}





function gif_ajax(id_object){
	
	var strhtml="<br/><br/><br/><br/><br/><br/><br/>";
	    strhtml+="<img src='imagenes_administracion/progress.gif'>";
	document.getElementById(id_object).innerHTML=strhtml;
	
}





/***************************************************************************************/
/***************************GALERIA*****************************************************/
/***************************************************************************************/

function construye_galeria(cadena_total){
	
	var strhtml="";
		
   var filas=cadena_total.split("~");
	
	if(filas!="0"){
		
			strhtml+="<select id='cbogaleria'  onchange='foto_thumbs(this.value)'>";
			strhtml+="<option value='0'>Seleccione...</option>";
						
			for(i=0; i<filas.length; i++){
				
				var campos=filas[i].split("|");
				var nombre=recibe_transformacion(campos[1]);
				strhtml+="<option value='"+campos[0]+"'>"+nombre+"</option>";
				
			}//endfor
				strhtml+="</select>";
	}else{
			  strhtml+="No existen galerías registradas";	
	}//endif
		
	document.getElementById("sp_galeria").innerHTML=strhtml;
	
	
}

function foto_thumbs(valor){
	
  
  transaccion("8",valor);
  gif_ajax("sp_galeria_thumbs");
  
  //BLANQUEAMOS LA PAGINACION  DE LAS FOTOS
  //POR VAMOS A TRAER UNA NUEVA GALERIA
  document.getElementById("sp_galeria_paginacion").innerHTML="";
	
	
}

function genera_paginacion_foto(total_elementos, cantidad_por_pagina){
	
	if(total_elementos>cantidad_por_pagina){//si el total_elementos es mayor
	                                        //que cantidad_por_pagina entonces
                                            //solo asi se generara la paginacion 
											
			   var paginas=Math.ceil(total_elementos/cantidad_por_pagina);
			   var variable_limit=0;//esta la variable que le pasaremos
									//al limit del mysql empieza en cero porque
									//la extraer los primeros se pone limit 0,X
			   var strhtml="<span style='color:#006660'>Páginas</span>";
			   
			   for(i=0; i<paginas; i++){
		
		
				parametro=variable_limit.toString()+","+cantidad_por_pagina.toString();
				
				strhtml+="&nbsp;&nbsp;&nbsp;&nbsp;"
				strhtml+="<span class='sp_paginacion' id='spfoto"+(i+1).toString()+"' " ;
				strhtml+=" onclick='color_paginacion_foto(this.id),";
				strhtml+=" manda_paginacion_foto(\""+parametro+"\")'>";
				strhtml+=(i+1).toString();
				strhtml+="</span>";
				
				
				
				variable_limit= cantidad_por_pagina * (i+1);
				 
			   }//end for
			   
			   //DEPENDIENDO EN DONDE LO VAMOS A UBICAR
				//EL getElementById(XXXX) CAMBIA
	document.getElementById("sp_galeria_paginacion").innerHTML="<br/>"+strhtml+"<br/>"; 
			   
			   
			   //pintamos el primero para que este con colorsito
			   document.getElementById("spfoto1").className="sp_paginacion_seleccionada"; 
											
	}//end if
	
	
}//en function


function color_paginacion_foto(idspan_seleccionado){
//manda_paginacion ES UNA FUNCION QUE SE LE TIENE QUE PASAR 
//EL VALOR DEL LIMIT Y EL ID DEL SPAN AL CUAL SE LE HIZO CLICK
	
	var sp="spfoto1";//el primer span se llama sp1
	var con=1;//me servira para generar los nombres de los span
	while (document.getElementById(sp)!= null ){//cuado el objeto no exista sera null por
	                                            //lo tanto ya ni entrara al bucle
		if(idspan_seleccionado==sp){
			document.getElementById(sp).className="sp_paginacion_seleccionada"; 
		}else{
			document.getElementById(sp).className="sp_paginacion"; 
		}//endif
	
	  con=con+1;
	  sp="spfoto"+con.toString();//aqui generamos los nombres 
	                         //de los span en forma dinamica
		
	}//end while
	
}//end function


function manda_paginacion_foto(valor){
		
        var idgaleria=document.getElementById("cbogaleria").value;
		
		var cadena=idgaleria+"^"+valor; // 	AQUI PASAMOS EL IDGALERIA MAS EL LIMIT X,X
		
		transaccion("9",cadena);
		gif_ajax("sp_galeria_thumbs");
		
		
	
}



function construir_tabla_foto(num_fotos){
	
	
	filas=Math.ceil(num_fotos/3); //EL 3 ES EL NUMERO DE FOTOS A MOSTRAR POR CADA FILA
	
strhtml="<table id='tb_foto_galeria' border='0' cellpadding='0' cellspacing='5' width='500'>";
	
	inicio=1;
	final=3;
	for(i=1; i<=filas; i++){
	    
		strhtml+="<tr>";
	        	
		for(j=inicio; j<=final; j++){

		    strhtml+="<td class='td_foto_galeria' id='td_foto"+j.toString() +"' ";
			strhtml+=" width='33%' height='140' >";
			strhtml+="&nbsp;</td>";
		}
		
		strhtml+="</tr>";
		
		inicio=inicio+3;
		final=final+3;
	}
	
	strhtml+="</table>";
	
	document.getElementById("sp_galeria_thumbs").innerHTML=strhtml;

}



function construye_foto_thumbs(valor){
	
	var rows=valor.split("~");
	
	for(i=0; i<rows.length; i++){
		
		var campos=rows[i].split("|");
		
		//CAMPOS
		//idgaleria_foto, foto_thumbs, fecha, sw, titulo
		var idgaleria_foto=campos[0];
		var foto_thumbs=campos[1];
		var fecha=fecha_normal(campos[2]);
		var sw=campos[3];
		var titulo=campos[4];
		
		
		
		    strhtml="<table  border='0' cellpadding='0' cellspacing='2' align='center'>";
						
			
			strhtml+="<tr>";
			strhtml+="<td height='120' style='vertical-align:top;'>";
			strhtml+="<img src='img_galeria/"+foto_thumbs+"' class='img_foto_galeria' ";
		    strhtml+=" onclick='foto_normal(\""+idgaleria_foto +"\")'/> ";
			strhtml+="</td>"
			strhtml+="</tr>"
			
			strhtml+="<tr>";
			strhtml+="<td  >";
	strhtml+="<b><a class='link_galeria' href='javascript:foto_normal(\""+idgaleria_foto +"\")'>";
			strhtml+=titulo+"</a></b>";
			strhtml+="</td>"
			strhtml+="</tr>"
			
			strhtml+="<tr>";
			strhtml+="<td>";
			strhtml+=fecha;
			strhtml+="</td>"
			strhtml+="</tr>"
			
			strhtml+="</table>";
			
		var id_td="td_foto"+(i+1).toString();
		document.getElementById(id_td).innerHTML=strhtml;
		
		//alert(foto_thumb);
		
	}
	
}

function foto_normal(valor){
	
	transaccion("A", valor);
	
		
   document.getElementById("sp_galeria").style.display="none";
   document.getElementById("sp_galeria_paginacion").style.display="none";
   document.getElementById("sp_galeria_thumbs").style.display="none";
   
   document.getElementById("sp_galeria_normal").style.display="block";
   
	gif_ajax("sp_galeria_normal");
	
}

function construye_foto_normal(valor){
  //$foto_normal."|".$fecha."|".$titulo_normal."|".	$des_normal;
  
  	var campos=valor.split("|");
    var foto_normal=campos[0];
	var fecha=campos[1];
	var titulo_normal=campos[2];
	var des_normal=campos[3];
 
 
 var strhtml="<div class='div_regresar'>";
   	 strhtml+="<a href='javascript:regresar_galeria()'>Regresar</a></div>";
 
           strhtml+="<table  border='0' cellpadding='0' cellspacing='2' align='center'>";
						
						
			strhtml+="<tr>";
			strhtml+="<td  >";
			strhtml+="<b>"+titulo_normal+"</b>";
			strhtml+="</td>"
			strhtml+="</tr>"
			
			strhtml+="<tr>";
			strhtml+="<td>";
			strhtml+=fecha_normal(fecha);
			strhtml+="</td>"
			strhtml+="</tr>"
			
			strhtml+="<tr>";
			strhtml+="<td  style='vertical-align:top;'>";
			strhtml+="<br/>";
			strhtml+="<img src='img_galeria/"+foto_normal+"' class='img_foto_galeria' >";
		    strhtml+="</td>"
			strhtml+="</tr>"
			
			
			strhtml+="<tr>";
			strhtml+="<td>";
			strhtml+="<br/>"+des_normal;
			strhtml+="</td>"
			strhtml+="</tr>"
			
					
	strhtml+="</table>";
	
	 strhtml+="<div class='div_regresar'>";
   	 strhtml+="<a href='javascript:regresar_galeria()'>Regresar</a></div>";
	document.getElementById("sp_galeria_normal").innerHTML=strhtml;

}


function regresar_galeria(){

   document.getElementById("sp_galeria").style.display="block";
   document.getElementById("sp_galeria_paginacion").style.display="block";
   document.getElementById("sp_galeria_thumbs").style.display="block";
   document.getElementById("sp_galeria_normal").style.display="none";
	
	
}