/* 
 * Fancybox with media suport
 *  
 * original: 
 * FancyBox - simple and fancy jQuery plugin
 * Examples and documentation at: http://fancy.klade.lv/
 * Version: 1.2.1 (13/03/2009)
 * Copyright (c) 2009 Janis Skarnelis
 * Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
 * Requires: jQuery v1.3+
*/
;(function($) {
/********************************************  FIX PNG  ***************************************************************/
	$.fn.fixPNG = function() {
		return this.each(function () {
			var image = $(this).css('backgroundImage');

			if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
				image = RegExp.$1;
				$(this).css({
					'backgroundImage': 'none',
					'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=" + ($(this).css('backgroundRepeat') == 'no-repeat' ? 'crop' : 'scale') + ", src='" + image + "')"
				}).each(function () {
					var position = $(this).css('position');
					if (position != 'absolute' && position != 'relative')
						$(this).css('position', 'relative');
				});
			}
		});
	};
/*****************************************  VARIABLES *****************************************************************/
	var elem;
	var opts;
	var busy = false;
	var imagePreloader = new Image;
	var loadingTimer;
	var loadingFrame = 1;
	var imageRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i;
	var isIE = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 8);
/*****************************************  DEFAULTS *****************************************************************/
	var defaults = {
			padding				:	10,
			imageScale			:	true,
			zoomOpacity			:	false,
			zoomSpeedIn			:	0,
			zoomSpeedOut		:	0,
			zoomSpeedChange		:	300,
			easingIn			:	'swing',
			easingOut			:	'swing',
			easingChange		:	'swing',
			frameWidth			:	425,
			frameHeight			:	355,
			hideOnContentClick	:	true,
			centerOnScroll		:	true
		};
