new fancybox version

2 files changed, 721 insertions, 474 deletions

diff --git a/javascript/libs/jquery/plugins/fancybox/fancy.css b/javascript/libs/jquery/plugins/fancybox/fancy.css
index 5dc50da..b44e47f 100644
--- a/javascript/libs/jquery/plugins/fancybox/fancy.css
+++ b/javascript/libs/jquery/plugins/fancybox/fancy.css
@@ -1,10 +1,25 @@
+html, body {

+	height: 100%;

+}

+

 div#fancy_overlay {

-	position:absolute;

+	position: fixed;

 	top: 0;

 	left: 0;

-	z-index: 90;

 	width: 100%;

-	background-color: #333;

+	height: 100%;

+	background-color: #666;

+	display: none;

+	z-index: 30;

+}

+

+* html div#fancy_overlay {

+	position: absolute;

+	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

+}

+

+div#fancy_wrap {

+	text-align: left;

 }

 

 div#fancy_loading {

@@ -24,115 +39,104 @@ div#fancy_loading div {
 	left: 0;

 	width: 40px;

 	height: 480px;

-	background: transparent url(fancy_progress.png) no-repeat;

+	background: transparent url('fancy_progress.png') no-repeat;

 }

 

-div#fancy_close {

+div#fancy_loading_overlay {

 	position: absolute;

-	top: -12px;

-	right: -12px;

-	height: 30px;

-	width: 30px;

-	background: transparent url(fancy_closebox.png) ;

-	cursor: pointer;

-	z-index: 100;

-	display: none;

+	background-color: #FFF;

+	z-index: 30;

 }

 

-div#fancy_content {

+div#fancy_loading_icon {

 	position: absolute;

-	top: 0;

-	left: 0;

-	width: 100%;

-	height: 100%;

-	padding: 0; 

-	margin: 0;

-	z-index: 96;

+	background: url('fancy_loading.gif') no-repeat;

+	z-index: 35;

+	width: 16px;

+	height: 16px;

 }

 

-#fancy_frame {

+div#fancy_outer {

+	position: absolute;

+    top: 0;

+    left: 0;

+    z-index: 90;

+    padding: 18px 18px 33px 18px;

+    margin: 0;

+    overflow: hidden;

+    background: transparent;

+    display: none;

+}

+

+div#fancy_inner {

 	position: relative;

-	width: 100%;

+	width:100%;

+	height:100%;

+	border: 1px solid #BBB;

+	background: #FFF;

+}

+

+div#fancy_content {

+	margin: 0;

+	z-index: 100;

+	position: absolute;

+}

+

+div#fancy_div {

+	background: #000;

+	color: #FFF;

 	height: 100%;

-	display: none;

+	width: 100%;

+	z-index: 100;

 }

 

 img#fancy_img {

 	position: absolute;

 	top: 0;

 	left: 0;

-	width: 100%;

-	height: 100%;

 	border:0; 

 	padding: 0; 

 	margin: 0;

-	z-index: 92;

+	z-index: 100;

+	width: 100%;

+	height: 100%;

 }

 

-div#fancy_title {

+div#fancy_close {

 	position: absolute;

-	bottom: -35px;

-	left: 0;

-	width: 100%;

-	z-index: 100;

+	top: -12px;

+	right: -15px;

+	height: 30px;

+	width: 30px;

+	background: url('fancy_closebox.png') top left no-repeat;

+	cursor: pointer;

+	z-index: 181;

 	display: none;

 }

 

-div#fancy_title table {

-	margin: 0 auto;

-}

-

-div#fancy_title div {

-	color: #FFF;

-	font: bold 12px Arial;

-	padding-bottom: 2px;

-}

-

-td#fancy_title_left {

-	height: 32px;

-	width: 15px;

-	background: transparent url(fancy_title_left.png) repeat-x;

-}

-

-td#fancy_title_main {

-	height: 32px;

-	background: transparent url(fancy_title_main.png) repeat-x;

-}

-

-td#fancy_title_right {

