(function($) {	
	$.ytplaylist = {
		version: '0.0.1',
		
		defaultConf: {
			source: "uploads.cmsfx",
			ytplayer: null,
			nonstop: false,
			count: 25,
			orderby: "published",
			onReady: null,
			onNext: null,
			onPrev: null,
			onChange: null,
			template: ".YTPlaylistTemplate",
			templateItem: ".YTPlaylistItemTemplate",
			
			autoplay: false
		},
		
		defaultPlaylistTemplate: '\
			<div class="ytp-wrapper-playlist">\
				<ul class="ytp-playlist">\
					<%=items%>\
				</ul>\
			</div>\
		',
		
		defaultPlaylistItemTemplate: '\
			<li class="ytp-playlist-item" videoId="<%=videoId%>">\
				<div class="ytp-wrapper ytp-wrapper-playlist-item-thumbnail">\
					<img class="ytp-playlist-item-thumbnail" src="<%=thumbnail%>"/>\
					<div class="ytp-playlist-item-play-layer ytp-playlist-item-play-layer-bg"></div>\
					<div class="ytp-playlist-item-play-layer png"></div>\
				</div>\
				<div class="ytp-wrapper ytp-wrapper-playlist-item-info">\
					<h3 class="ytp-playlist-item-title"><%=title%></h3>\
					<div class="ytp-playlist-item-date"><%=date%></div>\
				</div>\
			</li>\
		'
	};
	
	var dateFormat = function () {
		var	token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
			timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
			timezoneClip = /[^-+\dA-Z]/g,
			pad = function (val, len) {
				val = String(val);
				len = len || 2;
				while (val.length < len) val = "0" + val;
				return val;
			};

		// Regexes and supporting functions are cached through closure
		return function (date, mask, utc) {
			var dF = dateFormat;

			// You can't provide utc if you skip other args (use the "UTC:" mask prefix)
			if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) {
				mask = date;
				date = undefined;
			}

			// Passing date through Date applies Date.parse, if necessary
			date = date ? new Date(date) : new Date;
			if (isNaN(date)) throw SyntaxError("invalid date");

			mask = String(dF.masks[mask] || mask || dF.masks["default"]);

			// Allow setting the utc argument via the mask
			if (mask.slice(0, 4) == "UTC:") {
				mask = mask.slice(4);
				utc = true;
			}

			var	_ = utc ? "getUTC" : "get",
				d = date[_ + "Date"](),
				D = date[_ + "Day"](),
				m = date[_ + "Month"](),
				y = date[_ + "FullYear"](),
				H = date[_ + "Hours"](),
				M = date[_ + "Minutes"](),
				s = date[_ + "Seconds"](),
				L = date[_ + "Milliseconds"](),
				o = utc ? 0 : date.getTimezoneOffset(),
				flags = {
					d:    d,
					dd:   pad(d),
					ddd:  dF.i18n.dayNames[D],
					dddd: dF.i18n.dayNames[D + 7],
					m:    m + 1,
					mm:   pad(m + 1),
					mmm:  dF.i18n.monthNames[m],
					mmmm: dF.i18n.monthNames[m + 12],
					yy:   String(y).slice(2),
					yyyy: y,
					h:    H % 12 || 12,
					hh:   pad(H % 12 || 12),
					H:    H,
					HH:   pad(H),
					M:    M,
					MM:   pad(M),
					s:    s,
					ss:   pad(s),
					l:    pad(L, 3),
					L:    pad(L > 99 ? Math.round(L / 10) : L),
					t:    H < 12 ? "a"  : "p",
					tt:   H < 12 ? "am" : "pm",
					T:    H < 12 ? "A"  : "P",
					TT:   H < 12 ? "AM" : "PM",
					Z:    utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
					o:    (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
					S:    ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
				};

			return mask.replace(token, function ($0) {
				return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
			});
		};
	}();

	// Some common format strings
	dateFormat.masks = {
		"default":      "ddd mmm dd yyyy HH:MM:ss",
		shortDate:      "m/d/yy",
		mediumDate:     "mmm d, yyyy",
		longDate:       "mmmm d, yyyy",
		fullDate:       "dddd, mmmm d, yyyy",
		shortTime:      "h:MM TT",
		mediumTime:     "h:MM:ss TT",
		longTime:       "h:MM:ss TT Z",
		isoDate:        "yyyy-mm-dd",
		isoTime:        "HH:MM:ss",
		isoDateTime:    "yyyy-mm-dd'T'HH:MM:ss",
		isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
	};

	// Internationalization strings
	dateFormat.i18n = {
		dayNames: [
			"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
			"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
		],
		monthNames: [
			"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
			"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
		]
	};
	
	function YTPlaylist(conf, root) { 
			var self = this, $self = $(this);
			
			// bind all callbacks from configuration
			$.each(conf, function(name, fn) {
				if ($.isFunction(fn)) { $self.bind(name, fn); }
			});
			
			// public methods
			$.extend(this, {				
				onYouTubePlayerReady: function(playerId) {
					
				}
			});
			
			function getUrl(source) {
				var urlRegexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/
				if (urlRegexp.test(source)) {
					return source
				}

				var type = source.substr(0, source.indexOf(".")),
					id = (!type) ? source : source.substr(source.indexOf(".") + 1);
					
				var url = "http://gdata.youtube.com/feeds/api/";
				switch(type) {
					case "uploads":
					case "favorites":
						url += "users/" + id + "/" + type + "/";
						break;
					
					case "playlist":
					default:
						url += "playlists/" + id + "/";
				}
				
				url += "?callback=?";
				
				
				return url;
			}
			
			var queryParams = {
				alt: "json-in-script",
				format: 5
			};
			
			if (conf.count) {
				queryParams["max-results"] = (conf.count > 50) ? 50 : conf.count;
			}
			
			if (conf.orderby && 
				("relevance" == conf.orderby || 
				 "published" == conf.orderby || 
				 "viewCount" == conf.orderby || 
				 "rating" == conf.orderby)) {
				queryParams["orderby"] = conf.orderby;
			}
			
			$.getJSON(getUrl(conf.source), queryParams, function(data) {
				var feed = data.feed;
				var entries = feed.entry || [];
				var itemsHtml = "";
				var firstVideoId;
				
				var playlistTemplate = root.find(conf.template),
					playlistTemplate = playlistTemplate.length ? playlistTemplate : $("<script type='text/html'>"+$.ytplaylist.defaultPlaylistTemplate+"</script>"),
					playlistItemTemplate = root.find(conf.templateItem),
					playlistItemTemplate = playlistItemTemplate.length ? playlistItemTemplate : $("<script type='text/html'>"+$.ytplaylist.defaultPlaylistItemTemplate+"</script>");
				
				var itemsData = {};
				for (var i = 0; i < entries.length; i++) {
					var entry = entries[i],
						url = entry.id.$t,
						videoId = url.substr(url.lastIndexOf("/") + 1, url.length-1),
						thumbnail = "http://img.youtube.com/vi/"+videoId+"/2.jpg";
					
					if (0 == i) {
						firstVideoId = videoId;
					}
					
					var time = entry.published.$t.replace(/-/g,"/").replace(/[TZ]/g," ");
						time = time.substr(0, time.lastIndexOf("."));
					
					itemsData[videoId] = {
						videoId: videoId,
						title: entry.title.$t,
						date: dateFormat(new Date(time), "dddd - mmmm dS, yyyy"),
						thumbnail: thumbnail
					}
					
					itemsHtml += playlistItemTemplate.tmpl(itemsData[videoId]);
				}
				
				root.append(playlistTemplate.tmpl({
					items: itemsHtml
				}));
				
				root.find(".ytp-playlist-item-play-layer-bg").css("opacity", 0.5);
				
				var ytplayerOnReady = function(event, ytplayer) {
					var playlistItems = root.find(".ytp-playlist-item");
					
					var changeVideo = function(videoId) {
						playlistItems.removeClass("ytp-playlist-item-active");
						playlistItems.filter("[videoId="+videoId+"]").addClass("ytp-playlist-item-active");
						$self.trigger("onChange", [itemsData[videoId]]);
					}

					var playVideo = function(videoId) {
						ytplayer.playVideo(videoId);
						ytplayer.bufferingVideo(nextVideo());
					}

					var nextVideo = function() {
						var playlistItem = playlistItems.filter("[videoId="+ytplayer.videoId()+"]").next().eq(0);

						if (!playlistItem.length) {
							playlistItem = playlistItems.eq(0);
						}

						return playlistItem.attr("videoId");
					}

					var previousVideo = function() {
						var playlistItem = playlistItems.filter("[videoId="+ytplayer.videoId()+"]").prev().eq(0);

						if (!playlistItem.length) {
							playlistItem = playlistItems.eq(playlistItems.length - 1);
						}

						return playlistItem.attr("videoId");
					}


					playlistItems.click(function(){	
						playVideo($(this).attr("videoId"));
					}).mouseover(function(){
						playlistItems.removeClass("ytp-playlist-item-hover");
						$(this).addClass("ytp-playlist-item-hover");
					}).mouseout(function(){
						$(this).removeClass("ytp-playlist-item-hover");
					});

					$(ytplayer).bind("onChangeVideo", function(event, videoId){
						changeVideo(videoId);
					});

					$(ytplayer).bind("onNext", function(){
						playVideo(nextVideo());
					});

					$(ytplayer).bind("onPrevious", function(){
						playVideo(previousVideo());
					});

					$(ytplayer).bind("onStop", function(){
						if (conf.nonstop) {
							$(ytplayer).trigger("onNext");
						}
					});

					$self.trigger("onReady");
				}
				
				if (conf.ytplayer && conf.ytplayer.isYtplayer) {			
					ytplayerOnReady(null, conf.ytplayer);
					return;
				}
			
				var ytpElement = (conf.ytplayer) ? $(conf.ytplayer) : root.prepend('<div class="ytp-wrapper-playlist-player"></div>').find(".ytp-wrapper-playlist-player");
				
				conf.onReady = ytplayerOnReady;
				conf.source = firstVideoId;
				
				ytpElement.ytplayer(conf);
			});
			
	}
	
	// jQuery plugin implementation
	$.fn.ytplaylist = function(conf) {
		conf = $.extend($.ytplaylist.defaultConf, conf || {});
		
		return this.each(function(i) {				
			var root = $(this);
			
			if (root.data("ytplaylist")) {
				return;
			}
			
			root.data("ytplaylist", new YTPlaylist(conf, root));
		});
	};		
		
}) (jQuery);