//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");  
 $("#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;  
   }  
 }  
 
//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();     
   if(windowHeight<popupHeight){
   		var top = (popupHeight - windowHeight)+'px';
	}
	else{
		var top = (windowHeight-popupHeight)+'px';
	}
	
   //centering  
   $("#popupContact").css({  
  "position": "absolute",  
  "top": top,  
  "left": (windowWidth-popupWidth)/3  
 });  
 //only need force for IE6  
    
 $("#backgroundPopup").css({  
 "height": windowHeight  
 });      
}  
   
$(document).ready(function(){  
 //following code will be here  
     //LOADING POPUP  
    //Click the button event!  
    $("#csvinfo").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();  
	}  
	}); 
});