//  ----------------------------------------------------------------
//  Visualiza el contenido del bloque de paginación
// seleccionado.
// SOBREESCRIBIR
//  ----------------------------------------------------------------
function renderBloqueContenidos(id, capa, xmlContenidos, urlCargarImagenes){
	if (id=='visitas') {
		renderCapaVisitas(capa, xmlContenidos, urlCargarImagenes);
	} else if (id=='contenidos') {
		renderCapaContenidos(capa, xmlContenidos, urlCargarImagenes);
	} else if (id=='noticiasVik') {
		renderCapaNoticiasVik(capa, xmlContenidos);
	}
}


//  ----------------------------------------------------------------
//  Visualiza los registros de contenidos en la capa
// destino parametrizada.
//  ----------------------------------------------------------------
function renderCapaContenidos(capa, xml, urlImg){
	
	var last_code = '';
	
	var cadena = "<table class='contenidos' width='100%' valign='top' align='center' cellspacing='0' cellpadding='3'>";
	
	//$(xml).each(function(i,item){
	$.each(xml,function(i,item){
		last_code = item.code;
		
		// Ancho máximo de imagen por modelo
		var modelo = item.modelo;		
		
		var fecha = new Date(item.fecha);
		var txt_fecha = ((fecha.getDate()<10)? "0"+fecha.getDate():fecha.getDate()) + 
				"-" + ((fecha.getMonth()+1<10)? "0" + (fecha.getMonth()+1) : fecha.getMonth()+1) + 
				"-" + fecha.getFullYear();
		
		var txt_hora = (fecha.getHours()==0 && fecha.getMinutes()==0 && fecha.getSeconds()==0)? "" :
				(((fecha.getHours()<10)? "0"+fecha.getHours() : fecha.getHours() ) + 
				":" + ((fecha.getMinutes()<10)? "0"+fecha.getMinutes() : fecha.getMinutes()) + 
				":" + ((fecha.getSeconds()<10)? "0"+fecha.getSeconds() : fecha.getSeconds()));
			

		//  Título del contenido
		var contenido = "<tr>";
		contenido = contenido + "<td align='center' valign='top'>";	
		contenido = contenido + "<div style='width:500px;overflow:auto'>";
		contenido = contenido + "<table class='contenidos_contenido' width='100%' height='100%' valign='top' cellspacing='0' cellpadding='3'>";
		contenido = contenido + "<tr>";
		contenido = contenido + "<td class='contenidos_contenido_titulo' width='120px' align='center' valign='top'>";
		contenido = contenido + "<table align='center' valign='top' cellspacing='3' cellpadding='0'>";
		
		//contenido = contenido + "<tr><td><br/></td></tr>";
		contenido = contenido + "<tr><td align='center'>Esto lo ha ponío</td></tr>";		
		contenido = contenido + "<tr><td align='center'>";		
		if (item.usu_code!=null && item.usu_code!="" && item.avatar!=null && item.avatar!=""){						
			contenido = contenido + "<img src='"+urlImg+"/ava/"+item.avatar+"' border='0' vspace='3' />";
		} else {			
			contenido = contenido + "<img src='imagenes/nousuario.jpg' title='No registrado' alt='No registrado' border='0' vspace='3' />";
		}
		contenido = contenido + "</td></tr>";
		contenido = contenido + "<tr><td align='center'><span><u>"+item.alias+"</u></span></td></tr>";
		contenido = contenido + "<tr><td><br/></td></tr>";
		contenido = contenido + "<tr><td align='center'>"+txt_fecha+" "+txt_hora+"</td></tr>";
		contenido = contenido + "</table>";
		contenido = contenido + "</td>";

		contenido = contenido + "<td class='contenidos_contenido_texto' align='left' valign='top'>";
		
		// Texto e imagen por modelo
		if (modelo=="0") {
			contenido = contenido + item.texto;
		} 
		else if (modelo=="1") {
			contenido = contenido + "<p align='justify'>";
			//contenido = contenido + "<img src='imagenes/contenidos/"+item.imagen_url+"' width='"+ancho+"px' align='left' hspace='7' vspace='7' />";
			contenido = contenido + "<img name='contenido_"+item.modelo+"' src='"+urlImg+"/con/"+item.imagen+"' align='left' hspace='7' vspace='7' />";
			contenido = contenido + item.texto;
			contenido = contenido + "</p>";
		}
		else if (modelo=="2") {
			contenido = contenido + "<p align='justify'>";
			//contenido = contenido + "<img src='imagenes/contenidos/"+item.imagen_url+"' width='"+ancho+"px' align='right' hspace='7' vspace='7' />";
			contenido = contenido + "<img name='contenido_"+item.modelo+"' src='"+urlImg+"/con/"+item.imagen+"' align='right' hspace='7' vspace='7' />";
			contenido = contenido + item.texto;
			contenido = contenido + "</p>";
		}
		else if (modelo=="3") {
			contenido = contenido + "<p align='center'>";
			//contenido = contenido + "<img src='imagenes/contenidos/"+item.imagen_url+"' width='"+ancho+"px' hspace='7' vspace='7' />";
			contenido = contenido + "<img name='contenido_"+item.modelo+"' src='"+urlImg+"/con/"+item.imagen+"' hspace='7' vspace='7' />";
			contenido = contenido + "<br/><br/>";
			contenido = contenido + "</p>";
			contenido = contenido + "<p align='justify'>";
			contenido = contenido + item.texto;
			contenido = contenido + "</p>";
		}
		else if (modelo=="4") {		
			contenido = contenido + "<p align='justify'>";
			contenido = contenido + item.texto;
			contenido = contenido + "</p>";
		}

		// Enlace
		contenido = contenido +"<p align='justify'>";
		contenido = contenido + "<br/>";
		if (item.enlace_url!='' && item.enlace_texto!='') {
			contenido = contenido + "<a href='"+item.enlace_url+"' target='_blank'>"+item.enlace_texto+"</a>";
		}
		contenido = contenido + "</p>";
		
		contenido = contenido + "</td>";
		contenido = contenido + "</tr>";
		
		
		
		contenido = contenido + "</table>";
		
		contenido = contenido + "<br/>";	
		contenido = contenido + "</div>";
		contenido = contenido + "</td>";
		contenido = contenido + "</tr>";
		
		cadena = cadena + contenido;
	}); 
	cadena = cadena + "</table>";
	
	capa.empty();	
	capa.append(cadena);
	
	capa.contents().find('img[name^="contenido"]').load(function(){
		var nom = $(this).attr('name');
		var ancho = $(this).attr('width');
		if (ancho!=null && ancho!='' && ancho>0) {
			var modo = nom.substr(nom.indexOf("_")+1);
			
			if (modo=='1' && ancho>280){
				$(this).attr('width',280);
			} else if (modo=='2' && ancho>280){
				$(this).attr('width',280);
			} else if (modo=='3' && ancho>400){
				$(this).attr('width',400);
			}
		}	
		//alert($(item).attr('width')+"   :   "+modo);
	});
	
	return last_code;
}


