var maskpanel=function()
{
    this.divobj;
    this.show=function()
    {
      if(!document.getElementById("xdivmasking"))
      {
          var divEle=document.createElement('div');
          divEle.setAttribute("id","xdivmasking");
          document.body.appendChild(divEle);
          var divSty=document.getElementById("xdivmasking").style;
          divSty.position="absolute";divSty.top="0px";divSty.left="0px";divSty.zIndex="46";divSty.opacity=".50";divSty.backgroundColor="#000";
          divSty.filter="alpha(opacity=50)";

          var divFram=document.createElement('iframe');
          divFram.setAttribute("id","xmaskframe");
          document.body.appendChild(divFram);
          divSty=document.getElementById("xmaskframe").style;
          divSty.position="absolute";divSty.top="0px";divSty.left="0px";divSty.zIndex="45";divSty.border="none";divSty.filter="alpha(opacity=0)";
       }

       this.divobj=document.getElementById("xdivmasking");
       this.waitifrm=document.getElementById("xmaskframe");
       
       var dsh=document.documentElement.scrollHeight;
       var dch=document.documentElement.clientHeight;
       var dsw=document.documentElement.scrollWidth;
       var dcw=document.documentElement.clientWidth;
       
       var bdh=(dsh>dch)?dsh:dch;
       var bdw=(dsw>dcw)?dsw:dcw;

       this.waitifrm.style.height=this.divobj.style.height=bdh+'px';
       this.waitifrm.style.width=this.divobj.style.width=bdw+'px';  
       this.waitifrm.style.display=this.divobj.style.display="block";
    };
    this.hide=function()
    {
        this.waitifrm.style.display=this.divobj.style.display="none";
    };
}
var mask;
function show_view()
{
$("#response").html('')
  mask=new maskpanel();
  mask.show();
  var modiv=  document.getElementById("view");
   modiv.style.display="block";
         modiv.style.top = (((document.documentElement.clientHeight/2) + document.documentElement.scrollTop) - (modiv.offsetHeight/2))+'px';
         modiv.style.left = (((document.documentElement.clientWidth/2) + document.documentElement.scrollLeft) - (modiv.offsetWidth/2))+'px';

  
}
function hide_view()
{

document.getElementById("view").style.display="none";
  mask.hide();
}

function send_message()
{
if ($("#user").val()!='' && $("#email").val()!=''){
      $.get("sendmessages.php", { user: $("#user").val(), email: $("#email").val(),message:$("#message").val() },function (data){if (data=="ok"){$("#response").html("Message was send !")} else {$("#response").html("Message was not send!<br> Try again.")} } );
}
else {$("#response").html("Enter Name or email addres !")}
}