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

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

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

$(document).ready(function(){  
	//following code will be here  
	 

//LOADING POPUP  
//Click the button event!  
$(".popupbutton").click(function(event){  
	var $target = $(event.target);
	hook_buttonclicked($target);
//centering with css  
centerPopup();  
//load popup  
loadPopup(); 

return false;
});  

//CLOSING POPUP  
//Click the x event!  
$("#popupContainerClose").click(function(){  
disablePopup();  
});  
//Click out event!  
$("#backgroundPopup").click(function(){  
disablePopup();  
});  
//Press Escape event!  
$(document).keypress(function(e){  
if(e.keyCode==27 && popupStatus==1){  
disablePopup();  
}  
});  
});