/**
 * flowplayer.playlist.js 3.0.0. Flowplayer JavaScript plugin.
 *
 * This file is part of Flowplayer, http://flowplayer.org
 *
 * Author: Tero Piirainen, <support@flowplayer.org>
 * Copyright (c) 2008 Flowplayer Ltd
 *
 * Dual licensed under MIT and GPL 2+ licenses
 * SEE: http://www.opensource.org/licenses
 *
 * Version: 3.0.0 - Tue Nov 25 2008 16:30:11 GMT-0000 (GMT+00:00)
 */
(function($) {

	$f.addPlugin("playlist", function(wrap, options) {

		// self points to current Player instance
		var self = this;

		var opts = {
			playingClass: 'playing',
			pausedClass: 'paused',
			progressClass:'progress',
			template: '<a href="${url}">${title}</a>',
			loop: false,
			playOnClick: true
		};

		$.extend(opts, options);
		wrap = $(wrap);
		var manual = self.getPlaylist().length < 2;
		var els = null;


		/* setup playlists with onClick handlers */

		// template based playlist
		if (!manual) {

			var template = wrap.is(":empty") ? opts.template : wrap.html();
			wrap.empty();

			$.each(self.getPlaylist(), function() {

				var clip = this;

				var el = template;

				$.each(clip, function(key, val) {
					el = el.replace("$\{" +key+ "\}", val).replace("$%7B" +key+ "%7D", val);
				});

				el = $(el);

				el.click(function() {
					return play(el, clip.index);
				});

				wrap.append(el);
			});

			els = wrap.children();


		// HTML based playlist
		} else {

			els = wrap.children();
			if (els.eq(0).hasClass("__scrollable")) { els = els.children(); }

			els.each(function() {
				var el = $(this);
				el.click(function() {
					return play(el, el.attr("href"));
				});
			});

			// setup player to play first clip
			var clip = self.getClip(0);
			if (!clip.url && opts.playOnClick) {
				clip.update({url: els.eq(0).attr("href")});
			}

		}

		function play(el, clip)  {

			if (el.hasClass(opts.playingClass) || el.hasClass(opts.pausedClass)) {
				self.toggle();

			} else {		clearCSS();
				el.addClass(opts.progressClass);
				self.play(clip);
			}

			return false;
		}


		function clearCSS() {
			els.removeClass(opts.playingClass);
			els.removeClass(opts.pausedClass);
			els.removeClass(opts.progressClass);
		}

		function getEl(clip) {
			return (manual) ? els.filter("[@href=" + clip.url + "]") : els.eq(clip.index);
		}

		// onStart
		self.onStart(function(clip) {
			clearCSS();
			getEl(clip).click();
			getEl(clip).addClass(opts.playingClass);
		});

		// onPause
		self.onPause(function(clip) {
			clearCSS();
			getEl(clip).addClass(opts.pausedClass);
		});

		// onResume
		self.onResume(function(clip) {
				clearCSS();
			getEl(clip).addClass(opts.playingClass);
		});

		// what happens when clip ends ?
		if (!opts.loop && !manual) {

			// stop the playback exept on the last clip, which is stopped by default
			self.onBeforeFinish(function(clip) {
				if (clip.index < els.length -1) {
					return false;
				}
			});
		}

		// on manual setups perform looping here
		if (manual && opts.loop) {
			self.onBeforeFinish(function(clip) {
				var el = getEl(clip);
				if (el.next().length) {
					el.next().click();
				} else {
					els.eq(0).click();
				}
				return false;
			});
		}

		// onUnload
		self.onUnload(function() {
			clearCSS();
		});


		return self;

	});

})(jQuery);