/*
 * FancyBox - simple jQuery plugin for fancy image zooming
 * Examples and documentation at: http://fancy.klade.lv/
 * Version: 1.1 (18/01/2009)
 * Copyright (c) 2009 Janis Skarnelis
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
 * Requires: jQuery v1.3 or later
*/
;(function($) {

	function log() {
		if (window.console && window.console.log)
			window.console.log(arguments[0]);
	};
	
	function ___pause(ms) {
			var date = new Date(); 
		curDate = null;
		do { var curDate = new Date(); }
		while ( curDate - date < ms);
	 };

	var elem, opts, busy = false, imagePreloader = new Image, loadingTimer, loadingFrame = 1, imageRegExp = '[^\.]\.(jpg|jpeg|png|tiff|gif|bmp)\s*$';
    
	$.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;
        	 
        	opts.itemArray		= [];
        	opts.itemCurrent	= 0;

        	if (settings.itemArray.length > 0) {
        		opts.itemArray = settings.itemArray;
        		
			} else if ( matchedGroup.length == 1 ) {
				var item = { href: elem.href, title: elem.title };
	
				if (opts.zoomSpeedIn > 0 || opts.zoomSpeedOut > 0) {
					var context = $(elem).children("img:first").length ? $(elem).children("img:first") : $(elem);
					
					item.orig = { 'width': context.width(), 'height': context.height(), 'pos': $.fn.fancybox.getPosition(context) };
				}
	   
				opts.itemArray.push( item );
	
			} else {
				var item = {};
				
				for (var i = 0; i < matchedGroup.length; i++) {
					item = {href: matchedGroup[i].href, title: matchedGroup[i].title};
					
					if (opts.zoomSpeedIn > 0 || opts.zoomSpeedOut > 0) {
						var context = $(matchedGroup[i]).children("img:first").length ? $(matchedGroup[i]).children("img:first") : $(matchedGroup[i]);
						
						item.orig = { 'width': context.width(), 'height': context.height(), 'pos': $.fn.fancybox.getPosition(context) };
					}
					
					opts.itemArray.push( item );
				}
			}

			while ( opts.itemArray[ opts.itemCurrent ].href != elem.href ) {
				opts.itemCurrent++;
			}
			
			if (opts.overlayShow) {
				$("#fancy_overlay").css({
					'width'		: ( $.browser.msie ? $(window).width() : $(document).width()),
					'height'	: ( $.browser.msie ? $(document).height() : $(document).height()),
					'opacity'	: opts.overlayOpacity
				}).show();
			}
			
			_change_item();
        };


		function _change_item() {
			$("#fancy_right, #fancy_left, #fancy_close").hide();
			
			var href = opts.itemArray[ opts.itemCurrent ].href;

			if (href.match(/#/)) {
				var target = window.location.href.split('#')[0]; target = href.replace(target, '');

				_set_content('<div id="fancy_div">' + $(target).html() + '</div>', opts.frameWidth, opts.frameHeight);

			} else if (href.match(imageRegExp)) {
				imagePreloader = new Image; imagePreloader.src = href;
				//$(imagePreloader).unbind().attr('src', href);
				
				if (imagePreloader.complete) {
					_proceed_image();

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

					$(imagePreloader).unbind().bind('load', function() {
						$("#fancy_loading").hide();
						_proceed_image();
					});
				}
			} else {
				_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);
			}
		};
		
		function _proceed_image() {

			if (opts.imageScale) {
				
				var w = $.fn.fancybox.getViewport();

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

				//opts.frameWidth		= Math.round(r * imagePreloader.width);
				//opts.frameHeight	= Math.round(r * imagePreloader.height);
				
				var ww = Math.round(r * imagePreloader.width);
				var hh = Math.round(r * imagePreloader.height);
	
			} else {
				//opts.frameWidth		= imagePreloader.width;
				//opts.frameHeight	= imagePreloader.height;
				
				var ww = imagePreloader.width;
				var hh = imagePreloader.height;
			}

			_set_content('<img alt="' + opts.itemArray[ opts.itemCurrent ].title + '" id="fancy_img" src="' + imagePreloader.src + '" />', ww, hh);
			
			_preload_neighbor_images();
		};

		function _preload_neighbor_images() {
			if ( (opts.itemArray.length -1) > opts.itemCurrent ) {
				objNext = new Image();
				objNext.src = opts.itemArray[opts.itemCurrent + 1].href;
			}
			
			if ( opts.itemCurrent > 0 ) {
				objPrev = new Image();
				objPrev.src = opts.itemArray[opts.itemCurrent -1].href;
			}
		};
		
		function _set_content(value, ww, hh) {

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

			var itemLeft	= w[2] + Math.round((w[0] - ww)	/ 2) - 20;
			var itemTop		= w[3] + Math.round((w[1] - hh)	/ 2) - 20;

			var itemOpts = {
				'left':		itemLeft, 
				'top':		itemTop, 
				'width':	ww + 'px', 
				'height':	hh + 'px'	
			}

			if ($("#fancy_wrap").is(":visible")) {
		
				if (ww == $wrap.width() && hh == $wrap.height()) {
					
					$("#fancy_content").fadeOut("fast", function() {

						$("#fancy_content").empty().append($(value)).fadeIn("fast", function() {
							_finish();
						});
					});
					
				} else {
					$("#fancy_content").fadeOut("fast", function() {

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

						$wrap.animate(itemOpts, opts.zoomSpeedChange, "swing", function() {
							$("#fancy_content").append($(value)).fadeIn("fast", function() {
								_finish();
							});
						});
					});
				}
				
			} else {
				
				if (opts.zoomSpeedIn > 0) {

					$("#fancy_content").empty().append($(value));
					
					$wrap.css({
						'left':		(opts.itemArray[opts.itemCurrent].orig.pos.left - 18) + 'px',
						'top': 		(opts.itemArray[opts.itemCurrent].orig.pos.top  - 18) + 'px',
						'width':	opts.itemArray[opts.itemCurrent].orig.width  + 'px',
						'height':	opts.itemArray[opts.itemCurrent].orig.height + 'px'

					});

					busy = true;
					
					$wrap.animate(itemOpts, opts.zoomSpeedIn, function() {
						_finish();
					});
					
				} else {
					
					$("#fancy_content").empty().append($(value));
				
					busy = true;
						
					$wrap.css(itemOpts).fadeIn("normal", function() {
						_finish();
					});
				}
			}
					
		};
		
		function _finish() {
			
			if ( opts.itemCurrent != 0 ) {
				$("#fancy_left").unbind().bind("click", function(e) {
					e.stopPropagation();
					
					opts.itemCurrent--;
					_change_item();
					
					return false;
				}).show();
			} else {
				$("#fancy_left").hide();
			}
			
			if ( opts.itemCurrent != ( opts.itemArray.length -1 ) ) {
				$("#fancy_right").unbind().bind("click", function(e) {
					e.stopPropagation();
					
					opts.itemCurrent++;
					_change_item();
					
					return false;
				}).show();
			} else {
				$("#fancy_right").hide();
			}
			
			//-------------!!set keyboard
			//  BIND RESIZE  !!!!
			
			if (opts.centerOnScroll) {
				$(window).scroll($.fn.fancybox.scrollBox);
			} else {
				$(window).unbind("scroll");
			}
			
			$(window).resize(function() {
				$.fn.fancybox.scrollBox();
			});
			
			if (opts.hideOnContentClick) {
				$("#fancy_wrap").click(jQuery.fn.fancybox.close);
			} else {
				$("#fancy_wrap").unbind();
			}
			
			$("#fancy_close").show();
			
			$.fn.fancybox.scrollBox();
			
			busy = false;
		}
		
		return this.unbind('click').click(_initialize);
	};
	
	
	$.fn.fancybox.scrollBox = function(el) {
		$wrap.css('left', ($(document).scrollLeft() + Math.round(($(window).width() - $("#fancy_wrap").width())	 / 2) - 20));
		$wrap.css('top',  ($(document).scrollTop() + Math.round(($(window).height() - $("#fancy_wrap").height()) / 2) - 20));
		
		if (opts.overlayShow) {
			$("#fancy_overlay").css({
				'width'		: ( $.browser.msie ? $(window).width() : $(document).width()),
				'height'	: ( $.browser.msie ? $(document).height() : $(document).height())
			});
		}
	};
	
	$.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() {
    	
    	
    	$(imagePreloader).unbind();
    	
    	$("#fancy_close, #fancy_loading, #fancy_left, #fancy_right").hide();
    	
    	if ($wrap.is(":visible") !== false) {
    		
    		if (opts.zoomSpeedOut > 0) {
    			
    			$wrap.animate({
					'left':		(opts.itemArray[opts.itemCurrent].orig.pos.left - 18) + 'px',
					'top': 		(opts.itemArray[opts.itemCurrent].orig.pos.top  - 18) + 'px',
					'width':	opts.itemArray[opts.itemCurrent].orig.width  + 'px',
					'height':	opts.itemArray[opts.itemCurrent].orig.height + 'px'
				}, opts.zoomSpeedOut, "swing", function() {
					busy = false;

	    			$("#fancy_content").empty();
	    			
	    			$("#fancy_overlay").hide();
	    			
	    			$wrap.hide();
				});
					
			} else {
				
				//$("#fancy_content").empty();
				
	    		busy = true;

	    		$wrap.stop().fadeOut("fast", function() {
	    			busy = false;

	    			$("#fancy_content").empty();
	    			
	    			$("#fancy_overlay").hide();
	    			
	    			$wrap.hide();
				});
			}
			
    	} else {
    		$("#fancy_close, #fancy_loading, #fancy_left, #fancy_right, #fancy_overlay").hide();	
		}
    	
    	return false;
    };
	
	$.fn.fancybox.build = function() {
		var html = '';
		
		html += '<div id="fancy_overlay"></div>';
	
		html += '<div id="fancy_loading"><div></div></div>';
		
		html += '<div id="fancy_wrap">';
		
		html += '<div id="yyyyyyyyyyyyyyyyyy"><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 += '<div id="fancy_content"></div>';

		html +=  '<a id="fancy_left" href="javascript:;"></a><a id="fancy_right" href="javascript:;"></a>';
		
		html += '</div>';
		
		html += '</div>';

		$(html).appendTo("body");
		
		$wrap = $('#fancy_wrap');

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

		$("#fancy_overlay, #fancy_bigIframe, #fancy_loading, #fancy_close").bind("click", $.fn.fancybox.close);
	};

	$.fn.fancybox.defaults = {
		imageScale			:	false,
		zoomOpacity			:	true,
		zoomSpeedIn			:	0,
		zoomSpeedOut		:	0,
		zoomSpeedChange		:	500,
		frameWidth			:	352,
		frameHeight			:	318,
		overlayShow			:	true,
		overlayOpacity		:	0.3,
		hideOnContentClick	:	false,
		centerOnScroll		:	true,
		itemArray			:	[]
	};
	
	$(document).ready(function() {
		$.fn.fancybox.build();
	});
	
})(jQuery);