function packagesCreateNew(){
  var msgw,msgh,bordercolor;
  msgw=330;//pop window width
  msgh=335;//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.paddingBottom ="15px";

  var button=createLink("submit","javascript:void(0)");//the sumbit btn
  button.className = "pop-package-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.marginLeft = "295px";
  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-package-create";
  msgObj.appendChild(formDiv);
  
  formDiv.appendChild(closeBtn);
  
  var package_img = new Image(216,37);
  package_img.src = "images/packages.jpg";
  package_img.className = "pop-package";
//  var lbPackage = createLabel("Package");
//  lbPackage.className="pop-package";
  formDiv.appendChild(package_img);
  
  var lbPackageinfo = createLabel("Add model to existing package by selecting package name  & hit submit<br />Add a new package by typing in package name & hit submit");
  lbPackageinfo.className="pop-package_info";
  formDiv.appendChild(lbPackageinfo);
  
  var lbExstingPackage = createLabel("Add to existing package");
  lbExstingPackage.className="pop-existing-package";
  formDiv.appendChild(lbExstingPackage);

  var divPackageList = createEmptyDiv("pop-existing-package-list");
  divPackageList.style.minheight = "60px";
//  for(var i=0;i<9;i++){
//	  var spanObj=createSpan("package 1");
//	  divPackageList.appendChild(spanObj);
//  }
  
  formDiv.appendChild(divPackageList);
  
  var lbNewPackage = createLabel("Add to new package");
  lbNewPackage.className="pop-new-package";
  formDiv.appendChild(lbNewPackage);
  
  var lbPackageName = createLabel("Package Name	");
  lbPackageName.className="pop-package-name";
  formDiv.appendChild(lbPackageName);
 
  var tbPackageName = createTextbox("packageName");
  formDiv.appendChild(tbPackageName);
  
  var lbNotes = createLabel("Notes");
  lbNotes.className="pop-notes";
  formDiv.appendChild(lbNotes);
  
  var tbNotes = createTextbox("notes");
  formDiv.appendChild(tbNotes);
  
  formDiv.appendChild(button);

  var msgDivEl = document.getElementById("msgDiv");
  
  var req;
  
  update();
  
  function update()
  {
      var xmlHttp = FactoryXMLHttpRequest();
      var query = "action=view"
      xmlHttp.onreadystatechange=function()
        {
        if(xmlHttp.readyState==4)
          {
            //alert(xmlHttp.responseText);
            divPackageList.innerHTML=xmlHttp.responseText;
          }
        }
      xmlHttp.open("POST","packages.html",true);
      xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
      xmlHttp.setRequestHeader("Content-length", query.length);
      xmlHttp.setRequestHeader("Connection", "close");
      xmlHttp.send(query);
  }
  function sendRequest(url,params,httpMethod){
	  if(!httpMethod){
		  httpMethod = "POST";
	  }
	  req = FactoryXMLHttpRequest();
	  if(req){
		  req.onreadystatechange = add;
		  req.open(httpMethod,url,true);
		  if(httpMethod=="POST"){
			req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			req.setRequestHeader("Content-length", params.length);
			req.setRequestHeader("Connection", "close");
		  }
		  req.send(params);
	  }
  }
  
  function add(){
	  var ready = req.readyState;
	  if(ready==4){
	      if(req.responseText != "true")
		    message_box("Success",req.responseText);
	  }
  }
  
  function submitForm(){//the submit click event
     var url="packages.html";//the action page
     if(tbPackageName.value.length == 0)
     {  
        message_box("Error","Please enter a package name");
        exit;
     }
     var model = querySt("model");
     //alert(model);
	 var params = "packageName="+tbPackageName.value+"&notes="+tbNotes.value+"&action=add&model="+model;
	 sendRequest(url,params);
	 update();
	 closeWin();
  }
}
function querySt(ji) {
    hu = window.location.search.substring(1);
    gy = hu.split("&");
    for (i=0;i<gy.length;i++) {
        ft = gy[i].split("=");
        if (ft[0] == ji) {
            return ft[1];
        }
    }
}