// JavaScript Document
var idNoticiaFiltro;
var tipoNoticia;

function CargarEventos(indice, tipo, idNoticia)
{	
	indiceImagenes = indice;
	//modalProgreso.Show();
	tipoNoticia = tipo;
		
	idNoticiaFiltro = idNoticia;
	
	var request = new Request.JSON({
			url: '../fcms/php_sitio/consultar_noticias.php?tipo=' + tipo + '&idNoticia=' + idNoticia,
			onComplete: function(jsonObj) {
				
				//alert(jsonObj);
				MostrarEventos(jsonObj.rows, indice);
			}
		}).send();
}

function MostrarEventos(rows, indice)
{
		
	var gallery = $('listadoImagenes');
	gallery.empty();
			  
	var tabla = document.createElement('table');
	var tbody = document.createElement('tbody');
	var tr = document.createElement('tr');
	var td = document.createElement('td');

	//tabla.border = 1;
	tabla.cellPadding = 0;
	tabla.cellSpacing = 0;
	
	tabla.width = "100%";
	tabla.setAttribute("width","100%");
	
	var cont = 0;
	var cont1 = 1;
	var total = 0;
	var tipoNoticia = 1;
	
	var inicio = (indice * 7) + 1;
	
	rows.each(function(noticia) {
		
		total++;
		cont++;
			
		if((cont >= inicio) && (cont1 <= 7)) 
		{

			if(noticia.idNoticia != idNoticiaFiltro)
			{
				tr = document.createElement('tr');
				td = document.createElement('td');
						
				td.innerHTML = '<table width="315" height="100" border="0" cellpadding="0" cellspacing="0" background="../imagenes/noticias_bg.jpg" style="background-repeat:no-repeat;">                              <tr>                                <td align="left" valign="middle" style="padding:3px;"><table width="95%" border="0" cellspacing="0" cellpadding="0" style="margin:12px;">                            <tr>                              <td align="left" class="tex_fecha_naranja">' + noticia.fecha + '</td>                            </tr>                            <tr>                              <td height="30" align="left" class="tex_general_titulo">' + noticia.nombre + '</td>                            </tr>                            <tr>                              <td height="40" align="left"><a href="' + noticia.url + '" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Image' + total + '\',\'\',\'../imagenes/eve_tonleermas2.png\',1)"><img src="../imagenes/eve_tonleermas.png" name="Image' + total + '" width="94" height="23" border="0" id="Image21" /></a></td>                            </tr>                        </table></td></tr></table>';
				
				tr.appendChild(td);												
				tbody.appendChild(tr);	
			}
			else
			{
				total = total -1;
				cont1 = cont1 -1;
				cont = cont - 1;
			
			}
			
			cont1++;
		}
		else
		{
				
		}
					
		tipoNoticia = noticia.tipo;
	});
	
	var visibles = 7;
	
	if(total < 7)
		visibles = total;
	
	if(indice > 0)
		visibles = 7;
	
	var textoItem = "&Iacute;tems";
	
	if(total == 1)
		textoItem = "&Iacute;tem"
	
	td = document.createElement('td');
	tr = document.createElement('tr');
		
	var totalPaginas = Math.ceil(total/7);
	var paginas = "";
	var tipo = "eventos";
	
	if(tipoNoticia == 2)
		tipo = "noticias";
		
	for(i=0;i<totalPaginas;i++)
	{
		paginas += "<a href='javascript:CargarEventos(" + i + "," + tipoNoticia + "," + idNoticiaFiltro + ")' class='tex_paginato1'>" + (i + 1) + "</a>&nbsp;";		
	}

	td.innerHTML = '<table width="100%" height="30px" border="0" cellspacing="0" cellpadding="0">		<tr>		<td align="center"><span class="tex_general" style="background-repeat:repeat-x;">Mostrando ' + (cont1 - 1) + ' - 7 de ' + total + ' ' + tipo + ' ' + paginas + ' </span></td>		</tr>		</table>';
	
	td.align = "center";
	td.className="paginadorNoticias";	
	
	tr.appendChild(td);
	
	tbody.appendChild(tr);
	tabla.appendChild(tbody);
	
	if(total > 0)
		//div.appendChild(document.createElement('br'));
		document.getElementById("listadoImagenes").appendChild(tabla);
		
	document.location.href = "#arriba";
	
}

function RegistrarVisita(idNoticia)
{
	var req = new Request({

		url: '../fcms/php_sitio/registrar_visita.php?id=' + idNoticia,

		onSuccess: function(resultado){

		},

		onFailure: function(){
			alert('Request fallo!!');
		}

	});
	
	req.send();
}


