function getClientHeight(){
	var h = self.innerHeight || (document.documentElement && document.documentElement.clientHeight) || document.body.clientHeight;
	return h;
}

function getClientWidth(){
	var w = self.innerWidth || (document.documentElement && document.documentElement.clientWidth) || document.body.clientWidth;
	return w;
}

;(function($) {

	var elem;
	var opts;
	var busy 	= false;
	var loadingTimer= 0;
	var loadingFrame= 1;
	
	var isIElt8 = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 8);

	if (isIElt8) {
		if (document.documentMode && document.documentMode >= 8) {
			isIElt8 = false;
		}
	}
	
	$.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');
				});
			}
		});
	};

	
	$.fn.fancybox = function(settings){
	
		settings = $.extend({}, $.fn.fancybox.defaults, settings);

		function _initialize() {	
			elem = this;
			elem.tempHref = $(this).attr("href");
			opts = settings;
			opts.frameHeight = $.fn.fancybox.getViewport()[1]-100;
			_start();
		};
		
		function _start() {		
			if (busy) return;

			opts.itemArray		= [];
			opts.itemCurrent	= 0;

			var item = {};

			if (elem != null) {
				var item = {href: elem.tempHref, title: elem.title};
				opts.itemArray.push( item );
			}

			if (elem.tempHref == null && opts.url != null) {
				var item = {href : opts.url };
				opts.itemArray.push(item);
			}

			if (opts.overlayShow) {
				if (isIElt8) {
					$('embed, object, select').css('visibility', 'hidden');
				}
				$("#fancy_overlay").css('opacity', opts.overlayOpacity).show();
				$("#fancy_wrap").show();
			}

			$("#fancy_right, #fancy_left, #fancy_close, #fancy_title").hide();

			var href = opts.itemArray[ opts.itemCurrent ].href;
			if (href == null) {
				href = opts.url;
			}

			$.fn.fancybox.showLoading();	
			_set_content('<iframe id="fancy_frame" name="fancy_frame" onload="$.fn.fancybox.showIframe();" frameborder="0" hspace="0" src="' + href + '"></iframe>', opts.frameWidth, opts.frameHeight);			
		};
		
		function _set_content(value, width, height) {
			busy = true;

			var padTop = opts.paddingTop;
			var padRight = opts.paddingRight;
			var padBottom = opts.paddingBottom;
			var padLeft = opts.paddingLeft;

			if (isIElt8) {
				$("#fancy_content")[0].style.removeExpression("height");
				$("#fancy_content")[0].style.removeExpression("width");
			}

			if (padTop > 0 || padRight > 0 || padBottom > 0 || padLeft > 0) {
				width	+= padRight + padLeft;
				height	+= padTop + padBottom;

				$("#fancy_content").css({
					'top'		: padTop + 'px',
					'right'		: padRight + 'px',
					'bottom'	: padBottom + 'px',
					'left'		: padLeft + 'px',
					'width'		: 'auto',					
					'height'	: 'auto'
				});

				if (isIElt8) {
					$("#fancy_content")[0].style.setExpression('height', '(this.parentNode.clientHeight - ' + (padTop + padBottom) + ')');
					$("#fancy_content")[0].style.setExpression('width',	 '(this.parentNode.clientWidth - ' + (padRight + padLeft) + ')');
				}

			} else {
				$("#fancy_content").css({
					'top'		: 0,
					'right'		: 0,
					'bottom'	: 0,
					'left'		: 0,
					'width'		: '100%',
					'height'	: '100%'
				});
			}
			
			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 (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", _finish());				
			}			
		};

		function _finish() {			

			$(document).keydown(function(e) {
				if (e.keyCode == 27) {
					$.fn.fancybox.close();
					$(document).unbind("keydown");
				}
			});
			
			if (opts.centerOnScroll) {
				$(window).bind("scroll", $.fn.fancybox.onScroll);
				$(window).bind("resize", $.fn.fancybox.onResize);
			} else {
			
				$("div#fancy_outer").css("position", "absolute");
			}

			if (opts.hideOnContentClick) {
				$("#fancy_wrap").click($.fn.fancybox.close);
			}

			$("#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 && isIElt8) {
				$('embed, object, select', $('#fancy_content')).css('visibility', 'visible');
			}			

			busy = false;
		};
		
		this.unbind('openbox').bind('openbox', _initialize);
	}
  	
	$.fn.fancybox.close = function() {	
		busy = true;

		$("#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 (isIElt8) {
				$('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.onScroll = function() {
		$.fn.fancybox.repositionLayer();
	};


	
	$.fn.fancybox.onResize = function() {
	
		$.fn.fancybox.resizeLayer();	
		$.fn.fancybox.repositionLayer();		
		window.setTimeout("$.fn.fancybox.doThingsInsideLayer()", 1);
	};

	$.fn.fancybox.repositionLayer = function() {
		var pos = $.fn.fancybox.getViewport();

		if($("#fancy_outer").width() < getClientWidth()){
			$("#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)));
		}else{
			$("#fancy_outer").css('left', 0);
			$("#fancy_outer").css('top',  9);
		}
		if(isIElt8){
			if($("#fancy_outer").width() < getClientWidth()){
				$("#fancy_overlay").hide();
				$("#fancy_overlay").css('width', (getClientWidth()+$(window).scrollLeft()));
				$("#fancy_overlay").css('opacity', opts.overlayOpacity).show();
			}else{
				$("#fancy_overlay").hide();
				$("#fancy_overlay").css('width', ($("#fancy_outer").width() + 36));
				$("#fancy_overlay").css('opacity', opts.overlayOpacity).show();
			}
		}
	};

	$.fn.fancybox.doThingsInsideLayer = function() {
		if (document.getElementById("fancy_frame").contentWindow && document.getElementById("fancy_frame").contentWindow.resize_divs) {
			document.getElementById("fancy_frame").contentWindow.resize_divs()
		}
		else if (window.frames["fancy_frame"] && window.frames["fancy_frame"].resize_divs) {
			window.frames["fancy_frame"].resize_divs();
		}
	};

	$.fn.fancybox.resizeLayer = function() {
    	$("#fancy_outer").height(getClientHeight()-80);
	};

	$.fn.fancybox.doThingsOnClose = function() {

		/*if (document.getElementById("fancy_frame").contentWindow && document.getElementById("fancy_frame").contentWindow.onLayerClose) {
			document.getElementById("fancy_frame").contentWindow.onLayerClose()
		}
		else if (window.frames["fancy_frame"] && window.frames["fancy_frame"].onLayerClose) {
			window.frames["fancy_frame"].onLayerClose();
		}*/
	};

	$.fn.fancybox.showIframe = function() {		
		$("#fancy_loading").hide();
		$("#fancy_frame").show();	
		window.setTimeout("$.fn.fancybox.doThingsInsideLayer()", 1);
	};
	
	$.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.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.getViewport = function() {
		viewport = [$(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ]
		return viewport;
	};

	$.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">';
		html += '    <div>';
		html += '    </div>';
		html += '  </div>';		
		html += '  <div id="fancy_outer">';
		html += '    <div id="fancy_inner">';
		html += '      <div id="fancy_close"></div>';
		html += '      <div id="fancy_bg">';
		html += '        <div class="fancy_bg fancy_bg_n"></div>';
		html += '        <div class="fancy_bg fancy_bg_ne"></div>';
		html += '        <div class="fancy_bg fancy_bg_e"></div>';
		html += '        <div class="fancy_bg fancy_bg_se"></div>';
		html += '        <div class="fancy_bg fancy_bg_s"></div>';
		html += '        <div class="fancy_bg fancy_bg_sw"></div>';
		html += '        <div class="fancy_bg fancy_bg_w"></div>';
		html += '        <div class="fancy_bg fancy_bg_nw"></div>';
		html += '      </div>';
		html += '      <a href="javascript:;" id="fancy_left">';
		html += '        <span class="fancy_ico" id="fancy_left_ico"></span>';
		html += '      </a>';
		html += '      <a href="javascript:;" id="fancy_right">';
		html += '        <span class="fancy_ico" id="fancy_right_ico"></span>';
		html += '      </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 (isIElt8) {
			//$("#fancy_inner").prepend('<iframe class="fancy_bigIframe" id="myIFrame" scrolling="no" frameborder="0"></iframe>');
			$("#fancy_close, .fancy_bg, .fancy_title, .fancy_ico").fixPNG();
		}
	};

	$.fn.fancybox.defaults = {
		paddingTop			:	10,
		paddingRight		:	10,
		paddingBottom		:	0,
		paddingLeft			:	10,
		imageScale			:	true,
		zoomOpacity			:	false,
		zoomSpeedIn			:	200,
		zoomSpeedOut		:	100,
		zoomSpeedChange		:	300,
		easingIn			:	'swing',
		easingOut			:	'swing',
		easingChange		:	'swing',
		frameWidth			:	700,
		frameHeight			:	350,
		overlayShow			:	true,
		overlayOpacity		:	0.5,
		hideOnContentClick	:	false,
		centerOnScroll		:	true,
		callbackOnClose		:	$.fn.fancybox.doThingsOnClose,
		url					:	null
	};
	
	$(document).ready(function() {				
		$.fn.fancybox.build();
	});

})(jQuery);