var formManager = function(){};

formManager.imageForm = {theForm:null,lookingFor:""}

formManager.Init = function() {

   if (!window.ActiveXObject){
     document.getElementById("baseTable").style.height="10000px"
   }
   for(i=0; i<document.forms.length; i++){
      try{
	    formManager.attachFormBehaviours(document.forms[i].name);
	   }catch(err){
	   }
   }
   document.saveForm.save.onclick = function(){
     contentProcessor.removeComponents("//item[*/status='deleted']");
     contentProcessor.reorderXML();
     Emulator.Init();
     componentManager.Init();
     menu.Init();
     formManager.Init();
   }
   document.getElementById("publish").onclick = function(){
      formManager.publish();
   }
   document.form_metadata.pagetype.onchange = function(){
     contentProcessor.updateANodesText("metadata", "pagetype", this.value);
     contentProcessor.resetPageType();
     MfactoryEditor.formsAndMenuInit();
   } 
};

formManager.attachFormBehaviours = function(formName){
   var thisElement
   for (var j=0; j < document.forms[formName].elements.length; j++){
     thisElement = document.forms[formName].elements[j];
     if(thisElement.type=='checkbox') {  
        thisElement.onchange = function (){
  	  		formManager.attachCheckboxBehaviour(this);
  		}
     }else{
        if (thisElement.name=='imagename' | thisElement.name=='iconname'){
          thisElement.onclick = function (){
              formManager.attachImageLibraryBehaviour(this);
  		   }
  	     }
         thisElement.onchange = function (){
  		  	formManager.attachDefaultBehaviour(this);
  		 }
     }
    }
};

formManager.attachCheckboxBehaviour = function(inElement){
     var componentid = inElement.form.id.substring(5, inElement.form.id.length)
     var checked
      if (inElement.checked){
	     checked="true";
	  }else{
	    checked="false";
	  }  
     contentProcessor.updateANodesText(componentid, inElement.name, checked);
     contentProcessor.placeContent(contentProcessor.xmlContent,contentProcessor.emuTransform, "emulator");
     formManager.changeInfoBar();
};

formManager.attachImageLibraryBehaviour = function(inElement){
   this.imageForm.theForm = inElement.form;
   this.imageForm.lookingFor = inElement.name;
   utils.createpopup(inElement.id, inElement.name, "width=800,height=800");
};

formManager.attachDefaultBehaviour = function(inElement){
   var componentid = inElement.form.id.substring(5, inElement.form.id.length)
   contentProcessor.updateANodesText(componentid, inElement.name, inElement.value);
   contentProcessor.placeContent(contentProcessor.xmlContent,contentProcessor.emuTransform, "emulator");
   formManager.changeInfoBar();
};


formManager.showDeleted =function(id){
	el = document.getElementById(id);
	if (el.deleted){
	   el.deleted = false;
	   el.className = 'sortList';
	   contentProcessor.updateANodesText(id, "status", "");
       Emulator.Init();
	}else{
	  el.deleted = true;
	  el.className = 'deletedComponent';
	  contentProcessor.updateANodesText(id, "status", "deleted");
      Emulator.Init();
  }
};

formManager.getQueryVariable = function(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
};

formManager.changeInfoBar = function(){
  var info = document.getElementById("info")
  document.getElementById("published").innerHTML = "";
  document.getElementById("info").style.background='white';
  document.getElementById("info").style.color='white';
};

formManager.displayDropArea = function(){
   var dropArea = document.getElementById("droparea");
};

formManager.publish = function(){
  utils.createpopup("published.aspx", "published" , "width=800,height=600");
};