Ext.onReady(function() {
   dwr.util.useLoadingMessage();
   Ext.get('mill').on('change', mill_onChange); 
   Ext.get('paper').on('change', paper_onChange);
   
   Ext.get('paper').hide();
   Ext.get('paperLabel').hide();
   
   Comparison.getMills(mill_callback);
});


var mill_callback = function(data) {
	dwr.util.removeAllOptions('mill');	
	dwr.util.addOptions('mill', [{ name:'Please Select...', id:'' }], "id", "name");
	dwr.util.addOptions('mill', data);
	
};

var mill_onChange = function (e) {
	var mill = Ext.get('mill');

	if (mill.getValue() == "") {
		Ext.get('paper').hide();
		Ext.get('paperLabel').hide();
		
		return;
	}
	
	dwr.util.removeAllOptions('boise');
	
	
	Comparison.getProducts(mill.getValue(), products_callback);
};
			
var products_callback = function(data) {
	dwr.util.removeAllOptions('paper');
	dwr.util.addOptions('paper', [{ name:'Please Select...', id:'' }], "id", "name");
	dwr.util.addOptions('paper', data);

	Ext.get('paper').show(true);
	Ext.get('paperLabel').show(true);
	

}
			
var paper_onChange = function (e) {
				
	var mill = Ext.get('mill').getValue();
	var paper = Ext.get('paper').getValue(); 
	
	
	if(paper == "") {
		dwr.util.removeAllOptions('boise');
		return;
	}
	
	Comparison.getComparison (mill, paper, comparison_callback);
};

var comparison_callback = function (data) {
	dwr.util.removeAllOptions('boise');
	dwr.util.addOptions('boise', data, "boiseName");
	/*
	dwr.util.addRows('boise', data, cellFuncs, {cellCreator:function(options){
		var cell = document.createElement("td");							
		cell.align="left";
		cell.valign="top";
		Ext.get(cell).addClass("result");
		return cell;
	} });*/

};		
			
	var cellFuncs = [
	  function(data) { return Html2Ascii(data.boiseName); }
	];
			
		
	function Html2Ascii(str) {
		str = str.replace('™',String.fromCharCode(8482));
		str = str.replace('®',String.fromCharCode(174));


		return(str);
}