/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: http://www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!
/***************************/

//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
	if(popupStatus==1){
		jQuery("#backgroundPopup").fadeOut("slow");
		jQuery(popUpElement).fadeOut("slow");
		popupStatus = 0;
	}
}

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);
	});
	jQuery(targetElement).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("#button1", "#popupContact1", "#popupContactClose1");
	myPopUp("#button2", "#popupContact2", "#popupContactClose2");
	myPopUp("#button3", "#popupContact3", "#popupContactClose3");
	myPopUp("#button4", "#popupContact4", "#popupContactClose4");
	myPopUp("#button5", "#popupContact5", "#popupContactClose5");
	myPopUp("#button6", "#popupContact6", "#popupContactClose6");
	myPopUp("#button7", "#popupContact7", "#popupContactClose7");
	myPopUp("#button8", "#popupContact8", "#popupContactClose8");
	myPopUp("#button9", "#popupContact9", "#popupContactClose9");
	myPopUp("#button10", "#popupContact10", "#popupContactClose10");
	myPopUp("#button11", "#popupContact11", "#popupContactClose11");
	myPopUp("#button12", "#popupContact12", "#popupContactClose12");
	myPopUp("#button13", "#popupContact13", "#popupContactClose13");
	myPopUp("#button14", "#popupContact14", "#popupContactClose14");
	myPopUp("#button15", "#popupContact15", "#popupContactClose15");
	myPopUp("#button16", "#popupContact16", "#popupContactClose16");
	myPopUp("#button17", "#popupContact17", "#popupContactClose17");
	myPopUp("#button18", "#popupContact18", "#popupContactClose18");
	myPopUp("#button19", "#popupContact19", "#popupContactClose19");
	myPopUp("#button20", "#popupContact20", "#popupContactClose20");
	myPopUp("#button21", "#popupContact21", "#popupContactClose21");
	myPopUp("#button22", "#popupContact22", "#popupContactClose22");
	myPopUp("#button23", "#popupContact23", "#popupContactClose23");
	myPopUp("#button24", "#popupContact24", "#popupContactClose24");
	myPopUp("#button25", "#popupContact25", "#popupContactClose25");
	myPopUp("#button26", "#popupContact26", "#popupContactClose26");
	myPopUp("#button27", "#popupContact27", "#popupContactClose27");
	myPopUp("#button28", "#popupContact28", "#popupContactClose28");
	myPopUp("#button29", "#popupContact29", "#popupContactClose29");
	myPopUp("#button30", "#popupContact30", "#popupContactClose30");
	myPopUp("#button31", "#popupContact31", "#popupContactClose31");
	myPopUp("#button32", "#popupContact32", "#popupContactClose32");
	myPopUp("#button33", "#popupContact33", "#popupContactClose33");
	myPopUp("#button34", "#popupContact34", "#popupContactClose34");
	myPopUp("#button35", "#popupContact35", "#popupContactClose35");
	
	//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} 
} 

//centering popup 
function centerPopup(popUpElement){ 
	//request data for centering 
	var windowDim = getWindowSize(); 
	var popupHeight = $(popUpElement).height(); 
	var popupWidth = $(popUpElement).width(); 
	var scroll = getScrollXY(); 
	//centering 
	$(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 
	
	$("#backgroundPopup").css({ 
		"height": windowDim.Y 
	}); 
	//window.alert("\npopup.Height="+popupHeight+"\nInner Height="+windowDim.Y); 
} 

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function preloadimages() {
	if (document.images) {
		btn_1 = newImage("images/btn_1_over.gif");
		btn_2 = newImage("images/btn_2_over.gif");
		btn_3 = newImage("images/btn_3_over.gif");
		btn_4 = newImage("images/btn_4_over.gif");
		btn_5 = newImage("images/btn_5_over.gif");
		btn_6 = newImage("images/btn_6_over.gif");
	}
}