function itemHandler(obj) {
    var player = document.getElementById(obj['id']);
        var item = obj['index'];
	var jsPlaylist = player.getPlaylist();
        var jsItem = jsPlaylist[item];
        $("#ll li").removeClass("playing");
        $("#item"+item).addClass("playing");
        $("#playTitulo").html(jsItem['title']);
        $("#playAutor").html(jsItem['author']);
        $("#playImage").attr("src",jsItem['description']);
        $("#playLink").attr("href",jsItem['link']);
        $("#fbl").html(FBLike(jsItem['link']))
        var dd = '';
        //for(x in jsItem){
           // dd  += x+"\n"
        //}
        //alert(dd);
        VideosRelPlay(encodeURIComponent(jsItem['title']));
}

function checkPlaylistLoaded(obj) {
	var player = document.getElementById(obj['id']);
	var jsPlaylist = player.getPlaylist();
	if (jsPlaylist.length > 0) {
		populatePlaylist(player, jsPlaylist);
		player.addControllerListener("PLAYLIST","playlistHandler");
		player.addControllerListener("ITEM","itemHandler");
                //alert("02 loaded")
                player.sendEvent("ITEM", 0);
               
                $("#playTitulo").html(jsPlaylist[0]['title']);
        $("#playAutor").html(jsPlaylist[0]['author']);
        $("#playImage").attr("src",jsPlaylist[0]['description']);
        $("#playLink").attr("href",jsPlaylist[0]['link']);
        $("#fbl").html(FBLike(jsPlaylist[0]['link']))
                $("#item0").addClass("playing");
                //VideosRelPlay(jsPlaylist[0].title);
	} else {
		setTimeout(function(){checkPlaylistLoaded(obj)}, 150);
	}
}

function playlistHandler(obj){
	var player = document.getElementById(obj['id']);
	var jsPlaylist = player.getPlaylist();
	populatePlaylist(player, jsPlaylist);
}

function populatePlaylist(player, jsPlaylist){
	$("#ll").empty();
	for (var i=0;i<jsPlaylist.length;i++) {
		var jsItem = jsPlaylist[i];
		var alternate = "even";
		if (i % 2) {
			alternate = "odd";
		}
		 $("#ll").append("<li id='item"+i+"' class='"+alternate+"'>"+dump(i,jsItem)+"<div style='clear:both;'></div></li>");
	}
	var playlistItem = 0;
        $("#ll").children().each(function(){
		var currentItem = playlistItem;
                $(this).hover(function () {
                    $(this).addClass("hh")
                },function () {
                    $(this).removeClass("hh");
                })
                $("#mp3"+currentItem).click(function () {
			player.sendEvent("ITEM", currentItem);
		});
		playlistItem++;
	});
}

function dump(i,arr) {
	var output = "<a style='display:block;float:left;' id='mp3"+i+"' href='javascript:void(0)' >"+(i+1)+".-${author} - ${title}</a><span style='display:block;float:right;margin-right:5px;' id='fbl' rel='${link}'></span>";
	var variables = getVars(output);
       for (var j=0; j<variables.length; j++) {
           	var variable = variables[j];
		var varName = variable.replace('${','').replace('}','');
		var value = arr[varName];
		if (!value) {
			value = '';
		}
                if(value.length > 50){
                   // value = value.substr(0, 50)+'...'
                }
		output = output.replace(variable, value);
	}
	return output;
}

function getVars(str){
	return str.match(/\$\{(.*?)\}/g);
}


function VideosRelPlay(v){
 var x = $("#videosRelPlay");
       $.ajax({
           async:true,
           type: "POST",
           dataType: "html",
           contentType: "application/x-www-form-urlencoded",
           url:"ajax/videosrel/",
           data:"q="+v,
           beforeSend:function (){
            x.html('<div class="ajaxload"><img src="../img/loadingiii.gif" alt="cargando" /></div>');
            },
           success:function(datos){
            x.html(datos);
            },
           timeout:10000,
           error:function (){
            x.html('<div class="noresult">No se encontraron Videos Relacionados.</div>');
            }});
  return false;
}


function FBLike(i){
    return '<iframe src="//www.facebook.com/plugins/like.php?href='+i+'&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21&amp;appId=283116715042505" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>'
}


$(document).ready(function(){

$("#idtitle").append("<span id=\"mC\" style=\"color:#444;font-size:18px;font-weight:bold;margin-bottom:5px;\"></span><br>");
$("#idinput").append("<br><label>Enlace:</label><input style=\"width:320px;border:1px solid #ccc;background-color:#fff;color:#666;\" name=\"Url\" id=\"Url\" type=\"text\"   readonly=\"true\" value=\"\"/>");
   try {
	var playlistReady = playerReady;
} catch (err){
    //alert(err.message+" 01")
}

playerReady = function(obj) {
	setTimeout(function(){checkPlaylistLoaded(obj)}, 1);
	try {
		playlistReady(obj);
	} catch (err){
           // alert(err.message+" 02")
	}
}


});