-	height: 32px;

-	width: 15px;

-	background: transparent url(fancy_title_right.png) repeat-x;

-}

-

-div#fancy_outer {

-	position: absolute;

-    top: 0;

-    left: 0;

-    z-index: 90;

-    padding: 18px 18px 58px 18px;

-    margin: 0;

-    overflow: hidden;

-    background: transparent;

-    display: none;

+#fancy_frame {

+	position: relative;

+	width: 100%;

+	height: 100%;

+	display: none;

 }

 

-div#fancy_inner {

-	position: relative;

-	width:100%;

-	height:100%;

-	border: 1px solid #444;

-	background: #FFF;

+#fancy_ajax {

+	width: 100%;

+	height: 100%;

+	overflow: auto;

 }

 

 a#fancy_left, a#fancy_right {

 	position: absolute; 

-	bottom: 10px; 

+	bottom: 0px; 

 	height: 100%; 

 	width: 35%; 

 	cursor: pointer;

+	z-index: 111; 

+	display: none;

 	background-image: url(data:image/gif;base64,AAAA);

-	z-index: 100; 

+	outline: none;

 }

 

 a#fancy_left {

@@ -143,38 +147,77 @@ a#fancy_right {
 	right: 0px; 

 }

 

+span.fancy_ico {

+	position: absolute; 

+	top: 50%;

+	margin-top: -15px;

+	width: 30px;

+	height: 30px;

+	z-index: 112; 

+	cursor: pointer;

+	display: block;

+}

+

+span#fancy_left_ico {

+	left: -9999px;

+	background: transparent url('fancy_left.png') no-repeat;

+}

+

+span#fancy_right_ico {

+	right: -9999px;

+	background: transparent url('fancy_right.png') no-repeat;

+}

+

 a#fancy_left:hover {

-	background: transparent url(fancy_left.gif) no-repeat 0% 100%;

+  visibility: visible;

 }

 

 a#fancy_right:hover {

-	background: transparent url(fancy_right.gif) no-repeat 100% 100%;

+  visibility: visible;

 }

 

-#fancy_bigIframe, #fancy_freeIframe {

-	position:absolute;

+a#fancy_left:hover span {

+	left: 20px; 

+}

+

+a#fancy_right:hover span {

+	right: 20px; 

+}

+

+.fancy_bigIframe {

+	position: absolute;

 	top: 0;

 	left: 0;

 	width: 100%;

 	height: 100%;

-	z-index: 10;

+	background: transparent;

 }

 

 div#fancy_bg {

-	display: none;

+	position: absolute;

+	top: 0; left: 0;

+	width: 100%;

+	height: 100%;

+	z-index: 70;

+	border: 0;

+	padding: 0;

