(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: '\
			<ul class="ytp-playlist">\
				<%=items%>\
			</ul>\
		',

		defaultPlaylistItemTemplate: '\
			<li class="video" videoId="<%=videoId%>">\
				<h3 class="title"><%=title%></h3>\
				<em class="date"><%=date%></em>\
				<div class="arrow">\
					<div class="top"></div>\
					<div class="bottom"></div>\
				</div>\
				<div class="border"></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); }
			});
			
			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;
			}
			
			// public methods
			$.extend(this, {
				onYouTubePlayerReady: function(playerId) {

				},
				
				setChannel: function(channel) {
					conf.source = channel;
					
					self.loadChannel();
				},
				
				loadChannel: function() {
					var queryParams = {
						alt: "json-in-script"
					};
		
					if (conf.count) {
						queryParams["max-results"] = (conf.count > 50) ? 50 : conf.count;
					}
					
					$.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>");
		
						self.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("."));
		
							self.itemsData[videoId] = {
								videoId: videoId,
								title: entry.title.$t,
								date: dateFormat(new Date(time), "dddd - mmmm dS, yyyy"),
								thumbnail: thumbnail
							}
		
							itemsHtml += playlistItemTemplate.tmpl(self.itemsData[videoId]);
						}
						
						root.html(playlistTemplate.tmpl({
							items: itemsHtml
						}));
						
						root.find(".ytp-playlist-item-play-layer-bg").css("opacity", 0.5);
						
						var ytplayerOnReady = function(event, ytplayer) {
							self.ytplayer = ytplayer;
									
							var changeVideo = function(videoId) {
								root.find(".video").removeClass("active")
									.filter("[videoId="+videoId+"]").addClass("active");
								$self.trigger("onChange", [self.itemsData[videoId]]);
							}
		
							var playVideo = function(videoId) {
								ytplayer.playVideo(videoId);
							};
		
							var nextVideo = function() {
								var nextVideo = root.find(".video[videoId="+ytplayer.videoId()+"]").next();
								
								if (!nextVideo.length) {
									nextVideo = root.find(".video").first();
								}
		
								return nextVideo.attr("videoId");
							};
		
							var previousVideo = function() {
								var previousVideo = root.find(".video[videoId="+ytplayer.videoId()+"]").prev();
		
								if (!previousVideo.length) {
									previousVideo = root.find(".video").last();
								}
		
								return previousVideo.attr("videoId");
							};
		
		
							root.find(".video").live('click', function(){
								playVideo($(this).attr("videoId"));
							});
		
							$(ytplayer).bind("onChangeVideo", function(event, videoId){
								changeVideo(videoId);
							}).bind("onNext", function(){
								playVideo(nextVideo());
							}).bind("onPrevious", function(){
								playVideo(previousVideo());
							}).bind("onStop", function(){
								if (conf.nonstop) {
									$(ytplayer).trigger("onNext");
								}
							});
		
							$self.trigger("onReady");
						}
										
						if (self.ytplayer && self.ytplayer.isReady) {
							//ytplayerOnReady(null, self.ytplayer); return;
							self.ytplayer.playVideo(firstVideoId);
						}
		
						var ytpElement = (conf.ytplayer) 
								? $(conf.ytplayer) 
								: $('<div class="ytp-wrapper-playlist-player"></div>').prependTo(root);
						
						ytpElement.ytplayer($.extend(conf, {
							onReady: ytplayerOnReady,
							source: firstVideoId
						}));
					});
				}
			});
			
			self.loadChannel();
	}

	// 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);