//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"  
    });
    $("#contactArea").html("<object id='flashplayer-marquee' width=608 height=456> \
          <param name=movie value='../images/muezzin.video.swf'> \
          <param name=quality value=high> \
          <param name=play value=true> \
          <param name=bgcolor value=#FFFFFF> \
          <embed play=true swliveconnect='true' name='flashplayer-marquee' src='../images/muezzin.video.swf'\
                 quality=high bgcolor=#FFFFFF width=608 height=456 type='application/x-shockwave-flash'/>\
         </object>");
    $("#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;
	  $("#contactArea").html(""); 
	} 
}

//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,
    "width": windowWidth
  });
}

$(document).ready(function(){  
  //LOADING POPUP  
  //Click the button event!  
  $("#videoo").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();  
    }  
  });
});