+	margin: 0;

 }

 	

 div.fancy_bg {

 	position: absolute;

 	display: block;

 	z-index: 70;

+	border: 0;

+	padding: 0;

+	margin: 0;

 }

 

 div.fancy_bg_n {

 	top: -18px;

 	width: 100%;

 	height: 18px;

-	background: transparent url(fancy_shadow_n.png) repeat-x;

+	background: transparent url('fancy_shadow_n.png') repeat-x;

 }

 

 div.fancy_bg_ne {

@@ -182,14 +225,14 @@ div.fancy_bg_ne {
 	right: -13px;

 	width: 13px;

 	height: 18px;

-	background: transparent url(fancy_shadow_ne.png) no-repeat;

+	background: transparent url('fancy_shadow_ne.png') no-repeat;

 }

 

 div.fancy_bg_e {

 	right: -13px;

 	height: 100%;

 	width: 13px;

-	background: transparent url(fancy_shadow_e.png) repeat-y;

+	background: transparent url('fancy_shadow_e.png') repeat-y;

 }

 

 div.fancy_bg_se {

@@ -197,14 +240,14 @@ div.fancy_bg_se {
 	right: -13px;

 	width: 13px;

 	height: 18px;

-	background: transparent url(fancy_shadow_se.png) no-repeat;

+	background: transparent url('fancy_shadow_se.png') no-repeat;

 }

 

 div.fancy_bg_s {

 	bottom: -18px;

 	width: 100%;

 	height: 18px;

-	background: transparent url(fancy_shadow_s.png) repeat-x;

+	background: transparent url('fancy_shadow_s.png') repeat-x;

 }

 

 div.fancy_bg_sw {

@@ -212,14 +255,14 @@ div.fancy_bg_sw {
 	left: -13px;

 	width: 13px;

 	height: 18px;

-	background: transparent url(fancy_shadow_sw.png) no-repeat;

+	background: transparent url('fancy_shadow_sw.png') no-repeat;

 }

 

 div.fancy_bg_w {

 	left: -13px;

 	height: 100%;

 	width: 13px;

-	background: transparent url(fancy_shadow_w.png) repeat-y;

+	background: transparent url('fancy_shadow_w.png') repeat-y;

 }

 

 div.fancy_bg_nw {

@@ -227,5 +270,46 @@ div.fancy_bg_nw {
 	left: -13px;

 	width: 13px;

 	height: 18px;

-	background: transparent url(fancy_shadow_nw.png) no-repeat;

+	background: transparent url('fancy_shadow_nw.png') no-repeat;

+}

+

+div#fancy_title {

+	position: absolute;

+	bottom: -33px;

+	left: 0;

+	width: 100%;

+	z-index: 100;

+	display: none;

+}

+

+div#fancy_title div {

+	color: #FFF;

+	font: bold 12px Arial;

+	padding-bottom: 3px;

+}

+

+div#fancy_title table {

+	margin: 0 auto;

+}

+

+div#fancy_title table td {

+	padding: 0;

+	vertical-align: middle;

+}

+

+td#fancy_title_left {

+	height: 32px;

+	width: 15px;

+	background: transparent url(fancy_title_left.png) repeat-x;

+}

+

+td#fancy_title_main {

+	height: 32px;

+	background: transparent url(fancy_title_main.png) repeat-x;

+}

+

+td#fancy_title_right {

+	height: 32px;

+	width: 15px;

+	background: transparent url(fancy_title_right.png) repeat-x;

 }
\ No newline at end of file
diff --git a/javascript/libs/jquery/plugins/fancybox/jquery.fancybox.js b/javascript/libs/jquery/plugins/fancybox/jquery.fancybox.js
index d1f2b75..d632e64 100644
--- a/javascript/libs/jquery/plugins/fancybox/jquery.fancybox.js
+++ b/javascript/libs/jquery/plugins/fancybox/jquery.fancybox.js
@@ -1,384 +1,547 @@
-/*

- * FancyBox - simple jQuery plugin for fancy image zooming

- * Examples and documentation at: http://fancy.klade.lv/

- * Version: 1.0.0 (29/04/2008)

- * Copyright (c) 2008 Janis Skarnelis

- * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php

- * Requires: jQuery v1.2.1 or later

-*/

