function petpeeve(aid){

  if(document.getElementById('msgDiv') != null)
  {
  	document.body.removeChild(document.getElementById('msgDiv'));
  }
  if(document.getElementById('bgDiv') != null)
  {
  	document.body.removeChild(document.getElementById('bgDiv'));
  }
  var submit = 'Log In';
  var field1 = 'log';
  var field2 = 'pwd';
  var url = '/emailsurvey.php';
  var mode = "login";
  
  var msgw,msgh,bordercolor;
  var packageid = 0;
  msgw=550;//pop window width
  //msgh=;//pop window height
  
  var sWidth,sHeight; //body width and height
  if(document.all){ //for IE
  	sWidth=document.body.scrollWidth;
  }else{
  	sWidth=window.document.documentElement.scrollWidth;
  }
  sHeight=1.2*screen.height;
  
  var left= (sWidth/2)-(msgw/2);
  var top = 100;

  window.scrollTo(sWidth/2, 0);
  
  var bgObj=document.createElement("div");//the gray background
  bgObj.setAttribute('id','bgDiv');
  bgObj.style.position="absolute";
  bgObj.style.top="0";
  bgObj.style.background="black";
  bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
  bgObj.style.opacity="0.6";
  bgObj.style.left="0";
  bgObj.style.width=sWidth + "px";
  bgObj.style.height=sHeight + "px";
  bgObj.style.zIndex = "101";
  bgObj.style.paddingLeft = "30px";
  document.body.appendChild(bgObj);//append the gray bg div to body
  
  var msgObj=document.createElement("div")//the pop div

  msgObj.setAttribute("id","msgDiv");
  msgObj.setAttribute("align","center");
  msgObj.className = "petpeevepopup";
  msgObj.style.left = left+"px";
  msgObj.style.top = top+"px";
  msgObj.style.position = "absolute";
  msgObj.style.zIndex = "102";
  msgObj.style.width = msgw + "px";
  msgObj.style.height =msgh + "px";
 
  var closeBtn=document.createElement("div");//the close btn
  closeBtn.innerHTML = " ";
  closeBtn.id = "closebtn";
  closeBtn.className = "sendtofriendclose";
  closeBtn.onclick=closeWin;
   
  
  document.body.appendChild(msgObj);//append the pop window
  function closeWin()
  {
	document.body.removeChild(bgObj);//remove the gray bg
    document.body.removeChild(msgObj);//remove the pop window
    if(document.getElementById('bgDiv') != null)
	  {
	  	document.body.removeChild(document.getElementById('bgDiv'));
	  }
  }
  msgObj.appendChild(closeBtn);
 
  var div = document.createElement("div");
  div.className = "petpeevediv petpeevedivheader";
  div.innerHTML = "Thanks for sharing your Pet Peeve.";
  msgObj.appendChild(div);
  
  var div = document.createElement("div");
  div.className = "petpeevediv";
  div.innerHTML = "Can you top that?  Enter in a second Pet Peeve if you would like:";
  msgObj.appendChild(div);
  
  var div = document.createElement("div");
  div.className = "petpeevediv";
  	var ta = document.createElement("textarea");
  	ta.style.width = "450px";
  	ta.style.height = "150px";
  	div.appendChild(ta);
  msgObj.appendChild(div);
  
  var div = document.createElement("div");
  div.className = "petpeevediv";
   	var subdivleft = document.createElement("label");
  	subdivleft.innerHTML = "First Name:       "
  	div.appendChild(subdivleft);
  	var fname = document.createElement("input");
  	fname.type = "text";
  	fname.style.border = "1px solid gray";
  	div.appendChild(fname);
  	var subdivleft = document.createElement("label");
  	subdivleft.innerHTML = "   Last Name:  "
  	div.appendChild(subdivleft);
  	var lname = document.createElement("input");
  	lname.type = "text";
  	lname.style.border = "1px solid gray";
  	div.appendChild(lname);
  msgObj.appendChild(div);
  
  var div = document.createElement("div");
  div.className = "petpeevediv";
  	var subdivleft = document.createElement("label");
  	subdivleft.innerHTML = "Email Address:  "
  	div.appendChild(subdivleft);
  	var email = document.createElement("input");
  	email.type = "text";
  	email.style.border = "1px solid gray";
  	email.value = document.getElementById("_email").value;
  	div.appendChild(email);
  msgObj.appendChild(div);
  
  var div = document.createElement("div");
  div.className = "petpeevediv";
  	var checkbox = document.createElement("input");
  	checkbox.type = "checkbox";
  	div.appendChild(checkbox);
  	var subdivleft = document.createElement("label");
  	subdivleft.innerHTML = "Yes you can use my First Name, Last Initial, and State when displaying my Pet Peeve."
  	div.appendChild(subdivleft);
  msgObj.appendChild(div);
  
  var div = document.createElement("div");
  div.className = "petpeevediv";
  msgObj.appendChild(div);
  var submitBtn=document.createElement("div");//the close btn
  submitBtn.innerHTML = " ";
  submitBtn.id = "continue";
  submitBtn.className = "petpeevepopsubmit";
  msgObj.appendChild(submitBtn);
  document.getElementById("continue").onclick = submitForm;
  
  var req;
  function sendRequest(url,params,httpMethod){
	  if(!httpMethod){
		  httpMethod = "POST";
	  }
	  req = FactoryXMLHttpRequest();
	  if(req){
		  req.onreadystatechange = onReadyStateChange;
		  req.open(httpMethod,url,true);
		  req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		  req.setRequestHeader("Content-length", params.length);
		  req.setRequestHeader("Connection", "close");
		  req.send(params);
	  }
  }

  function onReadyStateChange(){
	  var ready = req.readyState;
	  if(ready==4){
		  document.getElementById("fname").value=fname.value;
		   document.getElementById("lname").value=lname.value;
	       document.getElementById("step3form").submit();
	  }
  }
    function checkemail(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   var address = email;
   if(reg.test(address) == false) {
      return false;
   }
   return true;
   }
  
  function submitForm()
  {
     if(checkemail(email.value)==false)
     {
        alert("ERROR. Please enter a valid email\n");
        return;
     }

	 var params = "action=addpeeve&aid="+aid+"&peeve="+ta.value+"&fname="+fname.value+"&lname="+lname.value+"&email="+email.value+"&checkbox="+checkbox.checked;
	 sendRequest(url,params);
	 closeWin();
  }

  }