// 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_progetti.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  "G":  
						//CREAMOS TODOS LOS SPAN QUE NOS SERVIRAN PARA ALMACENAR
					   //LA DATA PARA ESTE MODULO DE NOTICIAS	
					   
						var crea_span="<span id='sp_proyecto_titulo'></span>";
						    crea_span+="<span id='sp_proyecto_paginacion'></span>";
							crea_span+="<span id='sp_lista_proyecto'></span>";
							crea_span+="<span id='sp_ampliacion_proyecto'></span>";
							
						document.getElementById("sp_contiene").innerHTML=crea_span; 
						
						 var strhtml="<div class='div_titulo'>PROGETTI</div>";
	       					 strhtml+="<br/>";
						
						 document.getElementById("sp_proyecto_titulo").innerHTML=strhtml; 
						
						var parte=cadena_total.split("^");
						var filas=parte[0];
						var cantidad=parte[1];
						
						if(filas!="0"){
							
							
							genera_paginacion_proyecto(cantidad, 5)
							construye_proyectos_thumbs(parte[0]);
							
						}else{
						  
						       var men="No existen noticias registradas";     
							document.getElementById("sp_contiene").innerHTML=men;
						}

						break;
						
						break;					   
						
 		   case  "H":  
						construye_proyectos_thumbs(cadena_total);
						
						break;					   
						
 		   case  "I":  
						construye_proyecto_normal(cadena_total);
						
						break;					   						
								
		
	   }//end switch

}//end function 





function proyectos(){
	
	transaccion("G","");
	
	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;
	
}



////////////////////////////////////////////
//////        PROYECTO             /////////
////////////////////////////////////////////

function genera_paginacion_proyecto(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='sp"+(i+1).toString()+"' " ;
				strhtml+=" onclick='color_paginacion_proyecto(this.id), ";
				strhtml+=" manda_paginacion_proyecto(\""+parametro+"\")'>";
				strhtml+=(i+1).toString();
				strhtml+="</span>";
				
				
				
				variable_limit= cantidad_por_pagina * (i+1);
				 
			   }//end for
			   
			   
			  		   
				//INGRESAMOS AL SPAN EL HTML GENERADO
				document.getElementById("sp_proyecto_paginacion").innerHTML=strhtml +"<br/><br/>"; 
			   
			   //pintamos el primero para que este con colorsito
			   document.getElementById("sp1").className="sp_paginacion_seleccionada"; 
											
	}//end if
	
	
}//en function


function color_paginacion_proyecto(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="sp1";//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="sp"+con.toString();//aqui generamos los nombres 
	                         //de los span en forma dinamica
		
	}//end while
	
}//end function


function manda_paginacion_proyecto(valor){
		
        //alert(valor);
		transaccion("H",valor);
		gif_ajax("sp_lista_proyecto");
		
}


function construye_proyectos_thumbs(valor){
	
	   var strhtml="";
		
	  			
		var parte=valor.split("~");
		
			for(i=0; i<parte.length; i++){
				
				var campo=parte[i].split("|");
				
				 /*
				 idproyectos, titulo, objetivo, fecha
				 */
				 
				 var id=campo[0];
				 var titulo=campo[1];
				 var objetivo=campo[2];
				 var fecha=fecha_normal(campo[3]);
				 
				 
				 strhtml+="<div class='div_subtitulo'>"+titulo+"</div>";
				 
				 //EMPLEAREMOS UNA TABLA PARA MOSTRAR EL 
				 
				 strhtml+="<table id='tb_noticias' cellpadding='0' width='510' ";
				 strhtml+=" cellspacing='0' align='center'>";
				 				 		 
				 strhtml+="<tr>";
				 strhtml+="<td class='td_noticia_fecha'>";
				 strhtml+=fecha;
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td style='padding-left=10px;'>";
				 strhtml+=objetivo;
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td class='td_noticia_fecha'>";
				 strhtml+="<a href='javascript:muestra_proyecto_normal(\""+id+"\")'>";
				 strhtml+="Ver detalle ...";
				 strhtml+="</a>"
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="</table>";
				 
				 //(i+1)=parte.length CUANDO SEA EL ULTIMO ITEM
				 //ASI ES QUE PONEMOS ESTOS BR MIENTRAS NO SEA EL ULTIMO
				 //POR ESO PONEMOS (i+1)<parte.length, PORQUE SI PONEMOS ESA
				 //SEPARACION EN EL ULTIMO ITEM LO SEPARA DEMACIADO DEL PIE DE PAGINA
				 if((i+1)<parte.length){
				 	strhtml+="<br/>";
				 	strhtml+="<br/>";
				 }
				 
			}//ENDFOR
			
	   document.getElementById("sp_lista_proyecto").innerHTML=strhtml;
}



