/*
* jQuery SuperBox! 0.9.1
* Copyright (c) 2009 Pierre Bertet (pierrebertet.net)
* Licensed under the MIT (MIT-LICENSE.txt)
*
* TODO :
* - 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: .8,
		boxWidth: "600",
		boxHeight: "400",
		loadTxt: "Loading...",
		closeTxt: "Close",
		prevTxt: "Previous",
		nextTxt: "Next",
		roundCorner: "round 20px",
		beforeShow: function() { },
		beforeHide: function() { }
	},

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

	// 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 superbox links
		$("a[rel^=superbox],area[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.unbind('click');
				$this.superbox(type, { boxId: newBoxId, boxClasses: newBoxClasses });
			}
		});
	};

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

	$.extend($.superbox, {
		open: function(type, href, title, curSettings) {
			curSettings = $.extend({}, settings, curSettings);
			$elt = $("<a href=\"" + href + "\">" + title + "</a>");
			$elt.get(0)._relSettings = "[" + curSettings.boxWidth + "x" + curSettings.boxHeight + "]";
			if (type == "ajax") $elt.get(0)._relSettings = "[_][_][" + href + "]" + $elt.get(0)._relSettings;
			$.superbox[type]($elt, curSettings);
			$elt.click();
		},
		close: function(callback) {
			hideAll(callback || function() { });
		},
		/*-- Types --*/
		// 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.unbind("click.Superbox").bind("click.Superbox", 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
					var src = $elt.attr("href"), title = $elt.attr("title") || $elt.text();
					if (jQuery.browser.safari) src += '?' + (+new Date());
					$curImg = $('<img src="' + src + '" title="' + title + '" />');

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

						// Resize
						resizeImageBox($curImg, dims);

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

						// Show box
						showBox(curSettings);

					}).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.unbind("click.Superbox").bind("click.Superbox", 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
					});

					// iframe
					$iframe = $('<iframe src="' + $elt.attr("href") + '" name="' + $elt.attr("href") + '" frameborder="0" scrolling="auto" hspace="0" width="' + curSettings.boxWidth + '" height="' + curSettings.boxHeight + '" allowautotransparency="true"></iframe>');

					// On iframe load
					$iframe.load(function() {

						$superbox.show();
						// 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(curSettings);

					}).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
					});

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

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

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

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

			});
		},

		// 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
					});

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

					$.get(extraSettings[2], function(data) {
						$(data).appendTo($innerbox);
						setBoxAttrs({ boxClasses: "ajax " + curSettings.boxClasses, boxId: curSettings.boxId });
						if (typeof curSettings.success == "function") curSettings.success(data);
					});

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

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


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

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

		$superbox.show();
		// 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);
		$superbox.addClass("superbox superbox-loading");
	};

	// Hide Box
	function hideBox() {
		$(document).unbind("keydown.Superbox");
		$loading.hide();
		$nextprev.hide();
		$wrapper.hide().css({ position: "fixed", top: 0 });
		$innerbox.empty();
		$("#superbox").addClass("superbox-loading");
	};

	// Hide Box + Overlay
	function hideAll(callback) {
		hideBox();
		callback();
		$overlay.fadeOut($.browser.msie ? 0 : 300, function() {
			// Show hidden elements for IE6
			hideElts.show();
		});
		galleryMode = false;
	};

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

		var loading = function() {

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

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

			$superbox.hide();
			$loading.show();

			$("p.loading").corner(settings.roundCorner);
			if ($.browser.msie) {
				$(".jquery-corner div").css("borderColor", "#303030");
			}

			callback();
		};

		if (galleryMode) {
			$overlay.css("opacity", settings.overlayOpacity).show();
			loading();
		}
		else {
			$overlay.css("opacity", 0).show().fadeTo($.browser.msie ? 0 : 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(curSettings, $elt) {
		// Stop "Loading..."
		$loading.hide();

		$("a.close").click(function() {
			hideAll(curSettings.beforeHide);
		});

		// Keys shortcuts
		$(document).bind("keydown.Superbox", function(e) {
			// Escape
			if ((e.which && e.which == 27) || (e.keyCode && e.keyCode == 27))
				hideAll(curSettings.beforeHide);
			// 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, opacity: 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%" });
		}

		// Position absolute if image height > window height
		if ($(window).height() < $wrapper.height()) {
			$wrapper.css({ position: "absolute", top: ($wrapper.offset().top + 10) + "px" });
		}

		settings.beforeShow();

		$superbox.fadeTo($.browser.msie ? 0 : 300, 1);

		// Corners
		$("#superbox").corner(curSettings.roundCorner);
		if ($.browser.msie) {

			$(".jquery-corner div").css("borderColor", "#303030");

			if ($.browser.version == 6) {
				var paddingBottom = parseInt($("#superbox").css("paddingBottom").replace(/[^0-9]+/g, "")) - 1;
				$("#superbox").css("paddingBottom", paddingBottom);
			}
		}

		// ie8 workaround
		if ($.browser.version == 8) {
			$("#superbox").corner(curSettings.roundCorner);
			var rounded_corners = $("#superbox .jquery-corner:first-child").clone();

			$("#superbox .jquery-corner:last-child").html(rounded_corners);
			$("#superbox .jquery-corner:last-child").remove();
		}

		if ($.browser.msie) {
			$superbox.css("filter", "none");
		}

	};

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

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

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

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

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

			// Inner box
			$innerbox = $('<div id="superbox-innerbox" class="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);

			// Description
			$description = $('<p class="description"></p>').appendTo($superbox);

			// Add close button
			$closeBtn = $('<a href="javascript:void(0);" class="close">' + settings.closeTxt + '</a>').prependTo($superbox).find("a");

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

			// Hide on click
			$overlay.add($wrapper).add($closeBtn);

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

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

})(jQuery);

$(document).ready(function() {
	$.superbox();
});