-(function($) {

-	var opts = {}, 

-		imgPreloader = new Image, imgTypes = ['png', 'jpg', 'jpeg', 'gif'], 

-		loadingTimer, loadingFrame = 1;

-

-   $.fn.fancybox = function(settings) {

-		opts.settings = $.extend({}, $.fn.fancybox.defaults, settings);

-

-		$.fn.fancybox.init();

-

-		return this.each(function() {

-			var $this = $(this);

-			var o = $.metadata ? $.extend({}, opts.settings, $this.metadata()) : opts.settings;

-

-			$this.unbind('click').click(function() {

-				$.fn.fancybox.start(this, o); return false;

-			});

-		});

-	};

-

-	$.fn.fancybox.start = function(el, o) {

-		if (opts.animating) return false;

-

-		if (o.overlayShow) {

-			$("#fancy_wrap").prepend('<div id="fancy_overlay"></div>');

-			$("#fancy_overlay").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': o.overlayOpacity});

-

-			if ($.browser.msie) {

-				$("#fancy_wrap").prepend('<iframe id="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');

-				$("#fancy_bigIframe").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': 0});

-			}

-

-			$("#fancy_overlay").click($.fn.fancybox.close);

-		}

-

-		opts.itemArray	= [];

-		opts.itemNum	= 0;

-

-		if (jQuery.isFunction(o.itemLoadCallback)) {

-		   o.itemLoadCallback.apply(this, [opts]);

-

-			var c	= $(el).children("img:first").length ? $(el).children("img:first") : $(el);

-			var tmp	= {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}

-

-		   for (var i = 0; i < opts.itemArray.length; i++) {

-				opts.itemArray[i].o = $.extend({}, o, opts.itemArray[i].o);

-				

-				if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {

-					opts.itemArray[i].orig = tmp;

-				}

-		   }

-

-		} else {

-			if (!el.rel || el.rel == '') {

-				var item = {url: el.href, title: el.title, o: o};

-

-				if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {

-					var c = $(el).children("img:first").length ? $(el).children("img:first") : $(el);

-					item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}

-				}

-

-				opts.itemArray.push(item);

-

-			} else {

-				var arr	= $("a[@rel=" + el.rel + "]").get();

-

-				for (var i = 0; i < arr.length; i++) {

-					var tmp		= $.metadata ? $.extend({}, o, $(arr[i]).metadata()) : o;

-   					var item	= {url: arr[i].href, title: arr[i].title, o: tmp};

-

-   					if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {

-						var c = $(arr[i]).children("img:first").length ? $(arr[i]).children("img:first") : $(el);

-

-						item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)}

-					}

-

-					if (arr[i].href == el.href) opts.itemNum = i;

-

-					opts.itemArray.push(item);

-				}

-			}

-		}

-

-		$.fn.fancybox.changeItem(opts.itemNum);

-	};

-

