var sLoading = "loading…";                        
          
  function changeState(id) 
  {         
    getAreaID = document.getElementById("areaID");               
    proObj = document.getElementById('loadFrame');      
                   
    getAreaID.options.length = 0;    
    loadingON(getAreaID);            	            
    proObj.src = "loadItems.php?stateID="+id;          
  }
  
  function changeCategory(id) 
  {         
    getSubCategoryID = document.getElementById("subID");            
    proObj = document.getElementById('loadFrame');      
                 
    getSubCategoryID.options.length = 0;
    loadingON(getSubCategoryID);            	              
    proObj.src = "loadItems.php?categoryID="+id;              
  }            
  	    
  function loadingON(element) 
  {                          
    element.options[0] = new Option("loading..", "loading");      
    element.disabled = true; 
  }
       
  function loadingOFFArea() 
  {              
    getAreaID = document.getElementById('areaID'); 
    
    if(getAreaID.options[0].value == "loading")
    {
    	 getAreaID.options[0] = null;
    	 getAreaID.disabled = false; 
    }
  }                                        
  
  function loadingOFFSubCategory() 
  {              
    getSubID = document.getElementById('subID'); 
    
    if(getSubID.options[0].value == "loading")
    {
    	 getSubID.options[0] = null;
    	 getSubID.disabled = false; 
    }
  }
      
  function populateArea(name, value) 
  {              
    getAreaID = document.getElementById('areaID'); 
    getAreaID.options[getAreaID.options.length] = new Option(name, value);      
  }        
  
  function populateSubCategory(name, value) 
  {              
    getSubID = document.getElementById('subID'); 
    getSubID.options[getSubID.options.length] = new Option(name, value);      
  }