var ytEmbedCode = '<object width="225" height="188"><param name="movie" value="http://www.youtube.com/v/YTCODE&autoplay=YTAUTOPLAY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/YTCODE&autoplay=YTAUTOPLAY" type="application/x-shockwave-flash" wmode="transparent" width="225" height="188"></embed></object>';

$(function(){
	/* Create Link Boxes */
	$.ajax({
		async: false,
		type: "GET",
		url: "/includes/config/youtube_vid_config.txt",
		dataType: "json",
		success: function(data){
			/* Empty UL */
			$("#sideYTVSelector").empty();
			
			$(data.ytvideos).each(function(i){
				/* Load First Video */
				if (i==0)
				{
					$("#sideYTVTitle").html(this.title);
					$("#sideYTVideoBox").html(ytEmbedCode.replace(/YTCODE/g, this.videoid).replace(/YTAUTOPLAY/g, "0"));
					$("#sideYTVSelector").append('<li><a href="#" class="nowplaying" title="'+this.title+'">1</a></li>');
				}
				else
				{
					$("#sideYTVSelector").append('<li><a href="#" title="'+this.title+'">'+(i+1)+'</a></li>');
				}
			});
		}
	});
	
	/* Click Handler */
	$("#sideYTVSelector li a").click(function(){
		var item = parseInt($(this).text()) - 1;
		var lnk = $(this);
		
		$("#sideYTVideoBox").empty();
		$.ajax({
			async: false,
			type: "GET",
			url: "/includes/config/youtube_vid_config.txt",
			dataType: "json",
			success: function(data){
				$("#sideYTVSelector li a").removeClass("nowplaying");
				$(lnk).addClass("nowplaying");
			
				$("#sideYTVTitle").html(data.ytvideos[item].title);
				$("#sideYTVideoBox").html(ytEmbedCode.replace(/YTCODE/g, data.ytvideos[item].videoid).replace(/YTAUTOPLAY/g, "1"));
			}
		});
		return false;
	});
});