/**
 * @author enrique
 */
destacadoExpo = function(settings){
    /** 
     * Saca el listado de los vídeos
     * @param {string} urlVars	Variables a pasar en la consulta al servidor
     * @param {bool} initLoad	Carga inicial de la página
     */
    showDestacados = function(urlVars, initLoad){
        jQuery.ajax({
            beforeSend: function(){
                jQuery("#" + settings.destacadoExpoDiv).replaceWith('<div id="' + settings.destacadoExpoDiv + '"><img src="' + settings.imagesUrl + 'ajax-loading.gif"></div>');
            },
            type: "POST",
            dataType: "json",
            data: "&" + urlVars,
            url: settings.baseUrl + 'destacados',
            success: function(msg){
                jQuery("#" + settings.destacadoExpoDiv).replaceWith('<div id="' + settings.destacadoExpoDiv + '"></div>');
                if (msg.length > 0) {//Si hay resultados de vídeos	  
                    for (i = 0; i < msg.length; i++) {
                        destacadosContent(msg[i]);
                    }
                }
            }
        })
    }
    /** 
     * Crea los divs de los vídeos
     * @param {array} dataVideo	Variables a pasar en la consulta al servidor
     */
    destacadosContent = function(dataVideo){
        idVideo = dataVideo['id'];
        idDivVideo = 'video_dest_' + idVideo;
        titulo = dataVideo['titulo'];
        descripcion = dataVideo['descripcion'];
        fecha = dataVideo['fecha_insercion'];
        file = dataVideo['file'];
        
        jQuery("#" + settings.destacadoExpoDiv).append('<div id="' + idDivVideo + '" class="item"></div>');
        
        
        jQuery("#" + idDivVideo).append('<div class="text"></div>');
        
        jQuery("#" + idDivVideo + "> .text").append('<div class="name">' + titulo + '</div>');
        jQuery("#" + idDivVideo + "> .text").append('<div class="description">' + descripcion + '</div>');
        
        
        if (dataVideo['imagen']) {
            jQuery("#" + idDivVideo).append('<div class="image"><img src="' + dataVideo['imagen'] + '" width="90" /></div>');//Imagen		
            jQuery("#" + idDivVideo + " > .image").append('');
        }
        
        jQuery("#" + idDivVideo).append('<div class="utils"></div>');
        
        jQuery("#" + idDivVideo + "> .utils").append('' +
        '<a id="add_dst_' +
        idVideo +
        '" title="Añadir a Mi Selección"><img src="' +
        settings.imagesUrl +
        settings.locale +
        '/icon_listado_add.gif" alt="Añadir a Mi Selección"></a>');
        jQuery("#" + idDivVideo + "> .icon_add").append('');
        jQuery("#" + idDivVideo + "> .icon_add").append('');
        jQuery("#" + idDivVideo).append('<div class="cleaner"><img src="' + settings.imagesUrl + 'pixel.gif" height="7"></div><hr />');
        
        jQuery("#" + idDivVideo + "> .utils").append('' +
        '<a id="ply_dst_' +
        idVideo +
        '" title="Reproducir vídeo"><img src="' +
        settings.imagesUrl +
        '/icon_playlist_play.gif" alt="Reproducir vídeo"></a>');
        
        
        //Icono de lenguaje de signos
        if (dataVideo['lenguaje_signos'] == 1) {
            jQuery("#" + idDivVideo + " > .utils").append('<img src="' + settings.baseUrl + settings.imagesUrl + '/icono_lse.jpg" title="vídeo en Lengua de Signos Española" alt="vídeo en Lengua de Signos Española" class="nocursor" />');
        }
        
        jQuery("#" + idDivVideo + "> .icon_play").append('');
        jQuery("#" + idDivVideo + "> .icon_play").append('');
        
        //jQuery("#" + idDivVideo + "> .utils").append('<div class="visto">' + dataVideo['veces_visto'] + '</div>');
        if (dataVideo.archives) {
            jQuery("#" + idDivVideo).append('<div class="downloads">');
            var sigue = true;
            var k = 0;
            while (sigue == true) {
                if (dataVideo.archives[k]) {
                    jQuery("#" + idDivVideo + ' .downloads').append('<a href="' + dataVideo.archives[k].file + '" target="_blank">' + dataVideo.archives[k].file_original + '</a>');
                }
                else {
                    sigue = false;
                }
                k++;
            }
        }
        if (dataVideo.enlaces) {
            jQuery("#" + idDivVideo).append('<div class="links">')
            var sigue = true;
            var k = 0;
            while (sigue == true) {
                if (dataVideo.enlaces[k]) {
                    jQuery("#" + idDivVideo + ' .links').append('<a href="' + dataVideo.enlaces[k].enlace + '" target="_blank">' + dataVideo.enlaces[k].descripcion + '</a>');
                }
                else {
                    sigue = false;
                }
                k++;
            }
        }
        activeDivVideo(idVideo);
        destacadosEvents(dataVideo);
    }
    /** 
     * Asocia los eventos a los vídeos
     * @param {array} dataVideo	Variables a pasar en la consulta al servidor
     */
    destacadosEvents = function(dataVideo){
        jQuery("#video_dest_" + dataVideo['id'] + " > .image").bind("click", function(){
            playVideo(dataVideo['id'], dataVideo['file']);
            videoName(dataVideo['titulo'], dataVideo['descripcion']);
        });
        jQuery("#ply_dst_" + dataVideo['id']).bind("click", function(){
            playVideo(dataVideo['id'], dataVideo['file'])
        });
        jQuery("#ply_dst_" + dataVideo['id']).bind("click", function(){
            videoName(dataVideo['titulo'], dataVideo['descripcion'])
        });
        jQuery("#add_dst_" + dataVideo['id']).bind("click", function(){
            addToPlaylist(dataVideo['id'])
        });
    }
    videosVacio = function(msg){
        jQuery("#" + settings.destacadosId).append('<p>' + msg + '</p>');
    }
    
  //  showDestacados("destacado=1&locale=" + settings.locale, true);//Carga los videos por defecto
}
