var VideosHome = {
    
    load: function(){
        
        var _this = this;
        
        // Posición inicial
        this.posicion = 1;
        
        // Posición de salida
        this.posicionExit = 2;
        
        // Lista de reproducción        
        this.lista = {
            0: ['banner', 'recetas_pre.png'],                   // Se presentará al finalizar el proceso
            1: ['video', 'hPKROnEnPvc', '¿Un vaso de leche?']           
            /* Como estaba antes, con la campaña anterior 
            2: ['banner', 'donde-leche-siguiente.png'],
            3: ['video', 'fH7bC5XJu8M', '¿De donde viene la leche?'],
            4: ['banner', 'resultado-final-siguiente.png'],
            5: ['video', 'n5vtL3f_5Hg', '¿Cual es el resulatado final?']
            */
        }
        
        // Parametros del reproductor de video
        this.params = {allowScriptAccess: "always", autoPlay:true, wmode: "transparent"};
        this.atts = {id: "myytplayer"};
        
        // Escuchando...        
        $('#banner-home').live('click', function(){
            _this.Siguiente();
        });
        
        $('.cerrar_video_pre').live('click', function(){
            _this.Salir();
        });
        
        $('#cerrar-intermedio').live('click', function(){
            _this.Salir();
        });       
        
        
        // Iniciando la play list        
        this.setElemento(this.posicion);
        
        // en la lista de reproduccion elementos que son videos (provisional)
        this.num_video = ['1', '3', '5']
        
        // Redes sociales
        this.svcs = {expanded: 'More', facebook: 'Facebook', twitter: 'Twitter', tuenti: 'Tuenti'};        
        this.redes();
        
    },
    
     redes: function(){
        // ....
        var len = this.num_video.length;
        for(i = 0; i < len; i++){
            var objeto = $('<div>').attr('id', 'toolbox_video' + this.num_video[i]).attr('class', 'toolbox');
            $('#compartir').append(objeto);
            for (var s in this.svcs) {
                objeto.append('<a class="addthis_button_'+s+'" addthis:image="http://i2.ytimg.com/vi/' +this.lista[this.num_video[i]][1]+ '/default.jpg" addthis:title="' +this.lista[this.num_video[i]][2]+ '" addthis:type="non_profit" addthis:url="http://www.youtube.com/watch?v=' +this.lista[this.num_video[i]][1]+ '" addthis:admins="my_username" addthis:video="http://www.youtube.com/watch?v=' +this.lista[this.num_video[i]][0]+ '" addthis:video:type="application/x-shockwave-flash"></a>');
            }
        }
     },
     
     Siguiente: function(){
         this.posicion = this.posicion + 1;
         this.setElemento(this.posicion);
     },
     
     Salir: function(){     
         var banner = this.lista[0][1];
         $('#video_box').hide();
         $('#video-content').remove();
         $('#cerrar-intermedio').remove();
         $('#banner-home').attr('href', path + 'receta/').die( "click" );
         $('#banner-home img#banner').attr('src', path + 'images/' + banner);
         $('#banner_box').css('visibility', 'visible').show();
     },
     
     setElemento: function(posicion){
        if(posicion === this.posicionExit){
            this.Salir();
        }
        
        var tipoElemento = this.lista[posicion][0];
        if(tipoElemento === 'video'){
            
            var video = this.lista[posicion][1];          
           
            $('#video-content').html('<div id="video_caja"></div>');
            
            swfobject.embedSWF("http://www.youtube.com/v/" + video + "?enablejsapi=1&playerapiid=myytplayer&autoplay=1", 
            "video_caja", "400", "280", "8", null, null, this.params, this.atts);
            
            $('#video_box').show();            
            $('#banner_box').hide();
            
            function rere() {                
                $('.toolbox').hide();            
                $('#toolbox_video' + posicion).show();
            }
            
           setTimeout(rere,100);
           
        }else if(tipoElemento === 'banner'){
            var banner = this.lista[posicion][1];
            $('#banner-home img#banner').attr('src', path + 'images/' + banner); 
            $('#video_box').hide();
            $('#banner_box').show();        
        }
        
     }   
    
}      
            
VideosHome.load();

var ytplayer;

function onYouTubePlayerReady(){
    ytplayer = document.getElementById("myytplayer");
    if(ytplayer.addEventListener){
        ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
    }else{            
        ytplayer.attachEvent("onStateChange", "onytplayerStateChange");
    }
    window['video'] = ytplayer;

    if($( "#dialog-modal" ).css('display') === "block"){
        ytplayer.pauseVideo();
    }
}
       
function onytplayerStateChange(newState){    
    if(newState === 0){
        VideosHome.Siguiente();
    }
}