/*
 * Easy Slider 1.8 - jQuery plugin
 * written by Alen Grakalic (modified by Kyle Florence)
 *
 * Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Built for jQuery library
 * http://jquery.com
 */

/*
 * markup example for $("#slider").easySlider();
 *
 * <div id="slider">
 * <ul>
 * <li><img src="images/01.jpg" alt="" /></li>
 * <li><img src="images/02.jpg" alt="" /></li>
 * <li><img src="images/03.jpg" alt="" /></li>
 * <li><img src="images/04.jpg" alt="" /></li>
 * <li><img src="images/05.jpg" alt="" /></li>
 * </ul>
 * </div>
 *
 */

(function($) {
	$.fn.easySlider = function(options) {
		// default configuration properties
		var defaults = {
			prevId : 'prevBtn',
			prevText : 'Previous',
			nextId : 'nextBtn',
			nextText : 'Next',
			controlsShow : true,
			controlsBefore : '',
			controlsAfter : '',
			controlsFade : true,
			insertAfter : false,
			firstId : 'firstBtn',
			firstText : 'First',
			firstShow : false,
			lastId : 'lastBtn',
			lastText : 'Last',
			lastShow : false,
			vertical : false,
			speed : 800,
			ease : 'swing',
			auto : false,
			pause : 2000,
			continuous : false,
			prevNext : true,
			numeric : false,
			numericId : 'controls'
		};

		var options = $.extend(defaults, options);

		this.each(function() {
			var obj = $(this);

			// Fix for nested list items
			var ul = obj.children("ul");
			var li = ul.children("li");

			var s = li.length;
			var w = obj.width();
			var h = obj.height();

			var t = 0;
			var ts = s - 1;
			var clickable = true;

			// Set obj overflow to hidden
			obj.css("overflow", "hidden");

			// Set width/height of list items based on width/height of obj
			li.each(function() {
				if (options.vertical)
					$(this).height(h);
				else
					$(this).width(w);
			});

			// Float items to the left
			li.css('float', 'left');

			// Set width/height of ul
			if (options.vertical)
				ul.height(s * w);
			else
				ul.width(s * h);

			// Clone elements for continuous scrolling
			if (options.continuous) {
				if (options.vertical) {
					ul.prepend(li.filter(":last-child").clone().css("margin-top", "-" + h + "px"));
					ul.append(li.filter(":nth-child(2)").clone());
					ul.height((s + 1) * h);
				} else {
					ul.prepend(li.filter(":last-child").clone().css("margin-left", "-" + w + "px"));
					ul.append(li.filter(":nth-child(2)").clone());
					ul.width((s + 1) * w *2);
				}
			}
			;

			if (options.controlsShow) {
				var html = options.controlsBefore;
				if (options.numeric) {
					html += '<ol id="' + options.numericId + '"></ol>';
				}
				if (options.firstShow) {
					html += '<span id="' + options.firstId + '"><a href="#">' + options.firstText + '</a></span>';
				}
				if (options.prevNext) {
					html += '<span id="' + options.prevId + '"><a href="#">' + options.prevText + '</a></span>';
					html += '<span id="' + options.nextId + '"><a href="#">' + options.nextText + '</a></span>';
				}
				if (options.lastShow) {
					html += '<span id="' + options.lastId + '"><a href="#">' + options.lastText + '</a></span>';
				}
				html += options.controlsAfter;

				if (options.insertAfter)
					$(obj).after(html);
				else
					$(obj).before(html);
			}
			;

			if (options.numeric) {
				for ( var i = 0; i < s; i++) {
					$(document.createElement("li")).attr('id', options.numericId + (i + 1)).html('<a rel="' + i + '" href="#"><span>' + (i + 1) + '</span></a>').appendTo($("#" + options.numericId)).click(function() {
						animate($("a", $(this)).attr('rel'), true);
						return false;
					});
				}
				;
			}

			if (options.prevNext) {
				$("a", "#" + options.nextId).click(function() {
					animate("next", true);
					return false;
				});
				$("a", "#" + options.prevId).click(function() {
					animate("prev", true);
					return false;
				});
				$("a", "#" + options.firstId).click(function() {
					animate("first", true);
					return false;
				});
				$("a", "#" + options.lastId).click(function() {
					animate("last", true);
					return false;
				});
			}
			;

			function setCurrent(i) {
				i = parseInt(i) + 1;
				$("li", "#" + options.numericId).removeClass("current");
				$("li#" + options.numericId + i).addClass("current");
			}
			;

			function adjust() {
				if (t > ts)
					t = 0;
				if (t < 0)
					t = ts;
				if (!options.vertical) {
					ul.css("margin-left", (t * w * -1));
				} else {
					ul.css("margin-top", (t * h * -1));
				}
				clickable = true;
				if (options.numeric)
					setCurrent(t);
			}
			;

			function animate(dir, clicked) {
				if (clickable) {
					clickable = false;
					var ot = t;
					switch (dir) {
					case "next":
						t = (ot >= ts) ? (options.continuous ? t + 1 : ts) : t + 1;
						break;
					case "prev":
						t = (t <= 0) ? (options.continuous ? t - 1 : 0) : t - 1;
						break;
					case "first":
						t = 0;
						break;
					case "last":
						t = ts;
						break;
					default:
						t = parseInt(dir);
						break;
					}
					;

					var diff = Math.abs(ot - t);
					var speed = diff * options.speed;
					if (!options.vertical) {
						p = (t * w * -1);
						ul.animate({
							marginLeft : p
						}, {
							queue : false,
							duration : speed,
							easing : options.ease,
							complete : adjust
						});
					} else {
						p = (t * h * -1);
						ul.animate({
							marginTop : p
						}, {
							queue : false,
							duration : speed,
							easing : options.ease,
							complete : adjust
						});
					}
					;

					if (!options.continuous && options.controlsFade) {
						if (t == 0) {
							$("a", "#" + options.prevId).fadeOut('slow');
							$("a", "#" + options.firstId).fadeOut('slow');
						} else if (t == ts) {
							$("a", "#" + options.nextId).fadeOut('slow');
							$("a", "#" + options.lastId).fadeOut('slow');
						} else {
							$("a", "#" + options.prevId).fadeIn('slow');
							$("a", "#" + options.firstId).fadeIn('slow');
							$("a", "#" + options.nextId).fadeIn('slow');
							$("a", "#" + options.lastId).fadeIn('slow');
						}
						;
					}
					;

					if (clicked)
						clearTimeout(timeout);
					if (options.auto && dir == "next" && !clicked) {
						;
						timeout = setTimeout(function() {
							animate("next", false);
						}, diff * options.speed + options.pause);
					}
					;

				}
				;
			}
			;
			// init
			var timeout;
			if (options.auto) {
				;
				timeout = setTimeout(function() {
					animate("next", false);
				}, options.pause);
			}
			;

			if (options.numeric)
				setCurrent(0);

			if (!options.continuous && options.controlsFade) {
				$("a", "#" + options.prevId).hide();
				$("a", "#" + options.firstId).hide();
			}
			;

		});

	};
})(jQuery);