var url_ = document.url;
var titulo = "";
var foto = "";
var info = "";
var tipo = "";

var city_habilitada = false;


$(document).ready(function () {


    share_actions();
    
    //------------------------------------
    //watermarwak texts
    
    //OJOOOOO:::::: estos textos tambien tengo que cambiarlos en el servidor en caso que lo quiera cambiar aqui abajo
    $('#from').attr('data-water','Enter your e-mail address');
    $('#city').attr('data-water','Enter your city');
    $('#message').attr('data-water','Enter your message (optional)');
    
    
    //var params = { activeCss: { color: 'white' }, waterCss: {color: '#A3A3A3'}};
    $("#from").water();
    
    $("#message").water();
    $('#city').water();
    
    
    //Accion de click del boton de send del share...
    
    $('.share_contenido .send_btn').click(function(){
        
        var d = new Date();
        //obliga a que no cargue de un cache
        var nocache = d.getMilliseconds()
            
         $('#message_txt').text("Sending...");    
            
         var para = ""
            
        //recorre los input to para separar los mails
        $('.td_to_emails').find('input').each(function(){
            para += $(this).val().replace(/,/g,"") + ",";
        });
            
        
        //quita la ultima coma
        para = para.substring(0, para.length-1)
        
    var mensaje_ = encodeURIComponent($('#message').val().replace(/(\r\n|\n|\r)/gm," ")); 
    
            
          //ajax
        $.ajax({
            type :"post", 
            url: "http://"+document.domain+"/tw_net_ajax/tw_share.aspx",
            data: { city_hab: city_habilitada, from: $('#from').val(), to: para, msg: mensaje_, city: $('#city').val(), url: url_, titulo:titulo, foto:foto, info:info, tipo:tipo  }
            }).done(function(result) {
                
                
                $('#message_txt').text(result);
                
                //OK
                if(result.indexOf("successfully")!=-1){
                    //borra todos los campos...
                    $('#from').val("");
                    $('#city1').val("");
                    $('#message').val("");
                    
                    $('.tr_share_city').hide();
                    
                }
                else if(result.indexOf('Error')!=-1){
                    $('#message_txt').text("Error... Try again!");
                }
               

            });
        return false;
    });
    
    
    
    
    
    //accion del boton de add more to emails
     $('.share_contenido .add_more').click(function(){
    
        var number = $('.td_to_emails').find('input').length +1;
    
        //agrega mas
        $('.td_to_emails').append('<input type="text" size="40" value="" class="to_text"  data-water="Enter the email #'+number+'"/>');
        $(".td_to_emails input").water();
        
        
        return false;
    });
    
    
    
    
    
    
     //Accion para que cuando el visitante escriba su email, el sistema verifique si ese existe, sino, entonces pide el city...
    
    $('.share_contenido #from').focusout(function(){
        
        var d = new Date();
        //obliga a que no cargue de un cache
        var nocache = d.getMilliseconds()
            
          //ajax
        $.ajax({
            url: "http://"+document.domain+"/tw_net_ajax/tw_check_email_exits.aspx",
            data: "e="+encodeURIComponent($('#from').val())
            }).done(function(result) {
                
                //verifica el resultado
                if (result =="False"){
                    //si el mail no existe, muestra la fila de city
                    $('.tr_share_city').attr('style','display:table-row');
                    city_habilitada = true;
                }
                    
                else{
                    //si ya existe ese mail, entonces no habilita el campo de city
                    city_habilitada = false;
                    $('.tr_share_city').hide();
                }
                     
                
            });
        return false;
    });
    

});



