var superboxHideAll;

/*
 * jQuery SuperBox! 0.9.0
 * 
 TODO :
 - Ajax
 - Document.load if init is before </body> against IE crash.
 - Animations
 - Image / Gallery mode : display a legend
*/
; (function($) {
	// Local variables
	var $overlay, $wrapper, $container, $superbox, $closeBtn, $loading, $nextprev, $nextBtn, $prevBtn, settings,
	// Default settings
	defaultSettings = {
		boxId: "superbox",
		boxClasses: "",
		overlayOpacity: .5,
		boxWidth: "600",
		boxHeight: "400",
		loadTxt: "",
		closeTxt: "",
		prevTxt: "&#60;",
		nextTxt: "&#62;"
	},

	galleryGroups = {},
	galleryMode = false,
	hideElts = $([]);

	superboxHideAll = hideAll;

	// Init dispatcher
	$.superbox = function() {

		// Settings
		settings = $.extend({}, defaultSettings, $.superbox.settings);

		// If IE6, select elements to hide
		if ($.browser.msie && $.browser.version < 7) {
			hideElts = hideElts.add("select");
		}

		// Create base elements
		createElements();

		// Dispatch types
		dispatch();
	};

	// Dispatch types
	function dispatch() {

		// Match all a[rel^=superbox]
		$("a[rel^=superbox]").each(function() {

			// Optimisation
			var $this = $(this),
			relAttr = $this.attr("rel"),

			// Match type (ex : superbox[gallery#my_id.my_class][my_gallery] > gallery
			type = relAttr.match(/^superbox\[([^#\.\]]+)/)[1],

			// Match additionnal classes or IDs (#xxx.yyy.zzz)
			boxCurrentAttrs = relAttr.replace("superbox", "").match(/([#\.][^#\.\]]+)/g) || [],

			// Box ID and classes
			newBoxId = settings.boxId,
			newBoxClasses = settings.boxClasses;

			// Additionnal rel settings
			this._relSettings = relAttr.replace("superbox[" + type + boxCurrentAttrs.join("") + "]", "");

			// Redefine settings
			$.each(boxCurrentAttrs, function(i, val) { // each class or id
				if (val.substr(0, 1) == "#") {
					newBoxId = val.substr(1);
				}
				else if (val.substr(0, 1) == ".") {
					newBoxClasses += " " + val.substr(1);
				}
			});

			// Call type method
			if (type.search(/^image|gallery|iframe|content|ajax$/) != -1)
				$this.superbox(type, { boxId: newBoxId, boxClasses: newBoxClasses });
		});
	};

	/*-- Superbox Method --*/
	$.fn.superbox = function(type, curSettings) {
		curSettings = $.extend({}, settings, curSettings);
		$.superbox[type](this, curSettings);
	};

	/*-- Types --*/
	$.extend($.superbox, {

		// Image
		image: function($elt, curSettings, type) {

			var relSettings = getRelSettings($elt.get(0)),
			dimensions = false;

			// Extra settings
			if (relSettings && type == "gallery")
				dimensions = relSettings[1];
			else if (relSettings)
				dimensions = relSettings[0];

			// On click event
			$elt.click(function(e) {
				e.preventDefault();

				prepareBox();

				// "Prev / Next" buttons
				if (type == "gallery")
					nextPrev($elt, relSettings[0]);

				// Loading anim
				initLoading(function() {

					// Dimensions
					var dims = false,

					// Image
					$curImg;

					if (dimensions) {
						dims = dimensions.split("x");
					}

					// Image
					$curImg = $('<img src="' + $elt.attr("href") + '" title="' + ($elt.attr("title") || $elt.text()) + '" />');

					// On image load
					$curImg.load(function() {

						// Resize
						resizeImageBox($curImg, dims);

						// Id and Classes
						setBoxAttrs({ boxClasses: "image " + curSettings.boxClasses, boxId: curSettings.boxId });

						// Show box
						showBox();

					}).appendTo($innerbox);

				});

			});
		},

		// Gallery
		gallery: function($elt, curSettings) {

			// Extra settings
			var extraSettings = getRelSettings($elt.get(0));

			// Create group
			if (!galleryGroups[extraSettings[0]]) {
				galleryGroups[extraSettings[0]] = [];
			}

			// Add element to current group
			galleryGroups[extraSettings[0]].push($elt);

			$elt.get(0)._superboxGroupKey = (galleryGroups[extraSettings[0]].length - 1);

			// Image Box
			$.superbox["image"]($elt, curSettings, "gallery");
		},

		// iFrame
		iframe: function($elt, curSettings) {

			// Extra settings
			var extraSettings = getRelSettings($elt.get(0));

			// On click event
			$elt.click(function(e) {
				e.preventDefault();

				prepareBox();

				// Loading anim
				initLoading(function() {

					// Dimensions
					var dims = false,

					// iFrame
					$iframe;

					if (extraSettings) {
						dims = extraSettings[0].split("x");
					}

					curSettings = $.extend({}, curSettings, {
						boxWidth: dims[0] || curSettings.boxWidth,
						boxHeight: dims[1] || curSettings.boxHeight
					});

					if ($("#superbox-title")) {
						$("#superbox-title").addClass("box-title");
						$("#superbox-title").text($elt.attr("title"));
					}

					// Dimensions

					setBoxWidth = ((curSettings.boxWidth)/1)-14;
					setBoxHeight = ((curSettings.boxHeight)/1)-10;
					// iFrame
					$iframe = $('<iframe src="' + $elt.attr("href") + '" name="' + $elt.attr("href") + '" title="' + $elt.attr("title") + '" frameborder="0" scrolling="auto" hspace="0" width="' + setBoxWidth + '" height="' + setBoxHeight + '"></iframe>');

					loadOnce = '0';
					// On iFrame load
					$iframe.load(function() {
						if (loadOnce == 0) {
							// Specified dimensions
							$superbox.width(curSettings.boxWidth + "px");
							$innerbox.height(curSettings.boxHeight + "px");

							// Id and Classes
							setBoxAttrs({ boxClasses: "iframe " + curSettings.boxClasses, boxId: curSettings.boxId });

							// Show box
							showBox();
							loadOnce++;
						}

					}).appendTo($innerbox);
				});

			});
		},

		// Content
		content: function($elt, curSettings) {
			// Extra settings
			var extraSettings = getRelSettings($elt.get(0));

			// On click event
			$elt.click(function(e) {
				e.preventDefault();

				prepareBox();

				// Loading anim
				initLoading(function() {

					// Dimensions
					var dims = false;
					if (extraSettings)
						dims = extraSettings[0].split("x");

					curSettings = $.extend({}, curSettings, {
						boxWidth: dims[0] || curSettings.boxWidth,
						boxHeight: dims[1] || curSettings.boxHeight
					});


					// Specified dimensions
					$superbox.width(curSettings.boxWidth + "px");
					$innerbox.height(curSettings.boxHeight + "px");

					$($elt.attr('href')).clone().appendTo($innerbox);

					// Id and Classes
					setBoxAttrs({ boxClasses: "content " + curSettings.boxClasses, boxId: curSettings.boxId });

					// Show box
					showBox();
				});

			});
		},

		// Ajax
		ajax: function($elt, curSettings) {

			// Extra settings
			var extraSettings = getRelSettings($elt.get(0));

			// On click event
			$elt.click(function(e) {
				e.preventDefault();

				prepareBox();

				// Loading anim
				initLoading(function() {

					// Dimensions
					var dims = false;
					if (extraSettings && extraSettings[3]) {
						dims = extraSettings[3].split("x");
					}

					// Extend default dimension settings
					curSettings = $.extend({}, curSettings, {
						boxWidth: dims[0] || curSettings.boxWidth,
						boxHeight: dims[1] || curSettings.boxHeight
					});

					// Specified dimensions
					$superbox.width(curSettings.boxWidth + "px");
					$innerbox.height(curSettings.boxHeight + "px");

					$.get(extraSettings[2], function(data) {
						$(data).appendTo($innerbox);
					});

					// Id and Classes
					setBoxAttrs({ boxClasses: "ajax " + curSettings.boxClasses, boxId: curSettings.boxId });

					// Show box
					showBox();
				});
			});
		}
	});


	// Get extra settings in rel attribute
	function getRelSettings(elt) {
		return elt._relSettings.match(/([^\[\]]+)/g);
	};

	// Set image box dimensions
	function resizeImageBox($curImg, dims) {

		// Auto
		$superbox.width($curImg.width() + ($innerbox.css("paddingLeft").slice(0, -2) - 0) + ($innerbox.css("paddingRight").slice(0, -2) - 0)); // Padding ajouté, pour corriger le problème de définition padding sur $innerbox
		$innerbox.height($curImg.height());

		// Specified
		if (dims && dims[0] != "") {
			$superbox.width(dims[0] + "px");
		}
		if (dims && dims[1] != "" && dims[1] > $curImg.height()) {
			$innerbox.height(dims[1] + "px");
		}
	};

	// Next / Previous
	function nextPrev($elt, group) {
		$nextprev.show();

		galleryMode = true;

		var nextKey = $elt.get(0)._superboxGroupKey + 1,
			prevKey = nextKey - 2;

		// Next
		if (galleryGroups[group][nextKey]) {
			$nextBtn.removeClass("disabled").unbind("click").bind("click", function() {
				galleryGroups[group][nextKey].click();
			});
		}
		else
			$nextBtn.addClass("disabled").unbind("click");

		// Prev
		if (galleryGroups[group][prevKey]) {
			$prevBtn.removeClass("disabled").unbind("click").bind("click", function() {
				galleryGroups[group][prevKey].click();
			});
		}
		else
			$prevBtn.addClass("disabled").unbind("click");
	};

	// Set ID and Class
	function setBoxAttrs(attrs) {
		$superbox.attr("id", attrs.boxId).attr("class", attrs.boxClasses);
	};

	// Hide Box
	function hideBox() {
		$(document).unbind("keydown");
		$loading.hide();
		$nextprev.hide();
		$wrapper.hide().css({ position: "fixed", top: 0 });
	};

	// Hide Box + Overlay
	function hideAll(callback) {
		hideBox();
		$overlay.fadeOut(300, function() {
			// Show hidden elements for IE6
			hideElts.show();
		});

		$innerbox.empty();

		galleryMode = false;

		if (typeof(superboxRedirect) != 'undefined')
		{
			window.location.assign(superboxRedirect);
		}
	};

	// "Loading..."
	function initLoading(callback) {

		var loading = function() {

			// IE6
			if ($.browser.msie && $.browser.version < 7) {
				$wrapper.css({ position: "absolute", top: "50%" });
			}

			// Hide elements for IE6
			hideElts.hide();

			$loading.show();
			callback();
		};

		if (galleryMode) {
			$overlay.css("opacity", settings.overlayOpacity).show();
			loading();
		}
		else {
			$overlay.css("opacity", 0).show().fadeTo(300, settings.overlayOpacity, loading);
		}
	};

	// "Prepare" box : Show $superbox with top:-99999px;
	function prepareBox() {
		$wrapper.show();
		$innerbox.empty();
		$superbox.css({ position: "absolute", top: "-99999px" });
	};

	// Display box
	function showBox() {
		// Stop "Loading..."
		$loading.hide();

		// Keys shortcuts
		$(document).unbind("keydown").bind("keydown", function(e) {
			// Escape
			if (e.keyCode == 27)
				hideAll();
			// Left/right arrows
			if (e.keyCode == 39 && $nextBtn.is(":visible"))
				$nextBtn.click();
			if (e.keyCode == 37 && $prevBtn.is(":visible"))
				$prevBtn.click();
		});

		// Show $superbox
		$superbox.css({ position: "static", top: 0 });

		// IE6 and IE7
		if ($.browser.msie && $.browser.version < 8) {
			$superbox.css({ position: "relative", top: "-50%" });
			// IE6
			if ($.browser.msie && $.browser.version < 7)
				$wrapper.css({ position: "absolute", top: "50%" });
		} else {
		// Everything except IE<=7
			$superbox.css({ opacity: 0 });
		}
		// Position absolute if image height > window height
		if ($(window).height() < $wrapper.height()) {
			$wrapper.css({ position: "absolute", top: ($wrapper.offset().top + 10) + "px" });
		}
		if ((jQuery.browser.msie) && (parseInt(jQuery.browser.version) == 7)) {
		} else {
			if ((jQuery.browser.msie) && (parseInt(jQuery.browser.version) == 8)) {
				$superbox.fadeTo(300, 0.3);
			} else {
				$superbox.fadeTo(300, 1);
			}
		}
	};

	// Create base elements (overlay, wrapper, box, loading)
	function createElements() {
		if (!$.superbox.elementsReady) {

			// Overlay (background)
			$overlay = $('<div id="superbox-overlay"></div>').appendTo("body").hide();

			// Wrapper
			$wrapper = $('<div id="superbox-wrapper"></div>').appendTo("body").hide();

			// Box container
			$container = $('<div id="superbox-container"></div>').appendTo($wrapper);

			// Box
			$superbox = $('<div id="superbox"></div>').appendTo($container);

			// Title box
			$titlebox = $('<div id="superbox-titlebox"><div id="superbox-title"></div><div id="superbox-rule"><hr /></div></div>').appendTo($superbox);

			// Shadow boxes
			//			$shadowbox = $('<div id="superbox-shadowbox" class="alpha-shadow"></div>').appendTo($superbox);
			//			$shadowbox_br = $('<div id="superbox-shadowboxbr"></div>').appendTo($shadowbox);

			// Inner box
			$innerbox = $('<div id="superbox-innerbox"></div>').appendTo($superbox);

			// "Next / Previous"
			$nextprev = $('<p class="nextprev"></p>').appendTo($superbox).hide();
			$prevBtn = $('<a class="prev"><strong><span>' + settings.prevTxt + '</span></strong></a>').appendTo($nextprev);
			$nextBtn = $('<a class="next"><strong><span>' + settings.nextTxt + '</span></strong></a>').appendTo($nextprev);

			// Add close button
			$closeBtn = $('<span class="failureMessage" id="closeMessage"><span class="message">Close</span><span class="dialogueArrowBottomLeft"/></span><p class="close" title="' + settings.closeTxt + '"><a>&#215;</a></p>').prependTo($titlebox).find("a");

			// "Loading..."
			$loading = $('<p class="loading">' + settings.loadTxt + '</p>').appendTo($container).hide();

			// Hide on click
			//$overlay.add($wrapper).add($closeBtn).click(function() {
			$closeBtn.click(function() {
				hideAll();
			});

			$("#superbox #closeMessage").hide();
			if ((jQuery.browser.msie) && (parseInt(jQuery.browser.version) <= 7)) {
				$("#superbox #closeMessage .dialogueArrowBottomLeft").css('padding-bottom','0px').height(7).width(30);
			}

			$closeBtn.mouseover(function() {
				$("#superbox #closeMessage").show();
				$("#superbox-titlebox p.close").attr('title','');
			});
			$closeBtn.mouseout(function() {
				$("#superbox #closeMessage").hide();
				$("#superbox-titlebox p.close").attr('title',settings.closeTxt);
			});

			addDropShadow($superbox);

			// Remove "hide on click" on superbox
			$superbox.click(function(e) {
				e.stopPropagation();
			});

			// Dont call this function twice
			$.superbox.elementsReady = true;
		}
	};

})(jQuery);