//Carga el contenido de la url de rss en el
//div parametrizado.
function renderCapaNoticias(div, url, urlImg, total){
	div.tabs('destroy');
	div.empty();
	div.html("<p align='center'>"+imgLoading+"</p>");
	$.ajax({
		url: url,
		//async: false,
		dataType: "json",
		success: function(data){
			if (data!=null){
				// Pestañas
				var enlaceInicial = "";
				var enlaceOrigen = "";
				if (total==null || total<=0) total = 7;
				var contenido = "<ul>";
				$(data).each(function(i,item){
					
					if (item.enlace_texto!=null && item.enlace_texto!="") {
						if (i==0){
							enlaceInicial = item.enlace_url;
							enlaceOrigen = item.origen_url;
						}
						contenido = contenido + "<li>";
						contenido = contenido + "<a href='#tabs-"+i+"' name='tabs-"+i+"' ";
						contenido = contenido + "onClick=\"javascript:loadRss($('#tabs-"+i+"'),'"+item.enlace_url+"',"+total+",'"+item.origen_url+"');\" ";
						contenido = contenido + "alt='"+item.origen_url+"' title='"+item.origen_url+"'>";
						if (item.enlace_imagen!=null && item.enlace_imagen!=""){
							contenido = contenido + "<img src='"+urlImg+"/ico/"+item.enlace_imagen+"' height='16px' border='0' hspace='0' vspace='0' align='absmiddle' />&nbsp;&nbsp;"
						}
						contenido = contenido + item.enlace_texto;
						contenido = contenido + "</a></li>";
					} 				
				});
				contenido = contenido + "</ul>";
				
				$(data).each(function(i,item){
					if (item.enlace_texto!=null && item.enlace_texto!="") {
						contenido = contenido + "<div id='tabs-"+i+"' style='overflow:auto;'></div>";
					} 				
				});								
				div.html(contenido);
				
				if (enlaceInicial!=null && enlaceInicial!=""){
					loadRss($('#tabs-0'),enlaceInicial, total, enlaceOrigen);
				}
				
				div.tabs({spinner: 'Cargando...'});
			}
		}
	});
	
}


