function loadVariables(cat){
	$('varTable').setStyle("display","none");
	if ($('resultsDiv')!=null) $('resultsDiv').setStyle("display","none");
	var selected = $(cat).getSelected();
	//alert(selected);
	if (selected!=""){	
		var group = selected[0].get("value");	
		var req = new Request.HTML({  
             method: 'get',  
             url: "/getVariables.php",  
             data: { 'group' : group },  
             onRequest: function() {},  
             update: $('variable'),  
             onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){            	 
            	 if (responseHTML!=""){
            		 $('varTable').setStyle("display","");
            	 }else{       
            		 $('varTable').setStyle("display","none");
            	 }
             } 
             }).send(); 
	}
}

function loadCategories(parentCat,childCat){
	if ($('resultsDiv')!=null) $('resultsDiv').setStyle("display","none");
	$(childCat).setStyle("display","none");
	$('varTable').setStyle("display","none");
	var selected = $(parentCat).getSelected();	
	if (selected!=""){
		var parent = selected[0].get("value");
		var req = new Request.HTML({  
             method: 'get',  
             url: "/getCategories.php",  
             data: { 'parent' : parent },  
             onRequest: function() {},  
             update: $(childCat),  
             onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
            	 if (responseHTML!=""){
            		 $(childCat).setStyle("display","inline");            		 
            	 }else{            		 
            		 loadVariables(parentCat);
            	 }
            	 $(childCat).onchange();
             }  
         }).send(); 
	}
}


function loadYears(){
	if ($('resultsDiv')!=null) $('resultsDiv').setStyle("display","none");
	$('yearSelector').setStyle("display","none");
	$('rowBtnShow').setStyle("display","none");	
	var selected = $('variable').getSelected();
	if (selected!=""){
		var var_id = selected[0].get("value");
		var req = new Request.HTML({  
             method: 'get',  
             url: "/getYears.php",  
             data: { 'var_id' : var_id },  
             onRequest: function() {},  
             update: $('year'),  
             onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
            	 if (responseHTML!=""){
            		 $('yearSelector').setStyle("display","");
            		 $('rowBtnShow').setStyle("display","");
            	 }else{            		 
            	 }
             }  
         }).send(); 
	}
}