-	$.fn.fancybox.changeItem = function(n) {

-		$.fn.fancybox.showLoading();

-

-		opts.itemNum = n;

-

-		$("#fancy_nav").empty();

-		$("#fancy_outer").stop();

-		$("#fancy_title").hide();

-		$(document).unbind("keydown");

-

-		imgRegExp = imgTypes.join('|');

-    	imgRegExp = new RegExp('\.' + imgRegExp + '$', 'i');

-

-		var url = opts.itemArray[n].url;

-

-		if (url.match(/#/)) {

-			var target = window.location.href.split('#')[0]; target = url.replace(target,'');

-

-	        $.fn.fancybox.showItem('<div id="fancy_div">' + $(target).html() + '</div>');

-

-	        $("#fancy_loading").hide();

-

-		} else if (url.match(imgRegExp)) {

-			$(imgPreloader).unbind('load').bind('load', function() {

-				$("#fancy_loading").hide();

-

-				opts.itemArray[n].o.frameWidth	= imgPreloader.width;

-				opts.itemArray[n].o.frameHeight	= imgPreloader.height;

-

-				$.fn.fancybox.showItem('<img id="fancy_img" src="' + imgPreloader.src + '" />');

-

-			}).attr('src', url + '?rand=' + Math.floor(Math.random() * 999999999) );

-

-		} else {

-			$.fn.fancybox.showItem('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + url + '"></iframe>');

-		}

-	};

-

-	$.fn.fancybox.showIframe = function() {

-		$("#fancy_loading").hide();

-		$("#fancy_frame").show();

-	};

-

-	$.fn.fancybox.showItem = function(val) {

-		$.fn.fancybox.preloadNeighborImages();

-

-		var viewportPos	= $.fn.fancybox.getViewport();

-		var itemSize	= $.fn.fancybox.getMaxSize(viewportPos[0] - 50, viewportPos[1] - 100, opts.itemArray[opts.itemNum].o.frameWidth, opts.itemArray[opts.itemNum].o.frameHeight);

-

-		var itemLeft	= viewportPos[2] + Math.round((viewportPos[0] - itemSize[0]) / 2) - 20;

-		var itemTop		= viewportPos[3] + Math.round((viewportPos[1] - itemSize[1]) / 2) - 40;

-

-		var itemOpts = {

-			'left':		itemLeft, 

-			'top':		itemTop, 

-			'width':	itemSize[0] + 'px', 

-			'height':	itemSize[1] + 'px'	

-		}

-

-		if (opts.active) {

-			$('#fancy_content').fadeOut("normal", function() {

-				$("#fancy_content").empty();

-				

-				$("#fancy_outer").animate(itemOpts, "normal", function() {

-					$("#fancy_content").append($(val)).fadeIn("normal");

-					$.fn.fancybox.updateDetails();

-				});

-			});

-

-		} else {

-			opts.active = true;

-

-			$("#fancy_content").empty();

-

-			if ($("#fancy_content").is(":animated")) {

-				console.info('animated!');

-			}

-

-			if (opts.itemArray[opts.itemNum].o.zoomSpeedIn > 0) {

-				opts.animating		= true;

-				itemOpts.opacity	= "show";

-

-				$("#fancy_outer").css({

-					'top':		opts.itemArray[opts.itemNum].orig.pos.top - 18,

-					'left':		opts.itemArray[opts.itemNum].orig.pos.left - 18,

-					'height':	opts.itemArray[opts.itemNum].orig.height,

-					'width':	opts.itemArray[opts.itemNum].orig.width

-				});

-

-				$("#fancy_content").append($(val)).show();

-

-				$("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedIn, function() {

-					opts.animating = false;

-					$.fn.fancybox.updateDetails();

-				});

-

-			} else {

-				$("#fancy_content").append($(val)).show();

-				$("#fancy_outer").css(itemOpts).show();

-				$.fn.fancybox.updateDetails();

-			}

-		 }

-	};

-

-	$.fn.fancybox.updateDetails = function() {

-		$("#fancy_bg,#fancy_close").show();

-

-		if (opts.itemArray[opts.itemNum].title !== undefined && opts.itemArray[opts.itemNum].title !== '') {

-			$('#fancy_title div').html(opts.itemArray[opts.itemNum].title);

-			$('#fancy_title').show();

-		}

-

-		if (opts.itemArray[opts.itemNum].o.hideOnContentClick) {

-			$("#fancy_content").click($.fn.fancybox.close);

-		} else {

-			$("#fancy_content").unbind('click');

-		}

-

-		if (opts.itemNum != 0) {

-			$("#fancy_nav").append('<a id="fancy_left" href="javascript:;"></a>');

-

-			$('#fancy_left').click(function() {

-				$.fn.fancybox.changeItem(opts.itemNum - 1); return false;

-			});

-		}

-

-		if (opts.itemNum != (opts.itemArray.length - 1)) {

-			$("#fancy_nav").append('<a id="fancy_right" href="javascript:;"></a>');

-			

-			$('#fancy_right').click(function(){

-				$.fn.fancybox.changeItem(opts.itemNum + 1); return false;

-			});

-		}

-

-		$(document).keydown(function(event) {

-			if (event.keyCode == 27) {

-            	$.fn.fancybox.close();

-

-			} else if(event.keyCode == 37 && opts.itemNum != 0) {

-            	$.fn.fancybox.changeItem(opts.itemNum - 1);

-

-			} else if(event.keyCode == 39 && opts.itemNum != (opts.itemArray.length - 1)) {

-            	$.fn.fancybox.changeItem(opts.itemNum + 1);

-			}

-		});

-	};

-

-	$.fn.fancybox.preloadNeighborImages = function() {

-		if ((opts.itemArray.length - 1) > opts.itemNum) {

-			preloadNextImage = new Image();

-			preloadNextImage.src = opts.itemArray[opts.itemNum + 1].url;

-		}

-

-		if (opts.itemNum > 0) {

-			preloadPrevImage = new Image();

-			preloadPrevImage.src = opts.itemArray[opts.itemNum - 1].url;

-		}

-	};

-

-	$.fn.fancybox.close = function() {

-		if (opts.animating) return false;

-

-		$(imgPreloader).unbind('load');

-		$(document).unbind("keydown");

-

-		$("#fancy_loading,#fancy_title,#fancy_close,#fancy_bg").hide();

-

-		$("#fancy_nav").empty();

-

-		opts.active	= false;

-

-		if (opts.itemArray[opts.itemNum].o.zoomSpeedOut > 0) {

-			var itemOpts = {

-				'top':		opts.itemArray[opts.itemNum].orig.pos.top - 18,

-				'left':		opts.itemArray[opts.itemNum].orig.pos.left - 18,

-				'height':	opts.itemArray[opts.itemNum].orig.height,

-				'width':	opts.itemArray[opts.itemNum].orig.width,

-				'opacity':	'hide'

-			};

-

-			opts.animating = true;

-

-			$("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedOut, function() {

-				$("#fancy_content").hide().empty();

-				$("#fancy_overlay,#fancy_bigIframe").remove();

-				opts.animating = false;

-			});

-

-		} else {

-			$("#fancy_outer").hide();

-			$("#fancy_content").hide().empty();

-			$("#fancy_overlay,#fancy_bigIframe").fadeOut("fast").remove();

-		}

-	};

