jQuery(function () {
	jQuery("div.csw").prepend("<p class='loading'>Loading...<br /><img src='images/ajax-loader.gif' alt='loading...'/ ></p>")
});
var j = 0;
jQuery.fn.codaSlider = function (settings) {
	settings = jQuery.extend({
		easeFunc: "expoinout",
		easeTime: 750,
		toolTip: false
	},
	settings);
	return this.each(function () {
		var container = jQuery(this);
		container.find("p.loading").remove();
		container.removeClass("csw").addClass("stripViewer");
		var panelWidth = container.find("div.panel").width();
		var panelCount = container.find("div.panel").size();
		var stripViewerWidth = panelWidth * panelCount;
		container.find("div.panelContainer").css("width", stripViewerWidth);
		var navWidth = panelCount * 2;
		if (location.hash && parseInt(location.hash.slice(1)) <= panelCount) {
			var cPanel = parseInt(location.hash.slice(1));
			var cnt = -(panelWidth * (cPanel - 1));
			jQuery(this).find("div.panelContainer").css({
				left: cnt
			})
		} else {
			var cPanel = 1
		};
		container.each(function (i) {
			jQuery(this).before("<div class='stripNavL' id='stripNavL" + j + "'><a href='#'>Left</a><\/div>");
			jQuery(this).after("<div class='stripNavR' id='stripNavR" + j + "'><a href='#'>Right</a><\/div>");
			jQuery(this).before("<div class='stripNav' id='stripNav" + j + "'><ul><\/ul><\/div>");
			jQuery(this).find("div.panel").each(function (n) {
				jQuery("div#stripNav" + j + " ul").append("<li class='tab" + (n + 1) + "'><a href='#" + (n + 1) + "'>" + jQuery(this).attr("title") + "<\/a><\/li>")
			});
			jQuery("div#stripNav" + j + " a").each(function (z) {
				navWidth += jQuery(this).parent().width();
				jQuery(this).bind("click", function () {
					jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current");
					var cnt = -(panelWidth * z);
					cPanel = z + 1;
					jQuery(this).parent().parent().parent().next().find("div.panelContainer").animate({
						left: cnt
					},
					settings.easeTime, settings.easeFunc);
				});
			});
			jQuery("div#stripNavL" + j + " a").click(function () {
				if (cPanel == 1) {
					var cnt = -(panelWidth * (panelCount - 1));
					cPanel = panelCount;
					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("li:last a").addClass("current")
				} else {
					cPanel -= 1;
					var cnt = -(panelWidth * (cPanel - 1));
					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().prev().find("a").addClass("current")
				};
				jQuery(this).parent().parent().find("div.panelContainer").animate({
					left: cnt
				},
				settings.easeTime, settings.easeFunc);
				location.hash = cPanel;
				return false
			});
			jQuery("div#stripNavR" + j + " a").click(function () {
				if (cPanel == panelCount) {
					var cnt = 0;
					cPanel = 1;
					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("a:eq(0)").addClass("current")
				} else {
					var cnt = -(panelWidth * cPanel);
					cPanel += 1;
					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().next().find("a").addClass("current")
				};
				jQuery(this).parent().parent().find("div.panelContainer").animate({
					left: cnt
				},
				settings.easeTime, settings.easeFunc);
				location.hash = cPanel;
				return false
			});
			jQuery("a.cross-link").click(function () {
				jQuery(this).parents().find(".stripNav ul li a:eq(" + (parseInt(jQuery(this).attr("href").slice(1)) - 1) + ")").trigger('click')
			});
			jQuery("div#stripNav" + j).css("width", navWidth);
			if (location.hash && parseInt(location.hash.slice(1)) <= panelCount) {
				jQuery("div#stripNav" + j + " a:eq(" + (location.hash.slice(1) - 1) + ")").addClass("current")
			} else {
				jQuery("div#stripNav" + j + " a:eq(0)").addClass("current")
			}
		});
		j++
	})
};