/**
 * Slimbox v2.02 - The ultimate lightweight Lightbox clone for jQuery
 * (c) 2007-2009 Christophe Beyls <http://www.digitalia.be>
 * MIT-style license.
 **/

/**
 * Version for Renault
 * (c) Michal Sobola <msobola@seznam.cz>, <michal.sobola@omnio.cz>
 * @version: 3.0.0
 * @revision: 2010-10-16
 * + Localisaion, changed styles
 **/

(function($) {

	/**
	 * localisation of the document
	 * script src="slimbox2.js?lang=cs"
	 **/
	var lang = 'en';
	var lang_def = {
		en : { prev : 'PREVIOUS', next : 'NEXT', close : 'CLOSE x' }
		,cz : { prev : 'P&#344;EDCH&Aacute;ZEJ&Iacute;C&Iacute;', next : 'N&Aacute;SLEDUJ&Iacute;C&Iacute;', close : 'ZAV&#344;&Iacute;T x' }
		,sk : { prev : 'PREDCH&Aacute;DZAJ&Uacute;CI', next : '&#270;AL&#x160;IE', close : 'ZAVRIE&#356; x' }
		,hu : { prev : 'EL&#336;Z&#336;', next : 'K&Ouml;VETKEZ&#336;', close : 'BEZ&Aacute;R&Aacute;S' }
	};
	
	// kohana has cz as keyword for czech, adding the right keyword
	lang_def.cs = lang_def.cz;
	
	function getParams(a) {
		var b = document.getElementsByTagName("script");
		for (var i = 0; i < b.length; i++) {
			if (b[i].src.indexOf("/"+a) >-1 ) {
				var c = b[i].src.split("?").pop().split("&"); 
				var p = {};
				for (var j = 0; j < c.length; j++){
					var d = c[j].split("=");
					p[d[0]] = d[1];
				}
				return p;
			}
		}
		return { };
	}
	
	function __(phrase){
		if (typeof lang_def[lang][phrase] != 'undefined'){
			return lang_def[lang][phrase];
		} else if (typeof lang_def.en[phrase]){
			return lang_def.en[phrase];
		} else {
			return phrase;
		}
	}
	
	// load lang from GET
	if (typeof getParams('slimbox2.js').lang != 'undefined'){
		lang = getParams('slimbox2.js').lang;
	}
	
	// top margin of #lbBottomContainer div
	var bottomOffset = 20;

	// Global variables, accessible to Slimbox only
	var win = $(window), options, images, activeImage = -1, activeURL, prevImage, nextImage, compatibleOverlay, middle, centerWidth, centerHeight, ie6 = !window.XMLHttpRequest,
		operaFix = window.opera && (document.compatMode == "CSS1Compat") && ($.browser.version >= 9.3), documentElement = document.documentElement,

	// Preload images
	preload = {}, preloadPrev = new Image(), preloadNext = new Image(),

	// DOM elements
	overlay, center, image, sizer, prevLink, nextLink, topContainer, bottomContainer, bottom, caption, number;

	/**
	 * Initialization
	 **/
	$(function() {
		// Append the Slimbox HTML code at the bottom of the document
		$("body").append(
			$([
				overlay = $('<div id="lbOverlay" />')[0],
				center = $('<div id="lbCenter" />')[0],
				bottomContainer = $('<div id="lbBottomContainer" />')[0]
			]).css("display", "none")
		);
		
		image = $('<div id="lbImage" />').appendTo(center).append(
			sizer = $('<div style="position: relative;" />').append([
				prevLink = $('<a id="lbPrevLink" href="#" />').click(previous)[0],
				nextLink = $('<a id="lbNextLink" href="#" />').click(next)[0]
			])[0]
		)[0];
		
		topContainer = $('<a id="lbCloseLink" href="#">'+__('close')+'</a>').appendTo(image).add(overlay).click(close)[0];

		bottom = $('<div id="lbBottom" />').appendTo(bottomContainer).append([
			// $('<a id="lbCloseLink" href="#" />').add(overlay).click(close)[0],
			caption = $('<div id="lbCaption" />')[0],
			number = $('<div id="lbNumber" />')[0],
			$('<div style="clear: both;" />')[0]
		])[0];
		
		// append elements for extra styles
 		$('#lbPrevLink').append('<span>'+__('prev')+'</span>');
 		$('#lbNextLink').append('<span>'+__('next')+'</span>');
 		
 		// fix IE 6
 		$('#lbPrevLink, #lbNextLink').hover(function(){
			$(this).children('span').css('display', 'block');	
		}, function(){
			$(this).children('span').css('display', 'none');
		});
	});

	/**
	 * API
	 **/

	// Open Slimbox with the specified parameters
	$.slimbox = function(_images, startImage, _options) {
		options = $.extend({
			loop: false,				// Allows to navigate between first and last images
			overlayOpacity: 0.8,			// 1 is opaque, 0 is completely transparent (change the color in the CSS file)
			overlayFadeDuration: 400,		// Duration of the overlay fade-in and fade-out animations (in milliseconds)
			resizeDuration: 400,			// Duration of each of the box resize animations (in milliseconds)
			changeDuration: 100,			// Duration of resize after box is opened
			resizeEasing: "swing",			// "swing" is jQuery's default easing
			initialWidth: 250,			// Initial width of the box (in pixels)
			initialHeight: 250,			// Initial height of the box (in pixels)
			imageFadeDuration: 100,			// Duration of the image fade-in animation (in milliseconds)
			captionAnimationDuration: 400,		// Duration of the caption animation (in milliseconds)
			counterText: "Image {x} of {y}",	// Translate or change as you wish, or set it to false to disable counter text for image groups
			closeKeys: [27, 88, 67],		// Array of keycodes to close Slimbox, default: Esc (27), 'x' (88), 'c' (67)
			previousKeys: [37, 80],			// Array of keycodes to navigate to the previous image, default: Left arrow (37), 'p' (80)
			nextKeys: [39, 78]			// Array of keycodes to navigate to the next image, default: Right arrow (39), 'n' (78)
		}, _options);

		// The function is called for a single image, with URL and Title as first two arguments
		if (typeof _images == "string") {
			_images = [[_images, startImage]];
			startImage = 0;
		}

		middle = win.scrollTop() + ((operaFix ? documentElement.clientHeight : win.height()) / 2);
		centerWidth = options.initialWidth;
		centerHeight = options.initialHeight;
		$(center).css({top: Math.max(0, middle - (centerHeight / 2)), width: centerWidth, height: centerHeight, marginLeft: -centerWidth/2}).show();
		compatibleOverlay = ie6 || (overlay.currentStyle && (overlay.currentStyle.position != "fixed"));
		if (compatibleOverlay) overlay.style.position = "absolute";
		$(overlay).css("opacity", options.overlayOpacity).fadeIn(options.overlayFadeDuration);
		position();
		setup(1);

		images = _images;
		options.loop = options.loop && (images.length > 1);
		return changeImage(startImage);
	};

	/**
	 * options:	Optional options object, see jQuery.slimbox()
	 * linkMapper:	Optional function taking a link DOM element and an index as arguments and returning an array containing 2 elements:
	 *		the image URL and the image caption (may contain HTML)
	 * linksFilter:	Optional function taking a link DOM element and an index as arguments and returning true if the element is part of
	 *		the image collection that will be shown on click, false if not. "this" refers to the element that was clicked.
	 *		This function must always return true when the DOM element argument is "this".
	 **/
	$.fn.slimbox = function(_options, linkMapper, linksFilter) {
		linkMapper = linkMapper || function(el) {
			return [el.href, el.title];
		};

		linksFilter = linksFilter || function() {
			return true;
		};

		var links = this;

		return links.unbind("click").click(function() {
			// Build the list of images that will be displayed
			var link = this, startIndex = 0, filteredLinks, i = 0, length;
			filteredLinks = $.grep(links, function(el, i) {
				return linksFilter.call(link, el, i);
			});

			// We cannot use jQuery.map() because it flattens the returned array
			for (length = filteredLinks.length; i < length; ++i) {
				if (filteredLinks[i] == link) startIndex = i;
				filteredLinks[i] = linkMapper(filteredLinks[i], i);
			}

			return $.slimbox(filteredLinks, startIndex, _options);
		});
	};
	
	$.fn.CMSslimbox = function(_options, path) {
		$(this).click(function(){
			return $.slimbox([[path, this.title]], 0, _options);
		});
	};

	/**
	 * Internal functions
	 **/
	function position() {
		var l = win.scrollLeft(), w = operaFix ? documentElement.clientWidth : win.width();
		$([center, bottomContainer]).css("left", l + (w / 2));
		if (compatibleOverlay) $(overlay).css({left: l, top: win.scrollTop(), width: w, height: win.height()});
	}

	function setup(open) {
		try {
			$("object").add(ie6 ? "select" : "embed").each(function(index, el) {
				if (open) $.data(el, "slimbox", el.style.visibility);
				el.style.visibility = open ? "hidden" : $.data(el, "slimbox");
			});
			var fn = open ? "bind" : "unbind";
			win[fn]("scroll resize", position);
			$(document)[fn]("keydown", keyDown);
		} catch (err){
		
		}
	}

	function keyDown(event) {
		var code = event.keyCode, fn = $.inArray;
		// Prevent default keyboard action (like navigating inside the page)
		return (fn(code, options.closeKeys) >= 0) ? close()
			: (fn(code, options.nextKeys) >= 0) ? next()
			: (fn(code, options.previousKeys) >= 0) ? previous()
			: false;
	}

	function previous() {
		return changeImage(prevImage);
	}

	function next() {
		return changeImage(nextImage);
	}

	function changeImage(imageIndex) {
		if (imageIndex >= 0) {
			activeImage = imageIndex;
			activeURL = images[activeImage][0];
			prevImage = (activeImage || (options.loop ? images.length : 0)) - 1;
			nextImage = ((activeImage + 1) % images.length) || (options.loop ? 0 : -1);

			stop();
			center.className = "lbLoading";

			preload = new Image();
			preload.onload = animateBox;
			preload.src = activeURL;
		}

		return false;
	}

	function animateBox() {
		center.className = "";
		$(image).css({backgroundImage: "url(" + activeURL + ")", visibility: "hidden", display: ""});
		$(sizer).width(preload.width);
		$([sizer, prevLink, nextLink]).height(preload.height);

		$(caption).html(images[activeImage][1] || "");
		$(number).html((((images.length > 1) && options.counterText) || "").replace(/{x}/, activeImage + 1).replace(/{y}/, images.length));

		if (prevImage >= 0) preloadPrev.src = images[prevImage][0];
		if (nextImage >= 0) preloadNext.src = images[nextImage][0];

		centerWidth = image.offsetWidth;
		centerHeight = image.offsetHeight;
		
		var top = Math.max(0, middle - (centerHeight / 2));
		if (center.offsetHeight != centerHeight) {
			// changing options after first open
			$(center).animate({height: centerHeight, top: top}, options.resizeDuration, options.resizeEasing, function(){
				options.resizeDuration = options.changeDuration;
			});
		}
		
		if (center.offsetWidth != centerWidth) {
			$(center).animate({width: centerWidth, marginLeft: -centerWidth/2}, options.resizeDuration, options.resizeEasing);
		}
		$(center).queue(function() {
			$(bottomContainer).css({width: centerWidth, top: (top + centerHeight) + bottomOffset, marginLeft: -centerWidth/2, visibility: "hidden", display: ""});
			$(image).css({display: "none", visibility: "", opacity: ""}).fadeIn(options.imageFadeDuration, animateCaption);
		});
	}

	function animateCaption() {
		if (prevImage >= 0) $(prevLink).show();
		if (nextImage >= 0) $(nextLink).show();
		$(bottom).css("marginTop", -bottom.offsetHeight).animate({marginTop: 0}, options.captionAnimationDuration);
		bottomContainer.style.visibility = "";
	}

	function stop() {
		preload.onload = null;
		preload.src = preloadPrev.src = preloadNext.src = activeURL;
		$([center, image, bottom]).stop(true);
		$([prevLink, nextLink, image, bottomContainer]).hide();
	}

	function close() {
		// reseting options
		options.changeDuration = options.resizeDuration;
		
		if (activeImage >= 0) {
			stop();
			activeImage = prevImage = nextImage = -1;
			$(center).hide();
			$(overlay).stop().fadeOut(options.overlayFadeDuration, setup);
		}
		
		return false;
	}

})(jQuery);

// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
jQuery(function($) {
	$("a[rel^='lightbox']").slimbox({/* Put custom options here */}, null, function(el) {
		return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
	});
});