-

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

-	};

-

-	$.fn.fancybox.animateLoading = function(el, o) {

-		if (!$("#fancy_loading").is(':visible')){

-			clearInterval(loadingTimer);

-			return;

-		}

-

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

-

-		loadingFrame = (loadingFrame + 1) % 12;

-	};

-

-	$.fn.fancybox.init = function() {

-		if (!$('#fancy_wrap').length) {

-			$('<div id="fancy_wrap"><div id="fancy_loading"><div></div></div><div id="fancy_outer"><div id="fancy_inner"><div id="fancy_nav"></div><div id="fancy_close"></div><div id="fancy_content"></div><div id="fancy_title"></div></div></div></div>').appendTo("body");

-			$('<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>').prependTo("#fancy_inner");

-			

-			$('<table cellspacing="0" cellpadding="0" border="0"><tr><td id="fancy_title_left"></td><td id="fancy_title_main"><div></div></td><td id="fancy_title_right"></td></tr></table>').appendTo('#fancy_title');

-		}

-

-		if ($.browser.msie) {

-			$("#fancy_inner").prepend('<iframe id="fancy_freeIframe" scrolling="no" frameborder="0"></iframe>');

-		}

-

-		if (jQuery.fn.pngFix) $(document).pngFix();

-

-    	$("#fancy_close").click($.fn.fancybox.close);

-	};

-

-	$.fn.fancybox.getPosition = function(el) {

-		var pos = el.offset();

-

-		pos.top	+= $.fn.fancybox.num(el, 'paddingTop');

-		pos.top	+= $.fn.fancybox.num(el, 'borderTopWidth');

-

- 		pos.left += $.fn.fancybox.num(el, 'paddingLeft');

-		pos.left += $.fn.fancybox.num(el, 'borderLeftWidth');

-

-		return pos;

-	};

-

-	$.fn.fancybox.num = function (el, prop) {

-		return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;

-	};

-

-	$.fn.fancybox.getPageScroll = function() {

-		var xScroll, yScroll;

-

-		if (self.pageYOffset) {

-			yScroll = self.pageYOffset;

-			xScroll = self.pageXOffset;

-		} else if (document.documentElement && document.documentElement.scrollTop) {

-			yScroll = document.documentElement.scrollTop;

-			xScroll = document.documentElement.scrollLeft;

-		} else if (document.body) {

-			yScroll = document.body.scrollTop;

-			xScroll = document.body.scrollLeft;	

-		}

-

-		return [xScroll, yScroll]; 

-	};

-

-	$.fn.fancybox.getViewport = function() {

-		var scroll = $.fn.fancybox.getPageScroll();

-

-		return [$(window).width(), $(window).height(), scroll[0], scroll[1]];

-	};