function renderCapaUltimasGalerias(div, total, url_galeria, url_fotos, url_imagen){	
	div.empty();
	div.html("<p align='center'>"+imgLoading+"</p>");
	$.ajax({
		url: url_galeria + "/" + total,
		//async: false,
		dataType: "json",
		success: function(data){
			if (data!=null){
				var contenido = "<table align='center' cellpading='2' cellspacing='2'><tr>";
				$(data).each(function(i,item){
					if (item.code!=null && item.code!="") {
						contenido = contenido + "<td class='breves_contenido' style='width:400px' width='300' height='100%' align='center'>";
						contenido = contenido + "<table align='center' cellpading='5' cellspacing='5'>";
						contenido = contenido + "<tr>";
						contenido = contenido + "<td align='center'>";
						contenido = contenido + "<a href='"+url_fotos+"/"+item.code+"' target='_blank'>";
						if (item.imagen!=null && item.imagen!=""){
							contenido = contenido + "<img src='"+url_imagen+"/ico/"+item.imagen+"' height='72px' border='1' hspace='3' vspace='3' />";
							contenido = contenido + "<br/>";
						} else {
							contenido = contenido + "<img src='imagenes/iconos/superviki.jpg' height='72px' border='1' hspace='3' vspace='3' />";
							contenido = contenido + "<br/>";
						}
						if (item.titulo!=null && item.titulo!=""){
							contenido = contenido + item.titulo;
						}
						contenido = contenido + "</a>";
						contenido = contenido + "</td>";
						contenido = contenido + "</tr>";
						if (item.usu_alias!=null && item.usu_alias!=""){
							contenido = contenido + "<tr>";
							contenido = contenido + "<td align='center'>";
							contenido = contenido + "ponío por:&nbsp;<u>"+item.usu_alias+"</u>";
							contenido = contenido + "<br/>";
							var fecha = new Date(item.fecha);
							contenido = contenido + "el&nbsp;"+formatearFecha(fecha);
							contenido = contenido + "</td>";
							contenido = contenido + "</tr>";
						}
						contenido = contenido + "</table>";
						
						contenido = contenido + "</td>";
						
						//contenido = contenido +"<td>&nbsp;</td>";
					} 				
				});
				contenido = contenido + "</tr></table>";

				div.html(contenido);
			}
		}
	});
}



