var vids = [];
var firstTime = 1;

$(function() {
    $('.flag').click(function(e){
        e.preventDefault();
        var vid = $.trim($(this).parents('.status(0)').find('.uri').text());
        $(this).before('<img src="/pics/flag.png">').remove();
        $.get("/async/flag?item="+vid);
    });

    $('.love').click(function(e){
        e.preventDefault();
        var vid = $.trim($(this).parents('.status(0)').find('.uri').text());
	$(this).html('<img src="/pics/ok.png">');
	$.get("/async/love?item="+vid);
    });

    $('#like').click(function(){
        $(this).html("like");
    });

    $('#dislike').click(function(){
        $(this).html("dislike");
    });

    $('.play').click(function(e) {
        e.preventDefault();
        var vid = $.trim($(this).parents('.status(0)').find('.uri').text());
        var artist = $.trim($(this).parents('.status(0)').find('.info_artist').text());
        var track = $.trim($(this).parents('.status(0)').find('.info_track').text());
        $('#myytplayer')[0].loadVideoById(vid, 0);
        $('#pstatus').html(vid);
        $('#song_info_name').html(artist);
        $('#song_info_artist').html(track); 
    });

   $('#play').click(function(e) {
        e.preventDefault();
        $('#myytplayer')[0].playVideo();
   }); 


    $('#next').click(function(e) {
        e.preventDefault();
        var vid = $.trim($('#pstatus').text());
        if (!vid)
        {
           next = 0;
           nextvid = vids[next];
           $('#myytplayer')[0].loadVideoById(nextvid, 0);
           $('#pstatus').html(nextvid);
        }
        else
        { 
           var i =0;
           for (; i< vids.length; i++)
               if (vids[i]==vid)
                   break;
           var next = (i + 1) % vids.length;
           nextvid = vids[next];
           $('#myytplayer')[0].loadVideoById(nextvid, 0);
           $('#pstatus').html(nextvid);
        }
    });

    $('#prev').click(function(e) {
        e.preventDefault();
        var vid = $.trim($('#pstatus').text());
        if (!vid)
        {
           next = 0;
           nextvid = vids[next];
           $('#myytplayer')[0].loadVideoById(nextvid, 0);
           $('#pstatus').html(nextvid);
        }
        else
        {
           for (i=0; i< vids.length; i++)
               if (vids[i]==vid)
                   break;
           next = (i - 1) % vids.length;
           nextvid = vids[next];
           $('#myytplayer')[0].loadVideoById(nextvid, 0);
           $('#pstatus').html(nextvid);
        }
    });

    $('#stop').click(function(e){
        e.preventDefault();
        $('#myytplayer')[0].pauseVideo();
    });
});

function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById("myytplayer");
    ytplayer.setVolume(50);
    //setInterval(updateytplayerInfo, 250);
    //updateytplayerInfo();
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
    if (firstTime == 1)
    {
        firstTime = 0;
        nextvid = vids[0];
        $('#pstatus').html(nextvid);
        $('#myytplayer')[0].loadVideoById(nextvid, 0);
        $('#myytplayer')[0].pauseVideo();
    }
}

function onytplayerStateChange(newState){
    var vid = $.trim($('#pstatus').text());

    if (newState == 0) //ended
    {
        for (i=0; i< vids.length; i++)
           if (vids[i]==vid)
               break;
        next = (i + 1) % vids.length;
        nextvid = vids[next];
        $('#myytplayer')[0].loadVideoById(nextvid, 0);
        $('#pstatus').html(nextvid);

        $('#myytplayer')[0].setVolume(50);
        //$('#myytplayer')[0].playVideo();

    }
}


/*$('.love').tooltip({
track: true, 
    delay: 0, 
    showURL: false, 
    showBody: " - ", 
    fade: 250 
});*/

$(document).ready( function(){
    // <![CDATA[
    var params = { allowScriptAccess: "always", bgcolor: "#cccccc" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer", "ytapiplayer", "225", "180", "8", null, null, params, atts);
    $('#content').find('.uri').each(function(i){
        if (this.innerText)
        { v = $.trim(this.innerText);
        } else { v = $.trim(this.textContent);}
        vids.push(v);
    });
    $("#search_box").autocomplete("/ac", { selectFirst: false, minChars: 3 });
    // ]]>
});