
function popWin(model){

  if(!model)
  {
    model = 0;
  }

  var msgw,msgh,bordercolor;
  msgw=385;//pop window width
  msgh=235;//pop window height

  w = document.documentElement.clientWidth;
  h = document.documentElement.clientHeight;
  
  var left=(w/2)-(msgw/2);
  var top =(h/2)-(msgh/2);

  var msgObj=document.createElement("div")//the pop div

  msgObj.setAttribute("id","msgDiv");
  msgObj.setAttribute("align","center");
  msgObj.className = "pop-form-dialog";
  msgObj.style.left = left+"px";
  msgObj.style.top = top+"px";
  msgObj.style.width = msgw + "px";
  msgObj.style.height =msgh + "px";

  var button=createLink("submit","javascript:void(0)");//the sumbit btn
  button.className = "pop-submit";
  button.onclick=submitForm;
  
  var closeBtn=document.createElement("input");//the close btn
  closeBtn.setAttribute("type","image");
  closeBtn.setAttribute("src","/images/close1.gif");
  closeBtn.style.border = "none";
  closeBtn.style.width = "16px";
  closeBtn.style.height = "16px";
  closeBtn.style.marginTop = "0px";
  closeBtn.style.marginLeft = "135px";
  closeBtn.style.float = "left";
  closeBtn.onclick=closeWin;
  
  function closeWin(){
    document.body.removeChild(msgObj);//remove the pop window
  }
  
  document.body.appendChild(msgObj);//append the pop window
  
  var formDiv = document.createElement("DIV");
  formDiv.className="pop-form-div";
  msgObj.appendChild(formDiv);
  
  var login_img = new Image(216,37);
  login_img.src = "/images/login.jpg";
  login_img.className = "pop-login";
  formDiv.appendChild(login_img);
  
  formDiv.appendChild(closeBtn);
  
  var lbNotice = createLabel("Parent <a style='float:none;display:inline' href='Portfolios.html'>login here</a> to edit your child's portfolio");
  lbNotice.className="pop-notice";
  formDiv.appendChild(lbNotice);

  var lbEmailAddress = createLabel("Email Address");
  lbEmailAddress.className="pop-email";
  formDiv.appendChild(lbEmailAddress);
  
  var lbPassword = createLabel("Password");
  lbPassword.className="pop-password";
  formDiv.appendChild(lbPassword);
  
  var tbEmailAddress = createTextbox("emailAddress");
  var tbPassword = createTextbox("password");
  tbPassword.type = "password";
  tbPassword.className="pop-tbPassword";
  formDiv.appendChild(tbEmailAddress);
  formDiv.appendChild(tbPassword);
  
  formDiv.appendChild(button);
  
  var forgotLink=createLink("Forgot Password?","account.html?page=forgotton_password");//the sumbit btn
  forgotLink.className = "pop-forgot";
  formDiv.appendChild(forgotLink);
  
  var registerLink=createLink("Parent click here to Join Kids2Fame","Join.html");
  registerLink.className = "pop-register";
  formDiv.appendChild(registerLink);
  
  var msgDivEl = document.getElementById("msgDiv");
  
  var req;
  function sendRequest(url,params,httpMethod){
	  if(!httpMethod){
		  httpMethod = "POST";
	  }
	  req = FactoryXMLHttpRequest();
	  if(req){
		  req.onreadystatechange = onReadyStateChange;
		  req.open("POST","account.html",true);
		  if(httpMethod=="POST"){
		  	//Send the proper header information along with the request, add by tony
			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){
	    if(model > 0)
	    {
	        window.location = req.responseText;
	        closeWin();
	    }
	    if(req.responseText != '')
	    {
	    	if(req.responseText == 'true')
	    	{
	    		location.reload();
	    	}
	    	else
	    	{
	        	window.location = req.responseText;
	    	}
	        closeWin();

	    }
	    else
	    {
	        if(model == 0)
	        {
	            message_box("Error",'Username or Password do not match.');
	        }
	    }
	  }
  }
  
  function submitForm(){//the submit click event
     var url="/account.html";
     
     if(tbEmailAddress.value.length == 0)
     {
        message_box("Error","You need to enter your email");
        return false;
     }
     if(tbPassword.value.length == 0)
     {
        message_box("Error","You need to enter your password");
        return false;
     }
	 var params = "username="+tbEmailAddress.value+"&password="+tbPassword.value+"&page=login&aj=1&redirect="+model;
	 //alert(params);
	 sendRequest(url,params,"POST");

  }
}