function loadRss(div, url_rss, total, url_origen){	
	div.empty();
	div.html("<p align='center'>"+imgLoading+"</p>");
	$.jGFeed(url_rss, function(feeds){
		if(feeds){
			var content = "";
			for(var j=0; j<total; j++){
				if (j<feeds.entries.length) {
				    var entry = feeds.entries[j];
				    
				    var fecha = null;
				    if (entry.pubDate!=null && entry.pubDate!=""){
				    	fecha = new Date(entry.pubDate);
				    } else if (entry.publishedDate!=null && entry.publishedDate!=""){
				    	fecha = new Date(entry.publishedDate);
				    }
				    
				    var formato_fecha = formatearFechaHora(fecha);
				    formato_fecha = (formato_fecha=='')? '<i>sin fecha</i>&nbsp;-' : formato_fecha;
				    
				    content = content + "<li>"+formato_fecha+"&nbsp;&nbsp;<a href='"+entry.link+"' target='_blank'>";
				    content = content + entry.title;
				    content = content + "</a>";
				    content = content + "</li>";
				} else {
					content = content + "<p></p>";
				} 
				
				if (j==(total-1) && (url_origen!=null && url_origen!="")){
					//content = content + "</ul>";
					content = content + "";
					content = content + "<p><a href='"+url_origen+"' alt='"+url_origen+"' title='"+url_origen+"' target='_blank'>";
				    content = content + "<- Más ->";
				    content = content + "</a></p>";
				} 
			}
			//content = content + "</ul>";
			div.html(content);
		}
	}, total);
}



function loadGaleria(div, url_galeria, url_fotos, url_imagen){	
	div.empty();
	div.html("<p align='center'>"+imgLoading+"</p>");
	$.ajax({
		url: url_galeria,
		//async: false,
		dataType: "json",
		success: function(data){
			if (data!=null){
				var contenido = "<table align='center' cellpading='0' cellspacing='0'>";
				contenido = contenido + "<tr>";
				$(data).each(function(i,item){
					if (item.url!=null && item.url!="") {
						contenido = contenido + "<td align='center'>";
						contenido = contenido + "<a href='"+url_fotos+"/"+item.code+"' target='_blank'>";
						if (item.imagen!=null && item.imagen!=""){
							contenido = contenido + "<img src='"+url_imagen+"/ico/"+item.imagen+"' height='72px' border='1' hspace='0' vspace='0' />";
							contenido = contenido + "<br/>";
						} else {
							contenido = contenido + "<img src='imagenes/iconos/superviki.jpg' height='72px' border='1' hspace='0' vspace='0' />";
							contenido = contenido + "<br/>";
						}
						if (item.titulo!=null && item.titulo!=""){
							contenido = contenido + item.titulo;
						}
						contenido = contenido + "</a>";
						contenido = contenido + "</td>";
						
						contenido = contenido + "<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>";
					} 
					
				});
				contenido = contenido + "</tr>";
				contenido = contenido + "</table>";
															
				div.html(contenido);
			}
		}
	});
}

function renderCapaContenidosBotonera(div, url_ed_contenido, url_vw_usuario) {
	var contenido = "";
	contenido = contenido + "<table class='contenidos_botones' width='98%' align='center' cellpadding='5'>";
	contenido = contenido + "<tr>";
	contenido = contenido + "	<td align='left' valign='bottom'>";
	contenido = contenido + "		<div style='position:relative;'>";
	contenido = contenido + "			<img src='imagenes/iconos/escribir.png' />";
	contenido = contenido + "			<br />";
	contenido = contenido + "			<span style='font-size:20px'>LA CHICHA</span>";
	contenido = contenido + "		</div>";
	contenido = contenido + "	</td>";
	contenido = contenido + "	<td align='right' valign='bottom'>";
	contenido = contenido + "		<a href='javascript:openViewContenido(\""+url_ed_contenido+"\",\""+url_vw_usuario+"\");'>";
	contenido = contenido + "		<img src='imagenes/highlight.png'/>";
	contenido = contenido + "		<br/>";
	contenido = contenido + "		Añadir";
	contenido = contenido + "		</a>";
	contenido = contenido + "	</td>";
	contenido = contenido + "</tr>";
	contenido = contenido + "</table>";
	
	div.html(contenido);
}