//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");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){
 	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering
	alert(windowHeight);
	$("#popupContact").css({						   
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
		
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
    return this;
}



//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
	//LOADING POPUP
	//Click the button event!
	$(".ex2trigger").click(function(){
		//centering with css
		//centerPopup();
		$("#popupContact").center();

		//load popup
		loadPopup();
		//$('#divContestForm').html('<div style="width:396px;height:128px;background-color:#ffffff;text-align:center;padding-top:120px;"><img src="images/loader.gif" /></div>');
		//$('#divContestForm').html('');
		//$('#divContestForm').load($(this).attr('rel'));
		gallerySrc=$(this).attr('src');
		//alert(gallerySrc);
		$('#frmGallery').attr('src',gallerySrc);
		
	});
				
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
		$('#divContestForm').html('<iframe  id="frmGallery" src="http://www.defuse.com/request_a_quote.html" width="400" height="350" frameborder="0" scrolling="auto" allowTransparency="true" background-color="transparent" marginheight="0" marginwidth="0" ></iframe>');
		disablePopup();
	});
	//Click out event!
	$("#backgroundPopup").click(function(){
		$('#divContestForm').html('');
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			$('#divContestForm').html('');
			disablePopup();
		}
	});

});