// 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_notizie.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  "4":  //NOTICIAS
		   
					   //CREAMOS TODOS LOS SPAN QUE NOS SERVIRAN PARA ALMACENAR
					   //LA DATA PARA ESTE MODULO DE NOTICIAS	
					   
						var crea_span="<span id='sp_noticia_titulo'></span>";
						    crea_span+="<span id='sp_noticias_paginacion'></span>";
							crea_span+="<span id='sp_lista_noticias'></span>";
							crea_span+="<span id='sp_ampliacion_noticias'></span>";
							
						document.getElementById("sp_contiene").innerHTML=crea_span; 
						
						 var strhtml="<div class='div_titulo'>NOTIZIE</div>";
	       					 strhtml+="<br/>";
						
						 document.getElementById("sp_noticia_titulo").innerHTML=strhtml; 
						
						var parte=cadena_total.split("^");
						var filas=parte[0];
						var cantidad=parte[1];
						
						if(filas!="0"){
							
							
							genera_paginacion_noticias(cantidad, 5)
							construye_noticias_thumbs(parte[0]);
							
						}else{
						  
						       var men="No existen noticias registradas";     
							document.getElementById("sp_contiene").innerHTML=men;
						}

						break;
								
 		   case  "5":  
						//alert(cadena_total);
						//break;
						
						
						
						construye_noticia_normal(cadena_total);
											
						break;
						
 		   case  "6":  
						
						construye_noticias_thumbs(cadena_total);
						break;
					   
 		  		   						
								
		
	   }//end switch

}//end function 





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





///////////////////////////////
////////////NOTICIAS///////////
///////////////////////////////


function genera_paginacion_noticias(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(this.id), ";
				strhtml+=" manda_paginacion_noticias(\""+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_noticias_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(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_noticias(valor){
		
        //alert(valor);
		transaccion("6",valor);
		gif_ajax("sp_lista_noticias");
		
}


function construye_noticias_thumbs(valor){
	
	   var strhtml="";
		
	  			
		var parte=valor.split("~");
		
			for(i=0; i<parte.length; i++){
				
				var campo=parte[i].split("|");
				
				 /*
				 iddetalle_noticias, foto_thumbs, html_o_link,
				 titulo_normal, html_thumbs, link, fecha
				 */
				 
				 var id=campo[0];
				 var foto_thumbs=campo[1];
				 var html_o_link=campo[2];
				 var titulo_normal=campo[3];
				 var html_thumbs=campo[4];
				 var link=campo[5];
				 var fecha=fecha_normal(campo[6]);
				 
				 
				 strhtml+="<div class='div_subtitulo'>"+titulo_normal+"</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+="<img src='img_noticias/"+foto_thumbs+"'";
				 strhtml+=" class='rightimage' border='0' />";
				 strhtml+=html_thumbs;
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 strhtml+="<tr>";
				 strhtml+="<td class='td_noticia_fecha'>";
				 
				 if(html_o_link=="0"){
				 	strhtml+="<a href='javascript:muestra_noticia_normal(\""+id+"\")'>";
				 }else if (html_o_link=="1"){
					 
					 strhtml+="<a href='"+link+"' target='_blank'>";
				 }//endif
				 
				 strhtml+="Ver nota completa ...";
				 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_noticias").innerHTML=strhtml;
}


//ESTA FUNCION MUESTRA LA NOTICIA NORMAL(A DETALLE)
//DESDE POR LO TANTO TIENE QUE ESTAR VISIBLE
//EL sp_noticia_normal y sp_noticias_paginacion
function muestra_noticia_normal(valor){
	
	transaccion("5", valor);
	
	
	document.getElementById("sp_noticias_paginacion").style.display="none";
	document.getElementById("sp_lista_noticias").style.display="none";
	document.getElementById("sp_ampliacion_noticias").style.display="block";
	gif_ajax("sp_ampliacion_noticias");
	
}


function construye_noticia_normal(valor){
	
	  
	 		var strhtml="<div class='div_regresar'>";
   				strhtml+="<a href='javascript:regresar_noticia()'>Regresar</a></div>";
	  
				var campo=valor.split("|");
				
				 /*
				 foto_normal, titulo_normal, html_normal, fecha
				 */
				 
				 
				 var foto_normal=campo[0];
				 var titulo_normal=campo[1];
				 var html_normal=campo[2];
				 var fecha=fecha_normal(campo[3]);
				 
				 
				 
				 
				 strhtml+="<div class='div_subtitulo'>"+titulo_normal+"</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+="<img src='img_noticias/"+foto_normal+"'";
				 strhtml+=" class='rightimage' border='0' />";
				 strhtml+=html_normal;
				 strhtml+="</td>";
				 strhtml+="</tr>";
				 
				 				 
				 strhtml+="</table>";
				 strhtml+="<br/>";
		    	 strhtml+="<div class='div_regresar'>";
   				 strhtml+="<a href='javascript:regresar_noticia()'>Regresar</a></div>";
	  

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

function regresar_noticia(){
	
	document.getElementById("sp_noticias_paginacion").style.display="block";
	document.getElementById("sp_lista_noticias").style.display="block";
	document.getElementById("sp_ampliacion_noticias").style.display="none";
	
}