/*****************************************  FANCYBOX *****************************************************************/	
	$.fn.fancybox = function(settings) {
		settings = $.extend( defaults, settings);
		//all matched anchors
		var matchedGroup = this;
		/*  _initialize  */
		function _initialize() {
			elem = this;
			opts = settings;

			_start();

			return false;
		};
		/*  _start  */
		function _start() {
			if (busy) return;
			opts.itemArray		= [];
			opts.itemCurrent	= 0;
			var item = {};
			//no group
			if (!elem.rel || elem.rel == '') {
				var item = {href: elem.href, title: elem.title};

				if ($(elem).children("img:first").length) {
					item.orig = $(elem).children("img:first");
				}

				opts.itemArray.push( item );
			//group
			} else {
				//anchors with same rel
				var subGroup = $(matchedGroup).filter("a[rel=" + elem.rel + "]");

				var item = {};
				//gather a, img
				for (var i = 0; i < subGroup.length; i++) {
					item = {href: subGroup[i].href, title: subGroup[i].title};

					if ($(subGroup[i]).children("img:first").length) {
						item.orig = $(subGroup[i]).children("img:first");
					}

					opts.itemArray.push( item );
				}
				//set current
				while ( opts.itemArray[ opts.itemCurrent ].href != elem.href ) {
					opts.itemCurrent++;
				}
			}
			_change_item();
		};
		/*   _change_item   */
		function _change_item() {
			$("#fancy_right, #fancy_left, #fancy_close, #fancy_title").hide();

			var href = opts.itemArray[ opts.itemCurrent ].href;
			//image
			if (href.match(imageRegExp)) {
				imagePreloader = new Image;
				imagePreloader.src = href;

				if (imagePreloader.complete) {
					_proceed_image();

				} else {
					$.fn.fancybox.showLoading();

					$(imagePreloader).unbind().bind('load', function() {
						$(".fancy_loading").hide();

						_proceed_image();
					});
				}
			//media
			} else {
				$.getJSON(href, function(data) {
					opts.frameWidth = parseInt(data.width);
					opts.frameHeight = parseInt(data.height);
					_set_content( '<div id="fancy_ajax"><a class="media" title="' + data.name + '" href="' + data.file + '">&nbsp;</a></div>', opts.frameWidth, opts.frameHeight );
				});
			}
		};
		/*   _proceed_image   */
		function _proceed_image() {
			if (opts.imageScale) {
				var w = $.fn.fancybox.getViewport();

				var r = Math.min(Math.min(w[0] - 36, imagePreloader.width) / imagePreloader.width, Math.min(w[1] - 60, imagePreloader.height) / imagePreloader.height);

				var width = Math.round(r * imagePreloader.width);
				var height = Math.round(r * imagePreloader.height);

			} else {
				var width = imagePreloader.width;
				var height = imagePreloader.height;
			}

			_set_content('<img alt="" id="fancy_img" src="' + imagePreloader.src + '" />', width, height);
		};
		/*   _preload_neighbor_images   */
		function _preload_neighbor_images() {
			if ((opts.itemArray.length -1) > opts.itemCurrent) {
				var href = opts.itemArray[opts.itemCurrent + 1].href;

				if (href.match(imageRegExp)) {
					objNext = new Image();
					objNext.src = href;
				}
			}

			if (opts.itemCurrent > 0) {
				var href = opts.itemArray[opts.itemCurrent -1].href;

				if (href.match(imageRegExp)) {
					objNext = new Image();
					objNext.src = href;
				}
			}
		};
		/*   _set_content  */
		function _set_content(value, width, height) {
			
			busy = true;

			var pad = opts.padding;

			if (isIE) {
				$("#fancy_content")[0].style.removeExpression("height");
				$("#fancy_content")[0].style.removeExpression("width");
			}
			//padding > 0
			if (pad > 0) {
				width	+= pad * 2;
				height	+= pad * 2;
				
				$("#fancy_content").css({
					'top'		: pad + 'px',
					'right'		: pad + 'px',
					'bottom'	: pad + 'px',
					'left'		: pad + 'px',
					'width'		: 'auto',
					'height'	: 'auto'
				});

				if (isIE) {
					$("#fancy_content")[0].style.setExpression('height',	'(this.parentNode.clientHeight - 20)');
					$("#fancy_content")[0].style.setExpression('width',		'(this.parentNode.clientWidth - 20)');
				}
			//padding = 0
			} else {
				$("#fancy_content").css({
					'top'		: 0,
					'right'		: 0,
					'bottom'	: 0,
					'left'		: 0,
					'width'		: '100%',
					'height'	: '100%'
				});
			}
			//same width & height
			if ($("#fancy_outer").is(":visible") && width == $("#fancy_outer").width() && height == $("#fancy_outer").height()) {
				$("#fancy_content").fadeOut("fast", function() {
					$("#fancy_content").empty().append($(value)).find("a.media").media({ 'width' : opts.frameWidth, 'height' : opts.frameHeight, 'autoplay' : true, 'caption' : false });
					$("#fancy_content").fadeIn("normal", function() {
						_finish();
					});
				});

				return;
			}

			var w = $.fn.fancybox.getViewport();

			var itemLeft	= (width + 36)	> w[0] ? w[2] : (w[2] + Math.round((w[0] - width - 36) / 2));
			var itemTop		= (height + 50)	> w[1] ? w[3] : (w[3] + Math.round((w[1] - height - 50) / 2));

			var itemOpts = {
				'left':		itemLeft,
				'top':		itemTop,
				'width':	width + 'px',
				'height':	height + 'px'
			};
			//other width & height
			if ($("#fancy_outer").is(":visible")) {
				$("#fancy_content").fadeOut("normal", function() {
					$("#fancy_content").empty();
					$("#fancy_outer").animate(itemOpts, opts.zoomSpeedChange, opts.easingChange, function() {
						$("#fancy_content").append($(value)).find("a.media").media({ 'width' : opts.frameWidth, 'height' : opts.frameHeight, 'autoplay' : true, 'caption' : false });
						$("#fancy_content").fadeIn("normal", function() {
							_finish();
						});
					});
				});

			} else {

				if (opts.zoomSpeedIn > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) {
					$("#fancy_content").empty().append($(value)).find("a.media").media({ 'width' : opts.frameWidth, 'height' : opts.frameHeight, 'autoplay' : true, 'caption' : false });;

					var orig_item	= opts.itemArray[opts.itemCurrent].orig;
					var orig_pos	= $.fn.fancybox.getPosition(orig_item);

					$("#fancy_outer").css({
						'left':		(orig_pos.left - 18) + 'px',
						'top':		(orig_pos.top  - 18) + 'px',
						'width':	$(orig_item).width(),
						'height':	$(orig_item).height()
					});

					if (opts.zoomOpacity) {
						itemOpts.opacity = 'show';
					}

					$("#fancy_outer").animate(itemOpts, opts.zoomSpeedIn, opts.easingIn, function() {
						_finish();
					});

				} else {

					$("#fancy_content").hide().empty().append($(value)).find("a.media").media({ 'width' : opts.frameWidth, 'height' : opts.frameHeight, 'autoplay' : true, 'caption' : false });
					$("#fancy_content").show();
					$("#fancy_outer").css(itemOpts).fadeIn("normal", function() {
						_finish();
					});
				}
			}
		};
		/*  _set_navigation  */
		function _set_navigation() {
			if (opts.itemCurrent != 0) {
				$("#fancy_left, #fancy_left_ico").unbind().bind("click", function(e) {
					e.stopPropagation();

					opts.itemCurrent--;
					_change_item();

					return false;
				});
				//only pictures 
				var href = opts.itemArray[opts.itemCurrent].href;
				if (href.match(imageRegExp)) {
					$("#fancy_left").show();
				}
				
			}

			if (opts.itemCurrent != ( opts.itemArray.length -1)) {
				$("#fancy_right, #fancy_right_ico").unbind().bind("click", function(e) {
					e.stopPropagation();

					opts.itemCurrent++;
					_change_item();

					return false;
				});
				//only pictures
				var href = opts.itemArray[opts.itemCurrent].href;
				if (href.match(imageRegExp)) {
					$("#fancy_right").show();
				}
				
			}
		};
		/*   _finish   */
		function _finish() {
			
			_set_navigation();

			_preload_neighbor_images();

			$(document).keydown(function(e) {
				if (e.keyCode == 27) {
					$.fn.fancybox.close();
					$(document).unbind("keydown");

				} else if(e.keyCode == 37 && opts.itemCurrent != 0) {
					opts.itemCurrent--;
					_change_item();
					$(document).unbind("keydown");

				} else if(e.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) {
 					opts.itemCurrent++;
					_change_item();
					$(document).unbind("keydown");
				}
			});

			if (opts.centerOnScroll) {
				$(window).bind("resize scroll", $.fn.fancybox.scrollBox);
			} else {
				$("div#fancy_outer").css("position", "absolute");
			}
			//close
			$("#fancy_close").click($.fn.fancybox.close);
			
			if (opts.hideOnContentClick) {
				var href = opts.itemArray[opts.itemCurrent].href;
				if (href.match(imageRegExp)) {
					$("#fancy_wrap").click($.fn.fancybox.close);
				}
				
			}

			

			$("#fancy_close").show();

			if (opts.itemArray[ opts.itemCurrent ].title !== undefined && opts.itemArray[ opts.itemCurrent ].title.length > 0) {
				$('#fancy_title span').html(opts.itemArray[ opts.itemCurrent ].title);
				$('#fancy_title').show();
			}
			
			
			
			

			busy = false;
		};
		//click
		return this.unbind('click').click(_initialize);
	};

