var cpt_vidz=0;
try {
	var playlistReady = playerReady;
} catch (err){
}

playerReady = function(obj) {
	setTimeout(function(){checkPlaylistLoaded(obj)}, 1);
	try {
		playlistReady(obj);
	} catch (err){
	}
}

function itemHandler(obj) {
	var item = obj['index'];
	var playlist = $("#"+obj['id']).next();
	var currentItem = 0;
	playlist.children().each(function(){
		if (currentItem == item) {
			$(this).addClass("playing");
		} else {
			$(this).removeClass("playing");
		}
		currentItem++;
	});
}

function checkPlaylistLoaded(obj) {
	var player = document.getElementById(obj['id']);
	var jsPlaylist = player.getPlaylist();
	if (jsPlaylist.length > 0) {
		var playlist = createPlaylist(obj);
		populatePlaylist(player, jsPlaylist, playlist);
		player.addControllerListener("PLAYLIST","playlistHandler");
		player.addControllerListener("ITEM","itemHandler");
	} else {
		setTimeout(function(){checkPlaylistLoaded(obj)}, 150);
	}
	$("#list_ul_vid").jScrollPane({showArrows:true,scrollbarWidth: 15});
}

function createPlaylist(obj){
	var playerDiv = $("#"+obj['id']);
	playerDiv.after("<div class='player-list'><div id='list_ul_vid' class='jScrollPaneContainer jScrollPaneScrollable' style='height: 317px; width: 258px;'><div><ul class='scroll-pane'></ul></div></div></div>");
	return $("#list_ul_vid ul");
}

function playlistHandler(obj){
	var player = document.getElementById(obj['id']);
	var jsPlaylist = player.getPlaylist();
	var playerDiv = $("#"+obj['id']);
	var playlist = playerDiv.next();
	populatePlaylist(player, jsPlaylist, playlist);
}

function populatePlaylist(player, jsPlaylist, playlist){
	playlist.empty();
	for (var i=0;i<jsPlaylist.length;i++) {
		var jsItem = jsPlaylist[i];
		playlist.append("<li>"+dump(jsItem)+"</li>");
	}
	var playlistItem = 0;
	playlist.children().each(function(){
		var currentItem = playlistItem;
		$(this).click(function () {
			player.sendEvent("ITEM", currentItem);
			//$(".player-videotitle span").html("<em>15 Juin 2010</em> "+$(this).find("span.video-tbdesc strong").html());
			$(".link_vidz_toload").removeClass("s1");
			$("a",this).addClass("s1");
			if(typeof(reload_docs) == "function") {
				var id_tmp=$("a",this).attr("id").split("vidz_play_");
				reload_docs(id_tmp[1]);
			}
			if(typeof(save_stats_newsvidz) == "function") {
				var id_tmp=$("a",this).attr("id").split("vidz_play_");
				save_stats_newsvidz(id_tmp[1]);
			}
		});
		playlistItem++;
	});
}

function dump(arr) {
	if(arr["image"].indexOf("&")==-1){
		var img_tmp=arr["image"].split("/");
		img_tmp[img_tmp.length-1]="mini/"+img_tmp[img_tmp.length-1];
		img_tmp=img_tmp.join("/");
	}
	else img_tmp=arr["image"].replace("big","minia");
	var output = "<a class='link_vidz_toload";
	if(cpt_vidz==0) output+=" s1";
	output+="' id='vidz_play_"+arr["link"]+"' href='#'><span class='video-tb'><img alt='${title}' src='"+img_tmp+"'/></span><span class='video-tbdesc'><strong>${title}</strong>${description}</span></a>";
	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 = '';
		}
		output = output.replace(variable, value);
	}
		cpt_vidz++;
		return output;
}

function dumpText(arr) {
	var dumped_text = "";
	if(typeof(arr) == 'object') {
		for(var item in arr) {
			var value = arr[item];		
			if(typeof(value) == 'object') {
				dumped_text += "<div class='"+item+"'>";
				dumped_text += dump(value);
				dumped_text += "</div>";
			} else {
				dumped_text += "<div class='"+item+"'>"+ value + "</div>";
			}
		}
	} else {
		dumped_text += arr+" ("+typeof(arr)+")";
	}
	return dumped_text;
}

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