-

-	$.fn.fancybox.getMaxSize = function(maxWidth, maxHeight, imageWidth, imageHeight) {

-		var r = Math.min(Math.min(maxWidth, imageWidth) / imageWidth, Math.min(maxHeight, imageHeight) / imageHeight);

-

-		return [Math.round(r * imageWidth), Math.round(r * imageHeight)];

-	};

-

-	$.fn.fancybox.defaults = {

-		hideOnContentClick:	false,

-		zoomSpeedIn:		500,

-		zoomSpeedOut:		500,

-		frameWidth:			600,

-		frameHeight:		400,

-		overlayShow:		false,

-		overlayOpacity:		0.4,

-		itemLoadCallback:	null

-	};

+/*
+ * 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($) {
+
+	$.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');
+				});
+			}
+		});
+	};
+
+	var elem, opts, busy = false, imagePreloader = new Image, loadingTimer, loadingFrame = 1, imageRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i;
+	var isIE = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 8);
+
+	$.fn.fancybox = function(settings) {
+		settings = $.extend({}, $.fn.fancybox.defaults, settings);
+
+		var matchedGroup = this;
+
+		function _initialize() {
+			elem = this;
+			opts = settings;
+
+			_start();
+
+			return false;
+		};
+
+		function _start() {
+			if (busy) return;
+
+			if ($.isFunction(opts.callbackOnStart)) {
+				opts.callbackOnStart();
+			}
+
+			opts.itemArray		= [];
+			opts.itemCurrent	= 0;
+
+			if (settings.itemArray.length > 0) {
+				opts.itemArray = settings.itemArray;
+
+			} else {
+				var item = {};
+
+				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 );
+
+				} else {
+					
+					var subGroup = $(matchedGroup).filter("a[rel=" + elem.rel + "]");
+
+					var item = {};
+
+					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 );
+					}
+
+					while ( opts.itemArray[ opts.itemCurrent ].href != elem.href ) {
+						opts.itemCurrent++;
+					}
+				}
+			}
+
+			if (opts.overlayShow) {
+				if (isIE) {
+					$('embed, object, select').css('visibility', 'hidden');
+				}
+
+				$("#fancy_overlay").css('opacity', opts.overlayOpacity).show();
+			}
+
+			_change_item();
+		};
+
+		function _change_item() {
+			$("#fancy_right, #fancy_left, #fancy_close, #fancy_title").hide();
+
+			var href = opts.itemArray[ opts.itemCurrent ].href;
+
+			if (href.match(/#/)) {
+				var target = window.location.href.split('#')[0]; target = href.replace(target, ''); target = target.substr(target.indexOf('#'));
+
+				_set_content('<div id="fancy_div">' + $(target).html() + '</div>', opts.frameWidth, opts.frameHeight);
+
+			} else 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();
+					});
+				}
+
+			 } else if (href.match("iframe") || elem.className.indexOf("iframe") >= 0) {
+				_set_content('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + href + '"></iframe>', opts.frameWidth, opts.frameHeight);
+
+			} else {
+				$.get(href, function(data) {
+					_set_content( '<div id="fancy_ajax">' + data + '</div>', opts.frameWidth, opts.frameHeight );
+				});
+			}
+		};
+
+		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);
+		};
+
+		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;
+				}
+			}
+		};
+
+		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");
+			}
+
+			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)');
+				}
+
+			} else {
+				$("#fancy_content").css({
+					'top'		: 0,
+					'right'		: 0,
+					'bottom'	: 0,
+					'left'		: 0,
+					'width'		: '100%',
+					'height'	: '100%'
+				});
+			}
+
+			if ($("#fancy_outer").is(":visible") && width == $("#fancy_outer").width() && height == $("#fancy_outer").height()) {
+				$("#fancy_content").fadeOut("fast", function() {
+					$("#fancy_content").empty().append($(value)).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'
+			};
+
+			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)).fadeIn("normal", function() {
+							_finish();
+						});
+					});
+				});
+
+			} else {
+
+				if (opts.zoomSpeedIn > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) {
+					$("#fancy_content").empty().append($(value));
+
+					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)).show();
+					$("#fancy_outer").css(itemOpts).fadeIn("normal", function() {
+						_finish();
+					});
+				}
+			}
+		};
+
+		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;
+				});
+
+				$("#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;
+				});
+
+				$("#fancy_right").show();
+			}
+		};
+
+		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");
+			}
+
+			if (opts.hideOnContentClick) {
+				$("#fancy_wrap").click($.fn.fancybox.close);
+			}
+
+			$("#fancy_overlay, #fancy_close").bind("click", $.fn.fancybox.close);
+
+			$("#fancy_close").show();
+
+			if (opts.itemArray[ opts.itemCurrent ].title !== undefined && opts.itemArray[ opts.itemCurrent ].title.length > 0) {
+				$('#fancy_title div').html(opts.itemArray[ opts.itemCurrent ].title);
+				$('#fancy_title').show();
+			}
+
+			if (opts.overlayShow && isIE) {
+				$('embed, object, select', $('#fancy_content')).css('visibility', 'visible');
+			}
+
+			if ($.isFunction(opts.callbackOnShow)) {
+				opts.callbackOnShow();
+			}
+
+			busy = false;
+		};
+
+		return this.unbind('click').click(_initialize);
+	};
+
+	$.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)));
+	};
+
+	$.fn.fancybox.getNumeric = function(el, prop) {
+		return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;
+	};
+
+	$.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;
+	};
+
+	$.fn.fancybox.showIframe = function() {
+		$(".fancy_loading").hide();
+		$("#fancy_frame").show();
+	};
+
+	$.fn.fancybox.getViewport = function() {
+		return [$(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];
+	};
+
+	$.fn.fancybox.animateLoading = function() {
+		if (!$("#fancy_loading").is(':visible')){
+			clearInterval(loadingTimer);
+			return;
+		}
+
+		$("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px');
+
+		loadingFrame = (loadingFrame + 1) % 12;
+	};
+
+	$.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);
+	};
+
+	$.fn.fancybox.close = function() {
+		busy = true;
+
+		$(imagePreloader).unbind();
+
+		$("#fancy_overlay, #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_overlay, #fancy_outer").hide();
+
+			if (opts.centerOnScroll) {
+				$(window).unbind("resize scroll");
+			}
+
+			if (isIE) {
+				$('embed, object, select').css('visibility', 'visible');
+			}
+
+			if ($.isFunction(opts.callbackOnClose)) {
+				opts.callbackOnClose();
+			}
+
+			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;
+	};
+
+	$.fn.fancybox.build = function() {
+		var html = '';
+
+		html += '<div id="fancy_overlay"></div>';
+
+		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");
+
+		$('<table cellspacing="0" cellpadding="0" border="0"><tr><td class="fancy_title" id="fancy_title_left"></td><td class="fancy_title" id="fancy_title_main"><div></div></td><td class="fancy_title" id="fancy_title_right"></td></tr></table>').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();
+		}
+	};
+
+	$.fn.fancybox.defaults = {
+		padding				:	10,
+		imageScale			:	true,
+		zoomOpacity			:	false,
+		zoomSpeedIn			:	0,
+		zoomSpeedOut		:	0,
+		zoomSpeedChange		:	300,
+		easingIn			:	'swing',
+		easingOut			:	'swing',
+		easingChange		:	'swing',
+		frameWidth			:	425,
+		frameHeight			:	355,
+		overlayShow			:	true,
+		overlayOpacity		:	0.3,
+		hideOnContentClick	:	true,
+		centerOnScroll		:	true,
+		itemArray			:	[],
+		callbackOnStart		:	null,
+		callbackOnShow		:	null,
+		callbackOnClose		:	null
+	};
+
+	$(document).ready(function() {
+		$.fn.fancybox.build();
+	});
+
 })(jQuery);
\ No newline at end of file