$(function() {
	$('<div></div>').attr("id", "overlayEffect").appendTo("body");
	$('<div id="popupContainer" class="hidden"><iframe id="popupContent" frameborder="0"></iframe><a id="popupClose" class="hidden"></a></div>').appendTo("body");
	
	var popupWidth = 550;
	var popupHeight = 550;//400;
	var popup = false;

	$("a").filter(".popup").each(function() { 
		var $this = $(this);
		$this.bind("click", function() {
			if(popup == false){
				var popupContent = $("#popupContent");

				if($this.data("popupWidth") && $this.data("popupWidth") > 0)
					popupContent.css("width", $this.data("popupWidth") + "px");
				else
					popupContent.css("width", popupWidth + "px");

				if($this.data("popupHeight") && $this.data("popupHeight") > 0)
					popupContent.css("height", $this.data("popupHeight") + "px");
				else
					popupContent.css("height", popupHeight + "px");
				
				/*
				if($this.attr("href") == "en/jobs" || $this.attr("href") == "ru/jobs")
					popupContent.css("height", 500 + "px");
				if($this.attr("href") == "en/contacts" || $this.attr("href") == "ru/contacts")
					popupContent.css("height", 510 + "px");
				*/
				
				popupContent.attr("src", $this.attr("href"));

				$("#overlayEffect").css({"opacity": "0.5"});
				$("#overlayEffect").fadeIn("slow");
				$("#popupContainer").fadeIn("slow");
				$("#popupClose").fadeIn("slow");
			    center();
				popup = true;
			}
			return false; 
		});
	});
	
	$("#popupClose").click(function(){
		hidePopup();
	});
	
	$("#overlayEffect").click(function(){
		hidePopup();
	});
	
	function center(){
		var windowWidth = document.documentElement.clientWidth;
		var windowHeight = document.documentElement.clientHeight;
		var popupHeight = $("#popupContainer").height();
		var popupWidth = $("#popupContainer").width();
		$("#popupContainer").css({
			"position": "absolute",
			"top": windowHeight/2-popupHeight/2,
			"left": windowWidth/2-popupWidth/2
		});
	}

	function hidePopup(){
		if(popup==true){
			$("#overlayEffect").fadeOut("slow");
			$("#popupContainer").fadeOut("slow");
			$("#popupClose").fadeOut("slow");
			popup = false;
			$("#popupContent").attr("src", "");
		}
	}

} ,jQuery);