jQuery.fn.simpleOverlays = function() {
	this.each(function(){
		$(this).click(function(){
			var linkHref = $(this).attr('href');
			var overlay = $('#simple-overlay-div');
			var overlayWindow = $('#simple-overlay-window');
			
			if (overlay.length == 0)
			{
				$('body').append('<div id="simple-overlay-div"></div>');
				overlay = $('#simple-overlay-div');
			}

			if (overlayWindow.length == 0)
			{
				$('body').append('<div id="simple-overlay-window"><iframe src="about:blank" frameborder="0" border="0"></iframe><a href="#" class="simple-overlay-window-close">Loka</a></div>');
				overlayWindow = $('#simple-overlay-window');

				overlayWindow.find('a.simple-overlay-window-close').click(function() {
					overlayWindow.find('iframe').attr('src', 'about:blank');
					overlay.hide();
					overlayWindow.hide();
					return false;
				});
				
				overlay.click(function() {
					overlayWindow.find('iframe').attr('src', 'about:blank');
					overlay.hide();
					overlayWindow.hide();
					return false;
				});
			}
			
			overlay.show();
			
			overlayWindow.css('top',($(window).height() - overlayWindow.height()) / 2);
			
			if (overlayWindow.height() > $(window).height())
			{
				overlayWindow.css('top','0px');	
			}
			
			overlayWindow.css('left',($(window).width() - overlayWindow.width()) / 2);
			overlayWindow.show();
			
			overlayWindow.find('iframe').attr('src', linkHref);
			
			return false;
		});
	});
};

$(function(){
	$('a.OverlayWindow').simpleOverlays();
});