// Variables para destacados
var contador_noticia=0;
var contador_recomendado=0;
var contador_fotos=0;
var noticia='';
var player_fotos='';
var recomendado_portada_videos = "";
var recomendado_portada_fotos = "";
var recomendado_portada_eventos = "";
var recomendado_portada_musica = "";

// carousel variable para volver a primera posicion
var c=null;
 
function mycarousel_eventos_initCallback(carousel) {
       c=carousel;    
}

// Inicia de nuevo el carousel para ir al dia de hoy
function restart_eventos(){
	c.scroll(1);
}

	
function mycarousel_initCallback(carousel)
{
	// Pausa el autoscrolling si el usuario mueve el cursor encima del carousel.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};
	
	
$(document).ready(function(){

		$("#carousel_fotos_portada").html(player_fotos);
		
		$(function() {
			jQuery('#carousel_fotos_portada').jcarousel({
				size: 10,
				scroll: 1,
				visible: 1
			});
		});
		
		// JCarousel Usuarios
		jQuery(function() {
			jQuery('#index_pop_members').jcarousel({
				size: 20,
				scroll: 1,
				visible: 1
			});
		});
		
		// Cargo los DESTACADOS de EVENTOS en los respectivos Tabs
		$("#recomendados-3").html(recomendado_portada_eventos);
		
		// JCarousel Player de Eventos (Calendarios cada uno es un li)
		$(function() {
			jQuery('#calendario_eventos').jcarousel({
				size: 24,
				scroll: 1,
				visible: 1,
				animation: 0,
				initCallback: mycarousel_eventos_initCallback
			});
		});
		
		// Cargo los LI en el UL de DESTACADOS
		$("#mycarousel").html(noticia);
		
		// Cargo los DESTACADOS de VIDEOS en los respectivos Tabs
		$("#recomendados-1").html(recomendado_portada_videos);
		
		// Cargo los DESTACADOS de FOTOS en los respectivos Tabs
		$("#recomendados-2").html(recomendado_portada_fotos);
		
	
		jQuery('#mycarousel').jcarousel({
			auto: 10, /* Tiempo para pasar al siguiente li */
			wrap: 'last', /* Automatico */
			visible: 1, /* Cantidad de elementos visibles */
			scroll: 1, /* Pasa de a 1 */
			initCallback: mycarousel_initCallback /* Funcion invocada en el callback */
		});
});

// Crear destacado para portada de Mitiu AUTOSCROLL
function crear_destacado(titulo, texto, foto, url_noticia){
	// Incremento
	contador_noticia++;
	
	noticia += "<li class='noticia_portada' id='noticia_"+contador_noticia+"'>";
	noticia += "<div class='destacado_portada' style='background:url("+foto+");'>";
	noticia += "<a class='imagen_portada' href='"+url_noticia+"'>"+titulo+"</a>";
	noticia += "<div class='informacion_portada'>";
	noticia += "<h2><a class='titulo_portada' href='"+url_noticia+"'>"+titulo+"</a></h2>";
	noticia += "<p class='texto_portada'>"+texto+"</p>";
	noticia += "</div></div>";
	noticia += "</li>";
	
}

// Crear destacado para portada de Mitiu
function crear_recomendado(tipo_recomendado, titulo_recomendado , texto_recomendado, foto_recomendado, url_recomendado){
	// Creo la variable para saber en que fragment-n me toca (n un numero segun el tipo)	
	var id_destacado = '';
	var destacado='';
	contador_recomendado++;
	
	switch(tipo_recomendado)
	{
		case 'video':
			id_destacado = '#fragment-1';
		break;
		
		case 'foto':
			id_destacado = '#fragment-2';
		break;
		
		case 'evento':
			id_destacado = '#fragment-3';
		break;
		
		case 'club':
			id_destacado = '#fragment-4';
		break;
		
		default:
			alert("Destacado mal definido");
		break;
		
	}
	
	destacado += "<div class='articulo_portada' id='recomendado_"+tipo_recomendado+"_"+contador_recomendado+"'>";
	destacado += "<div class='foto_recomendado'>";
	destacado += "<a class='url_recomendado' href='"+url_recomendado+"'><img class='foto_recomendado' src='"+foto_recomendado+"' alt='"+titulo_recomendado+"'/></a>";
	destacado += "</div>";
	destacado += "<div class='informacion_recomendado'>";
	destacado += "<h4 class='titulo_recomendado'><a href='"+url_recomendado+"'>"+titulo_recomendado+"</a></h4>";
	destacado += "<p class='texto_recomendado'>"+texto_recomendado+"</p>";
	destacado += "</div></div>";
	
	switch(id_destacado)
	{
		case '#fragment-1':
			recomendado_portada_videos += destacado;
		break;
		
		case '#fragment-2':
			recomendado_portada_fotos += destacado;
		break;
		
		case '#fragment-3':
			recomendado_portada_eventos += destacado;
		break;
		
		case '#fragment-4':
			recomendado_portada_musica += destacado;
		break;
		
		default:
			alert("Destacado mal definido");
		break;
		
	}	
}

// Crear destacado para portada de Mitiu AUTOSCROLL
function crear_album_player(url,imagen){
	// Incremento
	contador_fotos++;
	
	player_fotos += "<li id='foto_"+contador_fotos+"' >";
	player_fotos += "<a class='player_foto_portada' href='"+url+"'><img src='"+imagen+"' class='img_foto_portada' /></a>";
	player_fotos += "</li>";
	
}