(function($){ 		  
	$.fn.popupWindow = function(instanceSettings){	
			
		$.fn.popupWindow.defaultsSettings = {
			centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
			centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
			height:500, // sets the height in pixels of the window.
			left:0, // left position when the window appears.
			location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
			menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
			resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
			scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
			status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
			width:500, // sets the width in pixels of the window.
			windowName:null, // name of window set from the name attribute of the element that invokes the click
			windowURL:null, // url used for the popup
			top:0, // top position when the window appears.
			toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
		};
		
		settings = $.extend({}, $.fn.popupWindow.defaultsSettings , instanceSettings || {});
		
		var windowFeatures =    'height=' + settings.height +
								',width=' + settings.width +
								',toolbar=' + settings.toolbar +
								',scrollbars=' + settings.scrollbars +
								',status=' + settings.status + 
								',resizable=' + settings.resizable +
								',location=' + settings.location +
								',menuBar=' + settings.menubar;

		return this.each(function(index){
								  
			$(this).click(function(){
				settings.windowName = this.name || settings.windowName;
				settings.windowURL = this.href || settings.windowURL;
				var centeredY,centeredX;
				if(settings.centerBrowser){
					if ($.browser.msie) {//hacked together for IE browsers
						centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
						centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
					}else{
						centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
						centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
					}
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
				}else if(settings.centerScreen){
					centeredY = (screen.height - settings.height)/2;
					centeredX = (screen.width - settings.width)/2;
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
				}else{
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();	
				}
				return false;
			});
			
		});	
	};
})(jQuery);

$(document).ready(function(){  
	//SETTING UP OUR POPUP
	//0 means disabled; 1 means enabled;
	var popupStatus = 0;
	
	//loading popup with jQuery magic!
	function loadPopup(){
	
		//loads popup only if it is disabled
		if(popupStatus==0){
			$("#backgroundPopup").css({
				"opacity": "0.7"
			});
			$("#backgroundPopup").fadeIn("slow");
			$("#popup_inline").fadeIn("slow");
				popupStatus = 1;
		}
	}
	
	//disabling popup with jQuery magic!
	function disablePopup(){
		//disables popup only if it is enabled
		if(popupStatus==1){
			$("#backgroundPopup").fadeOut("slow");
			$("#popup_inline").fadeOut("slow");
			popupStatus = 0;
		}
	}
	
	//centering popup
	function centerPopup(){
		
		//request data for centering
		//var windowWidth = document.documentElement.clientWidth;
		//var windowHeight = document.documentElement.clientHeight;
		var windowWidth = self.innerWidth;
		var windowHeight = self.innerHeight;
		var popupHeight = $("#popup_inline").height();
		var popupWidth = $("#popup_inline").width();
		
		//centering
		$("#popup_inline").css({
			"position": "fixed",
			"top": windowHeight/2-popupHeight/2,
			"left": windowWidth/2-popupWidth/2
		});
		
		//only need force for IE6
		$("#backgroundPopup").css({
			"height": windowHeight
		});
	
	}
	
	function centerLightbox(){
		
		//request data for centering
		//var windowWidth = document.documentElement.clientWidth;
		//var windowHeight = document.documentElement.clientHeight;
		var windowWidth = self.innerWidth;
		var windowHeight = self.innerHeight;
		var popupHeight = $("#popup_inline").height();
		var popupWidth = $("#popup_inline").width();
		
		//centering
		$("#popup_inline").css({
			"position": "fixed",
			"top": 50,
			"left": windowWidth/2-popupWidth/2
		});
		
		//only need force for IE6
		$("#backgroundPopup").css({
			"height": windowHeight
		});
	
	}
	
	//LOADING POPUP  
	$(".popup_button").click(function(){  
		centerPopup();  
		loadPopup();  
	}); 
	
	$(".lightbox").click(function(){  
		centerLightbox();  
		loadPopup();  
	}); 
	
	//CLOSING POPUP
	//Click the x event!
	$("#close").livequery('click',function(){
		disablePopup();
	});
	
	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});
});