﻿//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(popUpElement){
//loads popup only if it is disabled
if(popupStatus==0){
jQuery("#backgroundPopup").css({
"opacity": "0.7"
});
jQuery("#backgroundPopup").fadeIn("slow");
jQuery(popUpElement).fadeIn("slow");
popupStatus = 1;
}
}

//disabling popup with jQuery magic!
function disablePopup(popUpElement){
//disables popup only if it is enabled

jQuery("#backgroundPopup").fadeOut("slow");
jQuery(popUpElement).fadeOut("slow");
popupStatus = 0;

}



//centering popup 
function centerPopup(popUpElement){ 
//request data for centering 
var windowDim = getWindowSize(); 
var popupHeight = jQuery(popUpElement).height(); 
var popupWidth = jQuery(popUpElement).width(); 
var scroll = getScrollXY(); 
//centering 
jQuery(popUpElement).css({
"position": "absolute", 
"top": windowDim.Y/2-popupHeight/2 + scroll.Y-15, 
"left": windowDim.X/2-popupWidth/2 + scroll.X-15 
}); 
//only need force for IE6 

jQuery("#backgroundPopup").css({
"height": windowDim.Y 
}); 
//window.alert("\npopup.Height="+popupHeight+"\nInner Height="+windowDim.Y); 
}




function myPopUp(triggerButton, targetElement, closingElement){

jQuery(triggerButton).click(function(){
//centering with css
centerPopup(targetElement);
//load popup
loadPopup(targetElement);
});

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

//CONTROLLING EVENTS IN jQuery
jQuery(document).ready(function(){

//These functions initiate each popUp. myPopUp takes has three options: the button, the popUP-element and the popUp-closebutton

myPopUp("#popup1", "#mypopup1", "#popupContactClose");
myPopUp("#popup2", "#mypopup2", "#popupContactClose2");
myPopUp("#popup3", "#mypopup3", "#popupContactClose3");
myPopUp("#popup4", "#mypopup4", "#popupContactClose4");
myPopUp("#popup5", "#mypopup5", "#popupContactClose5");
myPopUp("#popup6", "#mypopup6", "#popupContactClose6");

//LOADING POPUP
/*Click the button event!
jQuery("#button").click(function(){
//centering with css
centerPopup();
//load popup
loadPopup();
});

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

});


//centering popup 
function getScrollXY() { 
var scrOfX = 0, scrOfY = 0; 
if( typeof( window.pageYOffset ) == 'number' ) { 
  //Netscape compliant 
  scrOfY = window.pageYOffset; 
  scrOfX = window.pageXOffset; 
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { 
  //DOM compliant 
  scrOfY = document.body.scrollTop; 
  scrOfX = document.body.scrollLeft; 
} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { 
  //IE6 standards compliant mode 
  scrOfY = document.documentElement.scrollTop; 
  scrOfX = document.documentElement.scrollLeft; 
} 
return {X:scrOfX, Y:scrOfY}; 
} 

function getWindowSize() { 
 var myWidth = 0, myHeight = 0; 
 if( typeof( window.innerWidth ) == 'number' ) { 
   //Non-IE 
   myWidth = window.innerWidth; 
   myHeight = window.innerHeight; 
 } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { 
   //IE 6+ in 'standards compliant mode' 
   myWidth = document.documentElement.clientWidth; 
   myHeight = document.documentElement.clientHeight; 
 } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { 
   //IE 4 compatible 
   myWidth = document.body.clientWidth; 
   myHeight = document.body.clientHeight; 
 } 
 return{X:myWidth, Y:myHeight} 
} 

