/*popup*/

var popupStatus = 0;

function loadPopup(){  

if(popupStatus==0){  
$("#backgroundPopup").css({  
"opacity": "0.7"  
});  
$("#backgroundPopup").fadeIn("slow");  
$("#popupContact").fadeIn("slow");  
popupStatus = 1;  
}  
}

  
function disablePopup(){  
 
if(popupStatus==1){  
$("#backgroundPopup").fadeOut("slow");  
$("#popupContact").fadeOut("slow");  
popupStatus = 0;  
}  
}

function centerPopup(){

var windowWidth = document.documentElement.clientWidth;  
var windowHeight = document.documentElement.clientHeight;  
var popupHeight = $("#popupContact").height();  
var popupWidth = $("#popupContact").width();

$("#popupContact").css({  
"position": "absolute",  
"top": windowHeight/2-popupHeight/2,  
"left": windowWidth/2-popupWidth/2  
});  
  
$("#backgroundPopup").css({  
"height": windowHeight  
});  
  
}

$(document).ready(function(){
$("#button").click(function(){
centerPopup();
loadPopup();
});
});

$(document).ready(function(){
$("#popupContactClose").click(function(){  
disablePopup();  
});
});

$(document).ready(function(){
$("#backgroundPopup").click(function(){  
disablePopup();  
});
});

/*expanding div*/

$(document).ready(function()
{
  //hide the all of the element with class msg_body
  $(".msg_body").hide();
  //toggle the component with class msg_body
  $(".msg_head").click(function()
  {
    $(this).next(".msg_body").slideToggle(150);
  });
});