function share_actions(){


    habilita_tipsy();
    
       
    $('.accion-share').unbind('click');

 
    //hace que el letrero que indica que la musica se bloqueo se haga transparente cuando haga hover de uno de los botones de share...
    
    $('.share-musica').hover(function(){
        
        //si se esta mostrando el letrero, le hace fadeout
        if($('.alerta_album_bloqueado').is(':visible'))
            $('.alerta_album_bloqueado').stop().fadeTo(300,0.1);
          
        
    },function(){
        
                //si se esta mostrando el letrero, le hace fadein
        if($('.alerta_album_bloqueado').is(':visible'))
            $('.alerta_album_bloqueado').stop().fadeTo(800,1);
        
    });
    
    //retorna el estado opaco de la alerta
    $('.alerta_album_bloqueado').stop().fadeTo(10,1).hide();
    
    //--------------------------------------------------------------------------------------
    //Share btn
    //--------------------------------------------------------------------------------------
    $('.accion-share').click(function () {

    
    //--------------------------------------------
        
        //borra todos los input de to para agregarlos de nuevo
        $('.td_to_emails input').each(function(){
            
            $(this).remove();
        });
        
        
        //agrega el contenido para el TO de share
        $('.td_to_emails').append('<input type="text" size="40" value="" data-water="Enter the email #1" /><input type="text" size="40" value="" class="to_text"  data-water="Enter the email #2"/>');
        
        $(".td_to_emails input").water();
        
        //--------------------------------------------
        
        
        
        //----------------------------------------------------------------
        //SHARING INFO
        //pone lo que se está compartiendo en el instante...
        
         $('#sharing_what').html("");
        

        
        
        //VIDEO BIG
        if($(this).hasClass('share_video_big')){
        
            
            //extrae el ID del video del URL del Anchor de video presionado
            var url_separada_array = new Array();
            url_separada_array = $('.videos_container ul li.activo').find('a').attr('href').split("?");
            var v_id = url_separada_array[1].replace("vid=","");
        
            titulo = $('.videos_container ul li.activo').find('a').text();
            foto = obtiene_youtube_img(v_id,"small");
            url_ = $('.videos_container ul li.activo').find('a').attr('href');
            
            
            $('#sharing_what').html("<img src='"+foto+"'/> <span>You're sharing the video: "+titulo + "</span>");
            
            tipo = "share-video";
       
        }
        //VIDEO
        else if($(this).hasClass('share-video')){
        
            
            //extrae el ID del video del URL del Anchor de video presionado
            var url_separada_array = new Array();
            url_separada_array = $(this).parent().find('a').attr('href').split("?");
            var v_id = url_separada_array[1].replace("vid=","");
        
            titulo = $(this).parent().find('a').text();
            foto = obtiene_youtube_img(v_id,"small");
            url_ = $(this).parent().find('a').attr('href');
            
            
            $('#sharing_what').html("<img src='"+foto+"'/> <span>You're sharing the video: "+titulo + "</span>");
            
            tipo = "share-video";
         
        }
         //ALBUM
        else if($(this).hasClass('share-album')){
        
            
            titulo = $('.actual_tocandose').find('.titulo_album').text();
            foto = $('.actual_tocandose').find('.imagen').attr('src');
            url_ = $('.actual_tocandose').attr('href');
         
            
            $('#sharing_what').html("<img src='"+foto+"'/> <span>You're sharing the album: "+titulo + "</span>");
            
            tipo = "share-album";
        }
         //ALBUM MUSICA SINGLE
        else if($(this).hasClass('share-musica')){
        
            
            titulo = $('.actual_tocandose').find('.titulo_album').text() + " - " + $(this).parent().find('.jp-playlist-item').text();
            foto = $('.actual_tocandose').find('.imagen').attr('src');
            url_ = $('.actual_tocandose').attr('href') + "?i="+ $(this).parent().find('.numeros').text();
         
            
            $('#sharing_what').html("<img src='"+foto+"'/> <span>You're sharing the song: "+titulo + "</span>");
            
            
            tipo = "share-music";
        }
         //ALBUM DE LA LISTA DE ALBUMES
        else if($(this).hasClass('share-album-single')){
        
            
            titulo = $(this).parent().find('.titulo_album').text();
            foto = $(this).parent().find('.imagen').attr('src');
            url_ = $(this).parent().attr('href');
         
            
            $('#sharing_what').html("<img src='"+foto+"'/> <span>You're sharing the album: "+titulo + "</span>");
            
            
            tipo = "share-album";
            
        }
        //ARTICULO
        else if($(this).hasClass('share-articulo')){
            titulo = $(this).parent().find('h1 a').text();
            foto = "/img_articulo_icon.png";
            url_ =  $(this).parent().find('h1 a').attr('href');
            
            
            //verifica si ese articulo del blog contiene una imagen
            
            if($(this).parent().parent().find('.blog_img img').length !=0 && $(this).parent().parent().find('.blog_img img').hasClass('cursor_img_blog')){
                
                //si ese articulo tiene una foto, la pone para el share
                foto = $(this).parent().parent().find('.blog_img img').attr("src");
            }
            
            
            $('#sharing_what').html("<img src='"+foto+"'/> <span>You're sharing the article: "+titulo + "</span>");
            
            tipo = "share-articulo";
            
        }
        //PAGINA
        else{
        
            titulo = "Twintapes Official Website";
            foto = "http://www.twintapes.com/twintapes.jpg";
            url_ = "http://www.twintapes.com";
            
            
            $('#sharing_what').html("<img src='"+foto+"'/> <span>You're sharing: "+titulo + "</span>");
            
            tipo = "share-pagina";
            
        }
        
     
        
        
        
        //----------------------------------------------------------------
 

    //------------------
        //POPUP
        //------------------
        //quita los datos que tenia el popup anteriormente
        pone_quita_contenido_popup("quitar");
        //abre el popup...
        popup_reduccion_x = 550;
        popup_reduccion_y = 430;
        accion_cerrar_btn = "";//opcional
        habilitar_minimizar_btn = false;
        accion_minimizar_btn = "";
        clase_imagen_titulo = "titulo_share_pop";
        contenido_html = "";
        contenido_elemento_copiar = ".share_contenido";
        popup();
        //------------------
        
        //este IF evita que esto se ejecute en el blog
        if($('.blog_container').length ==0)
        {
            check_playing_music("");
        
            //--------------------------------------------------------------------------------------
                
            $('.tipsy').hide();
            
        
            //para modificar el url/titulo
            modifica_history_url($(this));   
            
            google_analytics($(this).attr('href'));
            
        }
    
        $('#message').limit('200');      
        
        return false;

    });
    
    
}



//Obtiene el thumbnail del video de youtube by ID

function obtiene_youtube_img(vid, size)
{
    if(vid === null){ return ""; }
    
    size = (size === null) ? "big" : size;
    
    if(size == "small"){
        return "http://img.youtube.com/vi/"+vid+"/2.jpg";
    }else {
        return "http://img.youtube.com/vi/"+vid+"/0.jpg";
    }
}