/************************************************  SCROLL BOX *********************************************************/	
	$.fn.fancybox.scrollBox = function() {
		var pos = $.fn.fancybox.getViewport();

		$("#fancy_outer").css('left', (($("#fancy_outer").width()	+ 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - $("#fancy_outer").width()	- 36)	/ 2)));
		$("#fancy_outer").css('top',  (($("#fancy_outer").height()	+ 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - $("#fancy_outer").height()	- 50)	/ 2)));
	};
/************************************************  GET NUMERIC *********************************************************/
	$.fn.fancybox.getNumeric = function(el, prop) {
		return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;
	};
/************************************************  GET POSITION  *********************************************************/
	$.fn.fancybox.getPosition = function(el) {
		var pos = el.offset();

		pos.top	+= $.fn.fancybox.getNumeric(el, 'paddingTop');
		pos.top	+= $.fn.fancybox.getNumeric(el, 'borderTopWidth');

		pos.left += $.fn.fancybox.getNumeric(el, 'paddingLeft');
		pos.left += $.fn.fancybox.getNumeric(el, 'borderLeftWidth');

		return pos;
	};
/************************************************  SHOW IFRAME  *********************************************************/
	$.fn.fancybox.showIframe = function() {
		$(".fancy_loading").hide();
		$("#fancy_frame").show();
	};
