 /***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: 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(x) {
   //loads popup only if it is disabled
   if(popupStatus == 0) {
      $("#backgroundPopup").css( {
         "opacity" : "0.7" }
      );
      $("#backgroundPopup").fadeIn("slow");
      $("#popupContact" + x).fadeIn("slow");
      popupStatus = 1;
      }
   var windowWidth = document.documentElement.clientWidth;
   var windowHeight = document.documentElement.clientHeight;
   var popupHeightPlus = $("#legendary").height()
   var popupHeight = $("#popupContact" + x).height() - popupHeightPlus/2;
   var popupWidth = $("#popupContact" + x).width();
   //centering
   $("#popupContact" + x).css( {
      "position" : "absolute", "top" : 60, "left" : windowWidth / 2 - popupWidth / 2 }
   );
   //only need force for IE6
   $("#backgroundPopup").css( {
      "height" : windowHeight }
   );
   }
//disabling popup with jQuery magic!
function disablePopup(x) {
   //disables popup only if it is enabled
   if(popupStatus == 1) {
      $("#backgroundPopup").fadeOut("slow");
      $("#popupContact" + x).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
   $("#popupContact").css( {
      "position" : "absolute", "top" : windowHeight / 2 - popupHeight / 2, "left" : windowWidth / 2 - popupWidth / 2 }
   );
   //only need force for IE6
   $("#backgroundPopup").css( {
      "height" : windowHeight }
   );
   }
//CONTROLLING EVENTS IN jQuery
$(document).ready(function() {
   //LOADING POPUP
   //Click the button event!
   $("#button").click(function() {
      //centering with css
      centerPopup(); //load popup
      loadPopup(); }
   ); //CLOSING POPUP
   //Click the x event!
   $("#popupContactClose").click(function() {
      disablePopup(); }
   ); //Click out event!
   // $("#backgroundPopup").click(function(){
   // disablePopup();
   // });
   //Press Escape event!
   // $(document).keypress(function(e){
   // if(e.keyCode==27 && popupStatus==1){
   // disablePopup();
   // }
   // });
   }
);

function reveal(rev){
	document.getElementById("related"+rev).style.display="block";
}

function hide(revh){
	document.getElementById("related"+revh).style.display="none";
}