function muestra_proyecto_normal(valor){
	
	transaccion("I", valor);
	
	
	document.getElementById("sp_proyecto_paginacion").style.display="none";
	document.getElementById("sp_lista_proyecto").style.display="none";
	document.getElementById("sp_ampliacion_proyecto").style.display="block";
	gif_ajax("sp_ampliacion_proyecto");
	
}


function construye_proyecto_normal(cadena){
	
	
	        var parte=cadena.split("^");
			var proyecto=parte[0];
			
			var comprobantes=parte[1];
			
	     
	 		var strhtml="<div class='div_regresar'>";
   				strhtml+="<a href='javascript:regresar_proyecto()'>Regresar</a></div>";
	  
				var campo=proyecto.split("|");
				
				 /*
				 titulo, objetivo, resultado, rendicion, fecha 
				 */
				 
				 var titulo=campo[0];
				 var objetivo=campo[1];
				 var resultado=campo[2];
				 var rendicion=campo[3];
				 var fecha=fecha_normal(campo[4]);
				 
				 strhtml+="<div class='div_subtitulo'>"+titulo+"</div>";
				 
				 //EMPLEAREMOS UNA TABLA PARA MOSTRAR EL 
				 
				 strhtml+="<table id='tb_noticias' cellpadding='0' width='510' ";
				 strhtml+=" cellspacing='0' align='center'>";
				 				 		 
				 strhtml+="<tr>";
				 strhtml+="<td class='td_noticia_fecha'>";
				 strhtml+=fecha;
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td >";
				 strhtml+="&nbsp;";
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td class='td_subtitulo_proyecto'>";
				 strhtml+="Objettivo";
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td style='padding-left=10px;'>";
				 strhtml+=objetivo;
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td class='td_subtitulo_proyecto'>";
				 strhtml+="Resultati attesi";
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td style='padding-left=10px;'>";
				 strhtml+=resultado;
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td class='td_subtitulo_proyecto'>";
				 strhtml+="Rendicontazione";
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td style='padding-left=10px;'>";
				 strhtml+=rendicion;
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td class='td_subtitulo_proyecto'>";
				 strhtml+="Comprobantes";
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td style='padding-left=10px;'>";
				 
				 if(comprobantes!="0"){//SI ES DIFERENTE DE CERO ES PORQUE
				                       //EXISTE AL MENOS UN COMPROBANTE 
				 
						 var filas=comprobantes.split("~");
						 
						 for(i=0; i<filas.length; i++){
							 var campos=filas[i].split("|");
							 var foto_normal=campos[0];
							 var foto_thumbs=campos[1];
							
							var url ="http://www.copeitalia.com/img_proyectos/"+foto_normal;
							//var url ="http://localhost/copei/img_proyectos/"+foto_normal;
							 
							strhtml+="<br/>";   
							strhtml+="<a href='"+url+"' target='_blank' >";
							strhtml+="comprobante_"+(i+1).toString();+"</a>";
							 
							 
						 }
				 
				 }else{
					 
					 strhtml+="---"; 
				 }
				 
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 				 
				 strhtml+="</table>";
				 strhtml+="<br/>";
		    	 strhtml+="<div class='div_regresar'>";
   				 strhtml+="<a href='javascript:regresar_proyecto()'>Regresar</a></div>";
	  

	   document.getElementById("sp_ampliacion_proyecto").innerHTML=strhtml;
	   
}

function regresar_proyecto(){
	
	document.getElementById("sp_proyecto_paginacion").style.display="block";
	document.getElementById("sp_lista_proyecto").style.display="block";
	document.getElementById("sp_ampliacion_proyecto").style.display="none";
	
}