/************************************************  GET VIEW PORT  *********************************************************/
	$.fn.fancybox.getViewport = function() {
		return [$(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];
	};
/************************************************  ANIMATE LOADING  *********************************************************/
	$.fn.fancybox.animateLoading = function() {
		if (!$("#fancy_loading").is(':visible')){
			clearInterval(loadingTimer);
			return;
		}

		$("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px');

		loadingFrame = (loadingFrame + 1) % 12;
	};
/************************************************  SHOW LOADING  *********************************************************/
	$.fn.fancybox.showLoading = function() {
		clearInterval(loadingTimer);

		var pos = $.fn.fancybox.getViewport();

		$("#fancy_loading").css({'left': ((pos[0] - 40) / 2 + pos[2]), 'top': ((pos[1] - 40) / 2 + pos[3])}).show();
		$("#fancy_loading").bind('click', $.fn.fancybox.close);

		loadingTimer = setInterval($.fn.fancybox.animateLoading, 66);
	};
/************************************************  CLOSE  *********************************************************/
	$.fn.fancybox.close = function() {
		busy = true;

		$(imagePreloader).unbind();

		$("#fancy_close").unbind();

		if (opts.hideOnContentClick) {
			$("#fancy_wrap").unbind();
		}

		$("#fancy_close, .fancy_loading, #fancy_left, #fancy_right, #fancy_title").hide();

		if (opts.centerOnScroll) {
			$(window).unbind("resize scroll");
		}

		__cleanup = function() {
			$("#fancy_outer").hide();

			if (opts.centerOnScroll) {
				$(window).unbind("resize scroll");
			}

			if (isIE) {
				$('embed, object, select').css('visibility', 'visible');
				
			}
			//přidáno media
			$('#fancy_ajax object').remove();
			$('#fancy_ajax embed').remove();
			
			busy = false;
		};

		if ($("#fancy_outer").is(":visible") !== false) {
			if (opts.zoomSpeedOut > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) {
				var orig_item	= opts.itemArray[opts.itemCurrent].orig;
				var orig_pos	= $.fn.fancybox.getPosition(orig_item);

				var itemOpts = {
					'left':		(orig_pos.left - 18) + 'px',
					'top': 		(orig_pos.top  - 18) + 'px',
					'width':	$(orig_item).width(),
					'height':	$(orig_item).height()
				};

				if (opts.zoomOpacity) {
					itemOpts.opacity = 'hide';
				}

				$("#fancy_outer").stop(false, true).animate(itemOpts, opts.zoomSpeedOut, opts.easingOut, __cleanup);

			} else {
				$("#fancy_outer").stop(false, true).fadeOut("fast", __cleanup);
			}

		} else {
			__cleanup();
		}

		return false;
	};
/************************************************  BUILD  *********************************************************/
	$.fn.fancybox.build = function() {
		var html = '';
		html += '<div id="fancy_wrap">';
		html += '<div class="fancy_loading" id="fancy_loading"><div></div></div>';
		html += '<div id="fancy_outer">';
		html += '<div id="fancy_inner">';
		html += '<div id="fancy_close"></div>';
		html += '<div id="fancy_bg"><div class="fancy_bg fancy_bg_n"></div><div class="fancy_bg fancy_bg_ne"></div><div class="fancy_bg fancy_bg_e"></div><div class="fancy_bg fancy_bg_se"></div><div class="fancy_bg fancy_bg_s"></div><div class="fancy_bg fancy_bg_sw"></div><div class="fancy_bg fancy_bg_w"></div><div class="fancy_bg fancy_bg_nw"></div></div>';
		html += '<a href="javascript:;" id="fancy_left"><span class="fancy_ico" id="fancy_left_ico"></span></a><a href="javascript:;" id="fancy_right"><span class="fancy_ico" id="fancy_right_ico"></span></a>';
		html += '<div id="fancy_content"></div>';
		html += '<div id="fancy_title"></div>';
		html += '</div>';
		html += '</div>';
		html += '</div>';
		$(html).appendTo("body");
		$('<div class="fancy_title" id="fancy_title_left"></div><div class="fancy_title" id="fancy_title_main"><span></span></div><div class="fancy_title" id="fancy_title_right"></div>').appendTo('#fancy_title');
		if (isIE) {
			$("#fancy_inner").prepend('<iframe class="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');
			$("#fancy_close, .fancy_bg, .fancy_title, .fancy_ico").fixPNG();
		}
	};

	/************************************************  READY  *********************************************************/	

	$(document).ready(function() {
		$.fn.fancybox.build();
	});

})(jQuery);