$(function(){
var biao=4;
	$(".but").click(function(){
str='<ul>';
str=str+'<li><span style="padding-right:26px;">姓名：</span><input class="input1" id="txtname" name="txtname" type="text" /><span style=" color:Red; display:none; font-size:12px;" id="valiname">请输入您的姓名</span></li>';

str=str+'<li><span style="padding-right:20px;">Email：</span><input class="input1" id="TextBox2" name="TextBox2" type="text" /><span style=" color:Red; display:none; font-size:12px;" id="valiemai">请输入您的邮箱</span></li>';

str=str+'<li>请您留言：<br /><textarea class="input2" id="Content1" name="Content1" cols="" rows=""></textarea><span style=" color:Red; display:none; font-size:12px;" id="valicont">请输入留言内容</span></li>';

str+='</ul>';
		$("#mliu").html(str);
	    $(".mask").css({display:"block",height:$(document).height()});
		
		var yscroll =document.documentElement.scrollTop;
		$("#ImageButton2").css("visibility","visible");
		$("#ImageButton2").css("display","block");
		$(".popupBg").css("display","block");
		document.documentElement.scrollTop=0;
		
		
		ld();
	});
	function ld(){
// $("#txtname").blur(function(){
//      var m = $("#txtname").val();
//      if(m==""){
//       $("#valiname").css("display","block");
//       biao=biao+1;           
//      }
//      else
//      {
//       $("#valiname").css("display","none"); 
//      biao=biao-1;
//      }
//    });
    
    

	 $("#TextBox2").blur(function(){
      var m = $("#TextBox2").val();
      if(m==""){
       $("#valiemai").html("请填写您的邮箱");
       $("#valiemai").css("display","block");  
       biao=biao+1;    
      }
      else
      {biao=biao-1;
      var reg=/^([a-za-z0-9_-])+@([a-za-z0-9_-])+((.[a-za-z0-9_-]{2,3}){1,2})$/;
      if(reg.test(m)){   
       $("#valiemai").css("display","none");   
       biao=biao-1;
  }else
  {
  $("#valiemai").html("邮箱格式不正确");
  $("#valiemai").css("display","block");
  biao=biao+1;
   return false;
  }                 
      }
    });

    
//     $("#Content1").blur(function(){
//     
//      var mc = $("#Content1").val();
//      if(mc==""){
//       $("#valicont").css("display","block");      
//      }
//      else
//      {
//       $("#valicont").css("display","none");
//      }
//    });
    
    $("#ImageButton2").click(    
    function(){ 
   
  
    var strname=$("#txtname").val();
 var stremail=$("#TextBox2").val();
 var strcont=$("#Content1").val();
    
 if(strname=="" || stremail=="" || strcont=="")
 {
 alert("请您填写相关内容后再点击留言！");
 //$("#mliu").html("<li style=' margin:30px;'><span>留言成功！<span></li>");
 return false;
 }
    
 // $("#ImageButton2").css("visibility","hidden");
  
 var xmlhttp;
    // 创建XMLHTTPRequest对象
   
if(window.XMLHttpRequest){//IE7,Mozilla,Firefox
xmlhttp=new XMLHttpRequest();}
else if(window.ActiveXObject){//IE6、IE5
try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){;}
if(xmlhttp==null)try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}catch(e){;}}
    
           

  if(!xmlhttp)
 {  alert("你的浏览器不支持XMLHTTP！！");
  return;
  }
   

var url="manage/liuyan.aspx?name="+strname+"&email="+stremail+"&content="+strcont+""; 
  xmlhttp.open("POST",url,true); 
  xmlhttp.onreadystatechange=function(){
  if(xmlhttp.readyState==4)
   {
  
    if(xmlhttp.status==200)
   {
  
     if(xmlhttp.responseText=="1"){
   $("#mliu").html("<li style=' padding:30px;margin:30px; text-align:center;'><span><strong>操作太频繁，请隔一分钟再留言</strong></span></li>");
    }
        
     if(xmlhttp.responseText=="2")
    {
    $("#mliu").html("<li style=' padding:30px;margin:30px; text-align:center;'><span><strong> 留言成功！</strong></span></li>");
              
    }
     
     
    if(xmlhttp.responseText=="3")
    {
    $("#mliu").html("<li style=' padding:30px;margin:30px; text-align:center;'><span><strong>操作失败，请稍候重试，感谢你对本站的关注！</strong></span></li>");    
      
     } 
  }
  
  
  }
 
  
  }
 xmlhttp.send(null);
 
    
        }
      //  $("#ImageButton2").css("display","none");
      //  this.style.display="none";
         
    );
		
	//$("#ImageButton1").click(function(){
		//window.open("websitemessage.aspx");
	//}	
	//);
		
	
	$(".close").click(function(){
	
	$(".mask").css("display","none");
	$(".popupBg").css("display","none");
	});
	
	
	
	}
});