/**
 * jCarousel - Riding carousels with jQuery
 *	 http://sorgalla.com/jcarousel/
 *
 * Modifided for use on XLI.com & ExploreLI.com
 *	 by Michael Bester <mbester@schematic.com>
 *
 * Copyright (c) 2006 Jan Sorgalla (http://sorgalla.com)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Built on top of the jQuery library
 *	 http://jquery.com
 *
 * Inspired by the "Carousel Component" by Bill Scott
 *	 http://billwscott.com/carousel/
 */

(function($) {
	/**
	 * Creates a carousel for all matched elements.
	 *
	 * @example $("#mycarousel").jcarousel();
	 * @before <ul id="mycarousel"><li>First item</li><li>Second item</li></ul>
	 * @result
	 *
	 *	 <div class="jcarousel-container">
	 *	   <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
	 *	   <div class="jcarousel-next"></div>
	 *	   <div class="jcarousel-clip">
	 *		 <ul class="jcarousel-list">
	 *		   <li class="item-1">First item</li>
	 *		   <li class="item-2">Second item</li>
	 *		 </ul>
	 *	   </div>
	 *	   <ul class="pager">
	 *		 <li class="disabled"><a href="#" class="gl prev">&laquo;<span><!-- ir --></span></a></li>
	 *		 <li><a href="#" class="gl next">&raquo;<span><!-- ir --></span></a></li>
	 *	   </ul>
	 *	 </div>
	 *
	 * @name jcarousel
	 * @type jQuery
	 * @param Hash o A set of key/value pairs to set as configuration properties.
	 * @cat Plugins/jCarousel
	 */
	$.fn.jcarousel = function(o) {
		return this.each(function() {
			new $jc(this, o);
		});
	};

	// Default configuration properties.
	var defaults = {
		vertical: false,
		start: 1,
		offset: 1,
		scroll: 1,
		autoDetectScroll: false,
		visible: null,
		animation: 600,
		easing: 'swing',
		auto: 0,
		wrap: null,
		containsAds: true,
		additionalContentBaseURL: null,
		additionalContentCallback: null,
		initCallback: null,
		reloadCallback: null,
		itemLoadCallback: null,
		itemFirstInCallback: null,
		itemFirstOutCallback: null,
		itemLastInCallback: null,
		itemLastOutCallback: null,
		itemVisibleInCallback: null,
		itemVisibleOutCallback: null,
		tabs: null,
		pagerTarget : null,
		addJumpLink : false,
		pagerHTML: '<ul></ul>',
		pagerSourceOrder: 'append',		// 'prepend' is the other option here.
		buttonNextHTML: '<li><a href="#" class="gl"><span></span></a></li>',
		buttonPrevHTML: '<li><a href="#" class="gl"><span></span></a></li>',
		jumpLinkHTML : '<li class="jump"><a href="#">Back to beginning</a></li>',
		buttonNextEvent: 'click',
		buttonPrevEvent: 'click',
		buttonNextSourceOrder: 'append',	// 'prepend' is the other option here.
		buttonPrevSourceOrder: 'append',	// 'prepend' is the other option here.
		buttonNextCallback: null,
		buttonPrevCallback: null,
		classClip: "clip",
		classContainer: "carouselContainer",
		classList: "list",
		classButtonPrev: "prev",
		classButtonNext: "next",
		classPager: "pager",
		classDisabled: "disabled",
		classPlaceholder: "placeholder",
		classItem: "item",
		classActive: "active",
		classSlideTitleSuffix: "Alt",
		firstSlideElement: null,
		adSubselector : "",
		adConfig: {},
		addResizeListener : false,
		slideTitleTag : '<h3></h3>',
		classIR : 'gl'
	};

	/**
	 * The jCarousel object.
	 *
	 * @constructor
	 * @name $.jcarousel
	 * @param Object e The element to create the carousel for.
	 * @param Hash o A set of key/value pairs to set as configuration properties.
	 * @cat Plugins/jCarousel
	 */
	$.jcarousel = function(e, o) {
		this.options	= $.extend({}, defaults, o || {});

		this.locked		= false;
		
		this.adConfig	= e.adConfig || this.options.adConfig;

		this.container	= null;
		this.clip		= null;
		this.list		= null;
		this.buttonNext = null;
		this.buttonPrev = null;

		this.wh = !this.options.vertical ? 'width' : 'height';
		this.lt = !this.options.vertical ? 'left' : 'top';

		if (e.nodeName == 'UL' || e.nodeName == 'OL') {
			this.list = $(e);
			this.container = this.list.parent();

			if (this.container.hasClass(this.options.classClip)) {
				if (!this.container.parent().hasClass(this.options.classContainer)) {
					this.container = this.container.wrap('<div></div>');
				}
				this.container = this.container.parent();
			} else if (!this.container.hasClass(this.options.classContainer)) {
				this.container = this.list.wrap('<div></div>').parent();
			}
		} else {
			this.container = $(e);
			this.list = $(e).find('>ul,>ol,div>ul,div>ol');
		}
		
		// Create a handle to reference the jCarousel object from the outside.
		e.jCarousel = this;
		
		// Set up the callback to show an ad
		if (this.options.containsAds) {
			this.options.itemVisibleInCallback = this.renderAd;
		}
		
		// Set up the internal callbacks to hide ads in Firefox PC
		this.options.adVisibleInCallback = {
			onBeforeAnimation: null,
			onAfterAnimation: this.showAd
		};
		this.options.adVisibleOutCallback = {
			onBeforeAnimation: this.hideAd,
			onAfterAnimation: null
		};
		
		// If we have an Ajax enhanced Carousel, set up the necessary callbacks
		if (this.options.additionalContentBaseURL !== null) {
			this.options.itemLastInCallback = this.getNewSlideContent;
			this.options.additionalContentCallback =
				(typeof this.options.additionalContentCallback === 'function') ?
					this.options.additionalContentCallback :
					this.appendSlide;
		}

		this.clip = this.list.parent();

		if (!this.clip.length || !this.clip.hasClass(this.options.classClip)) {
			this.clip = this.list.wrap('<div></div>').parent();
		}
		
		// Build navigation buttons
		if (this.options.buttonPrevHTML != null) {
			this.buttonPrev = $(this.options.buttonPrevHTML);
			this.buttonPrev.link = this.buttonPrev.find('a');
			(this.buttonPrev.link.length > 0) ?
				this.buttonPrev.link.addClass(this.options.classButtonPrev) :
				this.buttonPrev.addClass(this.options.classButtonPrev);
		}
		
		if (this.options.buttonNextHTML != null) {
			this.buttonNext = $(this.options.buttonNextHTML);
			this.buttonNext.link = this.buttonNext.find('a');
			(this.buttonNext.link.length > 0) ?
				this.buttonNext.link.addClass(this.options.classButtonNext) :
				this.buttonNext.addClass(this.options.classButtonNext);
		}
		
		if (this.options.pagerHTML !== null && this.options.pagerHTML !== "") {
			// Build a pager.
			this.pager = $(this.options.pagerHTML);
			this.pager.addClass(this.options.classPager);
			if (this.buttonPrev) {
				this.pager.append(this.buttonPrev);
			}
			if (this.buttonNext) {
				this.pager.append(this.buttonNext);
			}
			
			// Add the jump link if necessary
			if (this.options.addJumpLink) {
				this.jumpLink = $(this.options.jumpLinkHTML);
				this.jumpLink.link = this.jumpLink.find('a');
				this.pager.append(this.jumpLink);
			}
			
			// attach the pager
			if (typeof this.options.pagerTarget === "string") {
				$(this.options.pagerTarget).append(this.pager);
			} else if (this.options.pagerTarget !== null && typeof this.options.pagerTarget === 'object' && typeof this.options.pagerTarget.jquery === 'string') {
				this.options.pagerTarget.append(this.pager);
			} else {
				(this.options.pagerSourceOrder === 'append') ?
					this.container.append(this.pager) :
					this.container.prepend(this.pager);
			}
		} else {
			// No pager wrapper, so we'll just add the buttons to the container.
			if (this.buttonPrev) {
				(this.options.buttonPrevSourceOrder === 'append') ?
					this.container.append(this.buttonPrev) :
					this.container.prepend(this.buttonPrev);
			}
			if (this.buttonNext) {
				(this.options.buttonNextSourceOrder === 'append') ?
					this.container.append(this.buttonNext) :
					this.container.prepend(this.buttonNext);
			}
		}
		
		
		this.clip.addClass(this.className(this.options.classClip));
		this.list.addClass(this.className(this.options.classList));
		this.container.addClass(this.className(this.options.classContainer));

		var di = this.options.visible != null ? Math.ceil(this.clipping() / this.options.visible) : null;
		var li = this.list.children('li');

		var self = this;

		if (li.size() > 0) {
			var wh = 0, i = this.options.offset;
			li.each(function() {
				self.format(this, i++);
				wh += self.dimension(this, di);
			});

			this.list.css(this.wh, wh + 'px');
			
		}
		
		// Set up tabs
		if (this.options.tabs !== null) {
			// Convert a selector to a jQuery object if need be.
			if (typeof this.options.tabs === "string") {
				this.options.tabs === $(this.options.tabs);
			}
			
			// Register tabs
			this.options.tabs.each(function(){
				self.registerTab($(this));
			});
		}

		// For whatever reason, .show() does not work in Safari...
		//this.container.css('display', 'block');
		//this.buttonNext.css('display', 'block');
		//this.buttonPrev.css('display', 'block');
		
		this.funcResize = function() { self.reload(); };

		if (this.options.initCallback != null) {
			this.options.initCallback(this, 'init');
		}

		//if ($.browser.safari) {
		//	this.buttons(false, false);
		//	$(window).bind('load', function() { self.setup(); });
		//} else {
			this.setup();
		//}
	};

	// Create shortcut for internal use
	var $jc = $.jcarousel;

	$jc.fn = $jc.prototype = {
		jcarousel: '0.2.3'
	};

	$jc.fn.extend = $jc.extend = $.extend;

	$jc.fn.extend({
		/**
		 * Setups the carousel.
		 *
		 * @name setup
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		setup: function() {
			this.first	   		= null;
			this.last	   		= null;
			this.prevFirst 		= null;
			this.prevLast  		= null;
			this.animating 		= false;
			this.timer	   		= null;
			this.tail	   		= null;
			this.inTail	   		= false;

			if (this.locked) {
				return;
			}

			this.list.css(this.lt, this.pos(this.options.offset) + 'px');
			var p = this.pos(this.options.start);
			this.prevFirst = this.prevLast = null;
			this.animate(p, false);

			if (this.options.addResizeListener) {
				$(window).unbind('resize', this.funcResize).bind('resize', this.funcResize);
			}
		},

		/**
		 * Clears the list and resets the carousel.
		 *
		 * @name reset
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		reset: function() {
			this.list.empty();

			this.list.css(this.lt, '0px');
			this.list.css(this.wh, '10px');

			if (this.options.initCallback != null) {
				this.options.initCallback(this, 'reset');
			}
			
			this.setup();
		},

		/**
		 * Reloads the carousel and adjusts positions.
		 *
		 * @name reload
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		reload: function() {
			if (this.tail != null && this.inTail)
				this.list.css(this.lt, $jc.intval(this.list.css(this.lt)) + this.tail);

			this.tail	= null;
			this.inTail = false;

			if (this.options.reloadCallback != null)
				this.options.reloadCallback(this);

			if (this.options.visible != null) {
				var self = this;
				var di = Math.ceil(this.clipping() / this.options.visible), wh = 0, lt = 0;
				$('li', this.list).each(function(i) {
					wh += self.dimension(this, di);
					if (i + 1 < self.first)
						lt = wh;
				});

				this.list.css(this.wh, wh + 'px');
				this.list.css(this.lt, -lt + 'px');
			}

			this.scroll(this.first, false);
		},

		/**
		 * Locks the carousel.
		 *
		 * @name lock
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		lock: function() {
			this.locked = true;
			this.buttons();
		},

		/**
		 * Unlocks the carousel.
		 *
		 * @name unlock
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		unlock: function() {
			this.locked = false;
			this.buttons();
		},

		/**
		 * Sets the size of the carousel.
		 *
		 * @name size
		 * @type undefined
		 * @param Number s The size of the carousel.
		 * @cat Plugins/jCarousel
		 */
		size: function(s) {
			//if (s != undefined) {
			//	this.options.size = s;
			//	if (!this.locked) {
			//		this.buttons();
			//	}
			//}
            //
			//return this.options.size;
			return this.list.find('>li').length;
		},

		/**
		 * Checks whether a list element exists for the given index (or index range).
		 *
		 * @name get
		 * @type bool
		 * @param Number i The index of the (first) element.
		 * @param Number i2 The index of the last element.
		 * @cat Plugins/jCarousel
		 */
		has: function(i, i2) {
			if (i2 == undefined || !i2) {
				i2 = i;
			}
			
			var size = this.size();

			if (i2 > size) {
				i2 = size;
			}

			for (var j = i; j <= i2; j++) {
				var e = this.get(j);
				if (!e.length || e.hasClass(this.options.classPlaceholder)) {
					return false;
				}
			}

			return true;
		},

		/**
		 * Returns a jQuery object with list element for the given index.
		 *
		 * @name get
		 * @type jQuery
		 * @param Number i The index of the element.
		 * @cat Plugins/jCarousel
		 */
		get: function(i) {
			return $('.' + this.options.classItem + '-' + i, this.list);
		},

		/**
		 * Adds an element for the given index to the list.
		 * If the element already exists, it updates the inner html.
		 * Returns the created element as jQuery object.
		 *
		 * @name add
		 * @type jQuery
		 * @param Number i The index of the element.
		 * @param String s The innerHTML of the element.
		 * @param String cls A classname to add to the element.
		 * @cat Plugins/jCarousel
		 */
		add: function(i, s, cls) {
			
			var e = this.get(i), old = 0, add = 0;

			if (e.length == 0) {
				var c, e = this.create(i), j = $jc.intval(i);
				while (c = this.get(--j)) {
					if (j <= 0 || c.length) {
						j <= 0 ? this.list.prepend(e) : c.after(e);
						break;
					}
				}
			} else {
				old = this.dimension(e);
			}

			e.removeClass(this.className(this.options.classPlaceholder));
			if (typeof cls === 'string') {
				e.addClass(cls);
			}
			typeof s == 'string' ? e.html(s) : e.empty().append(s);

			var di = this.options.visible != null ? Math.ceil(this.clipping() / this.options.visible) : null;
			var wh = this.dimension(e, di) - old;

			if (i > 0 && i < this.first)
				this.list.css(this.lt, $jc.intval(this.list.css(this.lt)) - wh + 'px');

			this.list.css(this.wh, $jc.intval(this.list.css(this.wh)) + wh + 'px');

			return e;
		},

		/**
		 * Removes an element for the given index from the list.
		 *
		 * @name remove
		 * @type undefined
		 * @param Number i The index of the element.
		 * @cat Plugins/jCarousel
		 */
		remove: function(i) {
			var e = this.get(i);

			// Check if item exists and is not currently visible
			if (!e.length || (i >= this.first && i <= this.last))
				return;

			var d = this.dimension(e);

			if (i < this.first)
				this.list.css(this.lt, $jc.intval(this.list.css(this.lt)) + d + 'px');

			e.remove();

			this.list.css(this.wh, $jc.intval(this.list.css(this.wh)) - d + 'px');
		},

		/**
		 * Moves the carousel forwards.
		 *
		 * @name next
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		next: function() {
			
			var size = this.size();
			
			this.stopAuto();

			if (this.tail != null && !this.inTail) {
				this.scrollTail(false);
			} else {
				this.scroll(((this.options.wrap == 'both' || this.options.wrap == 'last') && this.last == size) ? 1 : this.first + this.options.scroll);
			}
		},

		/**
		 * Moves the carousel backwards.
		 *
		 * @name prev
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		prev: function() {	
			
			var size = this.size();
			
			this.stopAuto();

			if (this.tail != null && this.inTail) {
				this.scrollTail(true);
			} else {
				this.scroll(((this.options.wrap == 'both' || this.options.wrap == 'first') && this.first == 1) ? size : this.first - this.options.scroll);
			}
		},

		/**
		 * Scrolls the tail of the carousel.
		 *
		 * @name scrollTail
		 * @type undefined
		 * @param Bool b Whether scroll the tail back or forward.
		 * @cat Plugins/jCarousel
		 */
		scrollTail: function(b) {
			
			if (this.locked || this.animating || !this.tail)
				return;

			var pos	 = $jc.intval(this.list.css(this.lt));

			!b ? pos -= this.tail : pos += this.tail;
			this.inTail = !b;

			// Save for callbacks
			this.prevFirst = this.first;
			this.prevLast  = this.last;

			this.animate(pos);
		},

		/**
		 * Scrolls the carousel to a certain position.
		 *
		 * @name scroll
		 * @type undefined
		 * @param Number i The index of the element to scoll to.
		 * @param Bool a Flag indicating whether to perform animation.
		 * @cat Plugins/jCarousel
		 */
		scroll: function(i, a) {
			if (this.locked || this.animating) {
				return;
			}

			this.animate(this.pos(i), a);
		},

		/**
		 * Prepares the carousel and return the position for a certian index.
		 *
		 * @name pos
		 * @type Number
		 * @param Number i The index of the element to scoll to.
		 * @cat Plugins/jCarousel
		 */
		pos: function(i) {
			if (this.locked || this.animating) {
				return;
			}
			
			var size = this.size();
			
			if (this.options.wrap != 'circular') {
				i = i < 1 ? 1 : (size && i > size ? size : i);
			}

			var back = this.first > i;
			var pos	 = $jc.intval(this.list.css(this.lt));

			// Create placeholders, new list width/height
			// and new list position
			var f = this.options.wrap != 'circular' && this.first <= 1 ? 1 : this.first;
			var c = back ? this.get(f) : this.get(this.last);
			var j = back ? f : f - 1;
			var e = null, l = 0, p = false, d = 0;

			while (back ? --j >= i : ++j < i) {
				e = this.get(j);
				p = !e.length;
				if (e.length == 0) {
					e = this.create(j).addClass(this.className(this.options.classPlaceholder));
					c[back ? 'before' : 'after' ](e);
				}

				c = e;
				d = this.dimension(e);

				if (p) {
					l += d;
				}
				
				if (this.first != null && (this.options.wrap == 'circular' || (j >= 1 && (size == null || j <= size)))) {
					pos = back ? pos + d : pos - d;
				}
			}

			// Calculate visible items
			var clipping = this.clipping();
			var cache = [];
			var visible = 0, j = i, v = 0;
			var c = this.get(i - 1);

			while (++visible) {
				e = this.get(j);
				p = !e.length;
				if (e.length == 0) {
					e = this.create(j).addClass(this.className(this.options.classPlaceholder));
					// This should only happen on a next scroll
					c.length == 0 ? this.list.prepend(e) : c[back ? 'before' : 'after' ](e);
				}

				c = e;
				var d = this.dimension(e);
				if (d == 0) {
					XLI.Debug.error('Carousel Engine: No width/height set for items. This will cause an infinite loop. Aborting...');
					return 0;
				}

				if (this.options.wrap != 'circular' && size !== null && j > size) {
					cache.push(e);
				} else if (p) {
					l += d;
				}
				v += d;

				if (v >= clipping) {
					break;
				}

				j++;
			}

			 // Remove out-of-range placeholders
			for (var x = 0; x < cache.length; x++){
				cache[x].remove();
			}
			// Resize list
			if (l > 0) {
				this.list.css(this.wh, this.dimension(this.list) + l + 'px');

				if (back) {
					pos -= l;
					this.list.css(this.lt, $jc.intval(this.list.css(this.lt)) - l + 'px');
				}
			}

			// Calculate first and last item
			var last = i + visible - 1;
			if (this.options.wrap != 'circular' && size && last > size)
				last = size;

			if (j > last) {
				visible = 0;
				j = last;
				v = 0;
				while (++visible) {
					var e = this.get(j--);
					if (!e.length)
						break;
					v += this.dimension(e);
					if (v >= clipping)
						break;
				}
			}

			var first = last - visible + 1;
			if (this.options.wrap != 'circular' && first < 1) {
				first = 1;
			}
			if (this.inTail && back) {
				pos += this.tail;
				this.inTail = false;
			}

			this.tail = null;
			if (this.options.wrap != 'circular' && last == size && (last - visible + 1) >= 1) {
				var m = $jc.margin(this.get(last), !this.options.vertical ? 'marginRight' : 'marginBottom');
				if ((v - m) > clipping)
					this.tail = v - clipping - m;
			}

			// Adjust position
			while (i-- > first) { 
				pos += this.dimension(this.get(i));
			}
			
			// Save visible item range
			this.prevFirst = this.first;
			this.prevLast  = this.last;
			this.first	   = first;
			this.last	   = last;
			
			return pos;
		},

		/**
		 * Animates the carousel to a certain position.
		 *
		 * @name animate
		 * @type undefined
		 * @param mixed p Position to scroll to.
		 * @param Bool a Flag indicating whether to perform animation.
		 * @cat Plugins/jCarousel
		 */
		animate: function(p, a) {
			if (this.locked || this.animating) {
				return;
			}
			
			this.animating = true;

			var self = this,
				size = this.size();
			var scrolled = function() {
				
				self.animating = false;

				if (p == 0) {
					self.list.css(self.lt,	0);
				}

				if (self.options.wrap == 'both' || self.options.wrap == 'last' || size == null || self.last < size) {
					self.startAuto();
				}

				self.buttons();
				self.notify('onAfterAnimation');
			};

			this.notify('onBeforeAnimation');

			// Animate
			if (!this.options.animation || a == false) {
				this.list.css(this.lt, p + 'px');
				scrolled();
			} else {
				var o = !this.options.vertical ? {'left': p} : {'top': p};
				this.list.animate(o, this.options.animation, this.options.easing, scrolled);
			}
		},

		/**
		 * Starts autoscrolling.
		 *
		 * @name auto
		 * @type undefined
		 * @param Number s Seconds to periodically autoscroll the content.
		 * @cat Plugins/jCarousel
		 */
		startAuto: function(s) {
			if (s != undefined)
				this.options.auto = s;

			if (this.options.auto == 0 || $.cookie("autoCarousel") !== null) 
				return this.stopAuto();

			if (this.timer != null)
				return;

			if(this.options.autoDetectScroll === true)
				this.options.scroll = (this.last - this.first) + 1;

			var self = this;
			this.timer = setTimeout(function() { self.next(); }, this.options.auto * 1000);
		},

		/**
		 * Stops autoscrolling.
		 *
		 * @name stopAuto
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		stopAuto: function() {
			if (this.timer == null)
				return;

			clearTimeout(this.timer);
			this.timer = null;
		},
 
		userInteractedWithCarousel: function() {
			// turn off scrolling now
			this.startAuto(0);
		
			// set cookie to keep it off later
			if($.cookie("autoCarousel") === null) {
				$.cookie("autoCarousel", "off");
			}
		},

		/**
		 * Sets the states of the prev/next buttons.
		 *
		 * @name buttons
		 * @type undefined
		 * @cat Plugins/jCarousel
		 */
		buttons: function(n, p) {
			
			var self = this,
				size = this.size();
			
			if (n == undefined || n == null) {
				var n = !this.locked && this.size() !== 0 && ((this.options.wrap && this.options.wrap != 'first') || this.last < size);
				if (!this.locked && (!this.options.wrap || this.options.wrap == 'first') && this.last >= size) {
					n = this.tail != null && !this.inTail;
				}
			}

			if (p == undefined || p == null) {
				var p = !this.locked && this.size() !== 0 && ((this.options.wrap && this.options.wrap != 'last') || this.first > 1);
				if (!this.locked && (!this.options.wrap || this.options.wrap == 'last') && this.first == 1) {
					p = this.tail != null && this.inTail;
				}
			}

			this.buttonState = this.buttonState || {};
			this.buttonState.n = n;
			this.buttonState.p = p;
			
			if (!this.buttonsBound) {
				((this.buttonNext && this.buttonNext.link) ? this.buttonNext.link : this.buttonNext).bind(this.options.buttonNextEvent, function(e) {
					e.preventDefault();

			                // turn off auto scrolling
					self.userInteractedWithCarousel();

					if (self.buttonState.n) {
						if(self.options.autoDetectScroll === true)
							self.options.scroll = (self.last - self.first) + 1;
	
						self.next();
					}
				});
				((this.buttonPrev && this.buttonPrev.link) ? this.buttonPrev.link : this.buttonPrev).bind(this.options.buttonPrevEvent, function(e) {
					e.preventDefault();

			                // turn off auto scrolling
					self.userInteractedWithCarousel();

					if (self.buttonState.p) {
						if(self.options.autoDetectScroll === true)
							self.options.scroll = (self.last - self.first) + 1;
	
						self.prev();
					}
				});
				if (this.jumpLink) {
					((this.jumpLink && this.jumpLink.link) ? this.jumpLink.link : this.jumpLink).bind(this.options.buttonPrevEvent, function(e) {
						e.preventDefault();

			 	                // turn off auto scrolling
						self.userInteractedWithCarousel();

						if (self.buttonState.p) {
							self.scroll(1);
						}
					});
				}
				this.buttonsBound = true;
			}
			
			this.buttonNext[n ? 'removeClass' : 'addClass'](this.options.classDisabled + " " + this.options.classDisabled + "Next");
			this.buttonPrev[p ? 'removeClass' : 'addClass'](this.options.classDisabled + " " + this.options.classDisabled + "Prev");
			if (this.jumpLink) {
				((this.jumpLink && this.jumpLink.link) ? this.jumpLink.link : this.jumpLink)[p ? 'removeClass' : 'addClass'](this.options.classDisabled);
			}

			if (this.buttonNext.length > 0 && (this.buttonNext[0].jcarouselstate == undefined || this.buttonNext[0].jcarouselstate != n) && this.options.buttonNextCallback != null) {
				this.buttonNext.each(function() { self.options.buttonNextCallback(self, this, n); });
				this.buttonNext[0].jcarouselstate = n;
			}

			if (this.buttonPrev.length > 0 && (this.buttonPrev[0].jcarouselstate == undefined || this.buttonPrev[0].jcarouselstate != p) && this.options.buttonPrevCallback != null) {
				this.buttonPrev.each(function() { self.options.buttonPrevCallback(self, this, p); });
				this.buttonPrev[0].jcarouselstate = p;
			}
		},

		notify: function(evt) {
			var state = this.prevFirst == null ? 'init' : (this.prevFirst < this.first ? 'next' : 'prev');

			// Load items
			this.callback('itemLoadCallback', evt, state);

			if (this.prevFirst !== this.first) {
				this.callback('itemFirstInCallback', evt, state, this.first);
				this.callback('itemFirstOutCallback', evt, state, this.prevFirst);
			}

			if (this.prevLast !== this.last) {
				this.callback('itemLastInCallback', evt, state, this.last);
				this.callback('itemLastOutCallback', evt, state, this.prevLast);
			}

			this.callback('itemVisibleInCallback', evt, state, this.first, this.last, this.prevFirst, this.prevLast);
			this.callback('itemVisibleOutCallback', evt, state, this.prevFirst, this.prevLast, this.first, this.last);
			
			// This is for hiding ads in Firefox/PC
			if (XLI.Global.win && XLI.Global.moz) {
				this.callback('adVisibleInCallback', evt, state, this.first, this.last, this.prevFirst, this.prevLast);
				this.callback('adVisibleOutCallback', evt, state, this.prevFirst, this.prevLast, this.first, this.last);
			}
		},

		callback: function(cb, evt, state, i1, i2, i3, i4) {
			if (this.options[cb] == undefined || (typeof this.options[cb] != 'object' && evt != 'onAfterAnimation')) {
				return;
			}

			var callback = typeof this.options[cb] == 'object' ? this.options[cb][evt] : this.options[cb];

			if (!$.isFunction(callback)) {
				return;
			}

			var self = this;

			if (i1 === undefined) {
				callback(self, state, evt);
			} else if (i2 === undefined) {
				this.get(i1).each(function() { callback(self, this, i1, state, evt); });
			} else {
				for (var i = i1; i <= i2; i++) {
					if (i !== null && !(i >= i3 && i <= i4)) {
						this.get(i).each(function() { callback(self, this, i, state, evt); });
					}
				}
			}
		},

		create: function(i) {
			return this.format('<li></li>', i);
		},

		format: function(e, i) {
			var $e = $(e).addClass(this.className(this.options.classItem)).addClass(this.className(this.options.classItem + "-" + i));
			$e.attr('carouselIndex', i);
			return $e;
		},

		className: function(c) {
			return c + ' ' + c + (!this.options.vertical ? '' : '-vertical');
		},

		dimension: function($e, d) {
			if (typeof $e.jquery !== 'string') {
				$e = $($e);
			}
			
			var el = $e.get(0);
			
			if (this.options.vertical) {
				el.oh = (el.tagName.toLowerCase() === "li") ? (el.oh || $e.outerWidth(true)) : $e.outerWidth(true);	
				el.mt = el.mt || $jc.margin($e, 'marginTop');
				el.mb = el.mb || $jc.margin($e, 'marginBottom');
			} else {
				el.ow = (el.tagName.toLowerCase() === "li") ? (el.ow || $e.outerWidth(true)) : $e.outerWidth(true);
				el.ml = el.ml || $jc.margin($e, 'marginLeft');
				el.mr = el.ml || $jc.margin($e, 'marginRight');
			}

			var old = this.options.vertical ? el.oh : el.ow;

			if (d === null || typeof d === 'undefined' || old === d)
				return old;

			var w = this.options.vertical ? (d - el.mt - el.mb) : (d - el.ml - el.mr);

			$e.css(this.wh, w + 'px');

			return this.dimension($e);
		},

		clipping: function() {
			return !this.options.vertical ?
				this.clip[0].offsetWidth - $jc.intval(this.clip.css('borderLeftWidth')) - $jc.intval(this.clip.css('borderRightWidth')) :
				this.clip[0].offsetHeight - $jc.intval(this.clip.css('borderTopWidth')) - $jc.intval(this.clip.css('borderBottomWidth'));
		},

		index: function(i, s) {
			if (s == undefined) {
				s = this.size();
			}

			return Math.round((((i-1) / s) - Math.floor((i-1) / s)) * s) + 1;
		},
		
		registerAdConfig: function(config) {
			if (typeof config !== "object" ||
				(	typeof this.adConfig === "object" &&
					typeof this.adConfig.width !== 'undefined' &&
					typeof this.adConfig.height !== 'undefined'
				)
			) {
				return;
			}
			this.adConfig = config;
		},
		
		renderAd : function(carousel, item, index, state) {
			
			if (!XLI.AdManager.enabled) {
				return;
			}
			
			var $item = $(item),
				$target = $item;
				
			// If we have a target for the ad within a slide, let's find it.
			if (carousel.options.adSubselector && carousel.options.adSubselector !== "") {
				$target = $item.find(carousel.options.adSubselector);
				if (!$target.length) {
					$target = $item;
				}
			}
			
			if (!item.adRendered &&
				$item.hasClass('ad') &&
				typeof carousel.adConfig !== "undefined" &&
				typeof carousel.adConfig.width !== "undefined" &&
				typeof carousel.adConfig.height !== "undefined"
			) {	
				XLI.AdManager.render($target, carousel.adConfig, $(item).data("tagParams"));
				item.adRendered = true;
			}
		},
		
		hideAd: function(car, slide, index, state) {
			var $slide = $(slide);
			if (!XLI.Global.win || !XLI.Global.moz || !$slide.length) {
				return;
			}
			$slide.find('iframe').css('visibility', 'hidden');
		},
		
		showAd: function(car, slide, index, state) {
			var $slide = $(slide);
			if (!XLI.Global.win || !XLI.Global.moz || !$slide.length) {
				return;
			}
			$slide.find('iframe').css('visibility', 'visible');
		},
		
		getNewSlideContent: function(carousel, item, index, state) {
			
			if (typeof carousel.options.additionalContentBaseURL !== 'string') {
				return;
			}
			
			if(carousel.options.autoDetectScroll === true)
	                        carousel.options.scroll = (carousel.last - carousel.first) + 1;

                        // if we need more data...
                        if (index + carousel.options.scroll >= carousel.size() && (state === 'next' || state === 'init')) {

				// Set up a new JSON XHR request
				try {
					$.ajax({
						url : (carousel.options.additionalContentBaseURL + (parseInt(carousel.size(), 10) + 1)),
						dataType : 'json',
						cache : true,
						beforeSend : function(){
							carousel.lock();
						},

                                                success : function(json){
                                                        if(typeof json === 'undefined') { 
                                                                carousel.unlock();
                                                                return;
                                                        }

							// custom response format: daily calendar, etc. 
							if(typeof json.content === 'undefined') {
								carousel.options.additionalContentCallback.call(carousel, json);
								carousel.unlock();
							} else {
	                                                        $(json.content).each(function(i) {
        	                                                        if (typeof this.title === 'undefined' && typeof this.displayAd === 'undefined') {
                	                                                        carousel.unlock();
                        	                                                return;
                                	                                }

                                        	                        if (this.displayAd) {
                                                	                        carousel.appendAdvertisement(this);
                                                        	        } else {
										carousel.options.additionalContentCallback.call(carousel, this);
	                                                                }
        	                                                });
                        
                	                                        carousel.unlock();
							}
 
                                                },

						error : function(xhr, textStatus, errorThrown) {
							carousel.unlock();
							XLI.Debug.error("Error getting new carousel content: " + textStatus);
						}	
					});
				} catch(e) {
					XLI.Debug.error("Error getting new carousel content: " + e.message);
				}
			}
		},
		
		/**
		 * Builds the HTML for a carousel slide from JSON. Expects a JSON structure like so:
		 *
		 *  {
		 *  	'title' : "Obama Administration Passes Stimulus Package",
		 *  	'category' : {
		 *  		title : 'National Politics',
		 *  		link : '/url/to/category/',
		 *  	},
		 *  	'categoryLink : "#",
		 *  	'time' : "7 minutes ago",
		 *  	'imageURL' : "/url/to/image.jpg",
		 *  	'link' : "/url/to/story/link/",
		 *		'breakingNews' : true,
		 *  	'commentCount' : "15",
		 *  	'media' : {
		 *  		'photos' : '/url/to/photos',
		 *  		'video' : '/url/to/videos'
		 *  	}
		 *		'blurb' : "A one paragraph extract of the article",
		 *		'slideWidth' : "wide"
		 *  }
		 *
		 * Not all the properties in the above JSON Object are necessary. HTML will be constructed from the properties that are present.
		 * @public
		 * @param {Object} json JSON structure describing the slide content
		 * @returns jQuery representation of generated slide.
		 * @type Object
		 */		
		appendSlide: function(json) {
			if (typeof json !== 'object' || typeof json.title !== 'string') {
				return;
			}
			
			// Temporary wrapper
			var $temp = $('<div></div>'),
				that = this,
				cls = "",
				i = parseInt(this.size(), 10) + 1,
				$newSlide,
				$els = {};
			
			// Slide Image
			var addSlideImage = function() {
				var $el;
				if (json.imageURL && json.imageURL !== "") {
					try {
						$el = XLI.Builder.image({
							url : json.imageURL,
							title : json.title,
							link : json.link
						});

						if ($el) {
							$temp.append($el);
						}
					} catch(e) {
						XLI.Debug.error("Error adding slide image :" + e.message);
					}
					
				} else {
					cls += "noImage";
				}
			};
			
			// Category paragraph
			var addCategory = function() {
				var $el;
				if ((json.category && (json.category.title && json.category.title !== "")) || json.time && json.time !== "") {
					try {
						$el = XLI.Builder.categoryAndTime({
							category : {
								title : json.category.title,
								link : json.category.link
							},
							time : json.time
						});

						if ($el) {
							$temp.append($el);
						}
					} catch(e) {
						XLI.Debug.error("Error adding category paragraph :" + e.message);
					}
				}
			};
			
			// Title
			var addTitle = function() {
				var $el;
				if (json.title && json.title !== "") {
					try {
						$el = XLI.Builder.title({
						 	title : json.title,
						 	link : json.link,
						 	imageURL : json.imageURL,
						 	classSuffix : that.options.classSlideTitleSuffix
						 }, that.options.slideTitleTag);

						if ($el) {
							$temp.append($el);
						}
					} catch(e) {
						XLI.Debug.error("Error adding title :" + e.message);
					}
				}
			};
			
			// Summary / Blurb
			var addBlurb = function() {
				if (json.blurb && json.blurb !== "") {
					try {
						$els.blurb = XLI.Builder.blurb({
							txt : json.blurb,
							wordCount : (json.slideWidth === "wide") ? 40 : 15
						});

						if ($els.blurb) {
							$els.blurb.css({
								'visibility' : 'visible'
							});
							$temp.append($els.blurb);
						}
					} catch(e) {
						XLI.Debug.error("Error adding blurb :" + e.message);
					}
				}
			};

			// rating
			var addRating = function() {
				if (json.rating && json.rating !== "") {
					try {
						$els.rating = XLI.Builder.rating(json.rating);

						if ($els.rating) {
							if ($els.blurb) {
								$els.blurb.prepend($els.rating, '<br />');
							} else {
								$temp.append($els.rating);
							}
						}
					} catch(e) {
						XLI.Debug.error("Error adding blurb :" + e.message);
					}
				}
			};
			
			// Comments
			var addComments = function() {
				var $el;
				if (json.commentCount && json.commentCount !== "") {
					try {
						$el = XLI.Builder.comments({
							commentCount : json.commentCount,
							link : json.link
						});
					
						if ($el) {
							$temp.append($el);
						}
					} catch(e) {
						XLI.Debug.error("Error adding Comments :" + e.message);
					}
				}
			};
			
			// Media (photo / video) links
			var addMediaLinks = function() {
				var $el, mOpts = {};
				if (json.media) {
					try {
						$.each(json.media, function(key, value){
							mOpts[key] = value;
						});
					
						$el = XLI.Builder.mediaLinks(mOpts, that.options.classIR);
					
						if ($el) {
							$temp.append($el);
						}
					} catch(e) {
						XLI.Debug.error("Error adding media links :" + e.message);
					}
				}
			};
			
			// Do the building.
			if (this.options.firstSlideElement === 'category') {
				addCategory();
				addSlideImage();
			} else {	
				addSlideImage();
				addCategory();
			}
			
			addTitle();
			addBlurb();
			addRating();
			addComments();
			addMediaLinks();
			
			cls += (typeof json.slideWidth === 'string' && json.slideWidth !== "") ? (" " + json.slideWidth) : "";
			
			$newSlide = this.add(i, $temp.html(), cls);
			//this.size(i);
			
			return $newSlide;
		},
		
		appendAdvertisement: function(data) {
			var i = this.size() + 1;
			var newSlide = this.add(i, '', 'ad');
			$(newSlide).data("tagParams", data.params || {});
			//this.size(i);
		},
		
		/**
		 * Sets the base url for making XHR requests for new content. Useful when dealing with a tabbed carousel
		 * @public
		 * @param {String} url The base URL to use for XHR requests
		 * @returns nothing
		 */
		setAdditionalContentUrl: function(url) {
			if (typeof url === 'undefined' || url === "") {
				return;
			}
			this.options.additionalContentBaseURL = url;
		},
		
		/**
		 * Registers a tab for tabbed carousels
		 * @public
		 * @param {Object} tab A jQuery object representing a single tab element
		 * @param {String} dataURL A string representing the data
		 * @param {Array} initialState An array of Objects, each representing slide data 
		 * @returns nothing
		 */
		registerTab: function($tab, dataURL, initialState) {
			if (typeof $tab !== "object" || typeof $tab.jquery !== "string") {
				return;
			}
			
			var el 		= $tab.get(0),
				$lnk	= $tab.find('a');
			
			// Tie some properties to the element.
			el.$siblings	= $tab.siblings(el.tagName.toLowerCase());	// All the sibling tabs
			el.carousel		= this;
			el.$link		= ($lnk.length ? $lnk : null);
			el.dataURL		= dataURL || (el.$link ? el.$link.attr('href') : null);
			el.initialState	= initialState || null;
			
			// Apply a hover action for IE6 if need be
			if (el.$link === null) {
				XLI.Global.ie6Hover($tab);
			}
			
			// Add the activation to either the link or the tab.
			(el.$link ? el.$link : $tab).bind('click', this.activateTab);

		},
		
		/**
		 * Activates a tab. Typically called as a click event callback in the context of a tab element.
		 * @public
		 * @param {Object} e Event object
		 * @returns Nothing
		 */
		activateTab: function(e) {
			
			// Stop Default event.
			if (e) {
				e.preventDefault();
			}
			
			var $this = $(this),
				$el = (this.tagName.toLowerCase() === 'a') ? $this.closest('li') : $this,
				el = (this.tagName.toLowerCase() === 'a') ? $el.get(0) : this,
				car	= el.carousel;
				
			// Get the initial state if need be.
			if (el.initialState === null && el.dataURL !== null) {
				try {
					$.ajax({
						url: el.dataURL,
						dataType: 'json',
						cache: true,
						success: function(json){
							el.initialState = json.preloadedContent;
							el.dataURL = json.additionalContentUrl;
							car.activateTab.call(el);
						},
						error: function(xhr, errorText) {
							XLI.Debug.error("Error getting initial tab data: " + errorText);
						}
					});
				} catch(e) {
					XLI.Debug.error("Error getting initial tab data: " + e.message);
				}
				return;
			}
			
			el.$siblings.each(function(){
				var $this = $(this);
				// Save the carousel slides for the currently active element
				if ($this.hasClass(car.options.classActive)) {
					this.$lastState = car.list.find('>li');
					$this.removeClass(car.options.classActive);
				}
			});
				
			// populate the carousel
			if (el.$lastState) {
				try {
					// Temporarily assign a height to the carousel
					car.list.css('height', car.list.height() + "px");
					
					// Empty the carousel
					car.reset();
					
					// If we've been here
					el.$lastState.each(function(x){
						car.add(x, $(this).html());
					});	
						
					// update the buttons
					car.buttons();
					
					// relinquish carousel height
					car.list.css('height', "auto");
					
				} catch(e) {
					XLI.Debug.error("Error populating carousel tab content: " + e.message);
				}
			} else {
				// If it's our first time on this tab
				try {
					if (el.initialState) {
						
						// Temporarily assign a height to the carousel
						car.list.css('height', car.list.height() + "px");
						
						// Empty the carousel
						car.reset();
						
				        $.each(el.initialState, function(){
							car.appendSlide(this);
						});
						
						// update the buttons
						car.buttons();
						
						// relinquish carousel height
						car.list.css('height', "auto");
					}
				} catch(e) {
					XLI.Debug.error("Error populating tab content: " + e.message);
				}
			}
				
			// activate this nav item
			$el.addClass(car.options.classActive);
			
			// update the ajax base URL for the carousel.
			if (el.dataURL && el.dataURL !== "") {
				car.setAdditionalContentUrl(el.dataURL);
			}
		}
		
	});

	$jc.extend({
		/**
		 * Gets/Sets the global default configuration properties.
		 *
		 * @name defaults
		 * @descr Gets/Sets the global default configuration properties.
		 * @type Hash
		 * @param Hash d A set of key/value pairs to set as configuration properties.
		 * @cat Plugins/jCarousel
		 */
		defaults: function(d) {
			return $.extend(defaults, d || {});
		},

		margin: function(e, p) {
			if (!e) {
				return 0;
			}

			var el = e.jquery != undefined ? e[0] : e;

			return $jc.intval($.css(el, p));
		},

		intval: function(v) {
			v = parseInt(v, 10);
			return isNaN(v) ? 0 : v;
		}
	});

})(jQuery);