function CargarCiencia(indice, tipo, idNoticia)
{	
	indiceImagenes = indice;
	//modalProgreso.Show();
	tipoNoticia = tipo;
		
	idNoticiaFiltro = idNoticia;
	
	var request = new Request.JSON({
			url: '../fcms/php_sitio/consultar_ciencias.php?tipo=' + tipo + '&idNoticia=' + idNoticia,
			onComplete: function(jsonObj) {

				MostrarCiencias(jsonObj.rows, indice);
			}
		}).send();
}

function RegistrarVisita1(idNoticia)
{
	var req = new Request({

		url: '../fcms/php_sitio/registrar_visita2.php?id=' + idNoticia,

		onSuccess: function(resultado){

		},

		onFailure: function(){
			alert('Request fallo!!');
		}

	});
	
	req.send();
}

function MostrarCiencias(rows, indice)
{
		
	var gallery = $('listadoImagenes');
	gallery.empty();
			  
	var tabla = document.createElement('table');
	var tbody = document.createElement('tbody');
	var tr = document.createElement('tr');
	var td = document.createElement('td');

	//tabla.border = 1;
	tabla.cellPadding = 0;
	tabla.cellSpacing = 0;
	
	tabla.width = "100%";
	tabla.setAttribute("width","100%");
	
	var cont = 0;
	var cont1 = 1;
	var total = 0;
	var tipoNoticia = 1;
	
	var inicio = (indice * 10) + 1;
	
	rows.each(function(noticia) {
		
		total++;
		cont++;
			
		if((cont >= inicio) && (cont1 <= 10)) 
		{
			if(noticia.idCiencia != idNoticiaFiltro)
			{
				tr = document.createElement('tr');
				td = document.createElement('td');
						
				td.innerHTML = '<table width="315" height="120" border="0" cellpadding="0" cellspacing="0" background="../imagenes/noticias_bg.jpg" style="background-repeat:no-repeat;">                              <tr>                                <td align="left" valign="middle" style="padding:3px;"><table width="95%" border="0" cellspacing="0" cellpadding="0" style="margin:12px;">                            <tr>                              <td align="left" class="tex_fecha_naranja">' + noticia.fecha + '</td>                            </tr>                            <tr>                              <td height="30" align="left" class="tex_general_titulo">' + noticia.nombre + '</td>                            </tr>                                                        <tr>                              <td height="40" align="left"><a href="' + noticia.url + '" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Image' + total + '\',\'\',\'../imagenes/ton_leermas_ciencia2.png\',1)"><img src="../imagenes/ton_leermas_ciencia.png" name="Image' + total + '" width="94" height="23" border="0" id="Image21" /></a></td>                            </tr>                        </table></td></tr></table>';
				
				tr.appendChild(td);												
				tbody.appendChild(tr);	
			}
			else
			{
				total = total -1;
				cont1 = cont1 -1;
				cont = cont - 1;
			
			}
			
			cont1++;
		}
		else
		{
				
		}
					
		tipoNoticia = noticia.tipo;
	});
	
	var visibles = 10;
	
	if(total < 10)
		visibles = total;
	
	if(indice > 0)
		visibles = 10;
	
	var textoItem = "&Iacute;tems";
	
	if(total == 1)
		textoItem = "&Iacute;tem"
	
	td = document.createElement('td');
	tr = document.createElement('tr');
		
	var totalPaginas = Math.ceil(total/10);
	var paginas = "";
	var tipo = "eventos";
	
	tipo = "p&aacute;ginas";
		
	for(i=0;i<totalPaginas;i++)
	{
		paginas += "<a href='javascript:MostrarCiencias(" + i + "," + tipoNoticia + "," + idNoticiaFiltro + ")' class='tex_paginato1'>" + (i + 1) + "</a>&nbsp;";		
	}

	td.innerHTML = '<table width="100%" height="30px" border="0" cellspacing="0" cellpadding="0">		<tr>		<td align="center"><span class="tex_general" style="background-repeat:repeat-x;">Mostrando ' + (cont1 - 1) + ' - 10 de ' + total + ' ' + tipo + ' ' + paginas + ' </span></td>		</tr>		</table>';
	
	td.align = "center";
	td.className="paginadorNoticias";	
	
	tr.appendChild(td);
	
	tbody.appendChild(tr);
	tabla.appendChild(tbody);
	
	if(total > 0)
		//div.appendChild(document.createElement('br'));
		document.getElementById("listadoImagenes").appendChild(tabla);
		
	document.location.href = "#arriba";
	
}