Ext.onReady(function() {
  
   dwr.util.useLoadingMessage();
   
   Ext.get('whereToBuySubmit').on('click', whereToBuySubmit_onClick); 
});




var whereToBuySubmit_onClick = function(e) {
	var zip = Ext.get('zip').getValue();
	var distance = Ext.get('distance').getValue();
	
	if (distance != "" && zip != "") {
		WhereToBuy.find(zip, distance, findCallback);	
	} else {
		alert('You must enter a Postal Code and Distance.');
	}
	
	e.stopEvent();
};

var cell0Function = function(obj) {
	var val = "<strong>" + obj.name + "</strong><br />"; 
    if (obj.address!=null)  {val += obj.address + "<br />" + obj.city + ", " + obj.state + " " + obj.zip + "<br />";}
    if (obj.phone  != null) {val += obj.phone + "<br />";}
    if (obj.webSite!= null) {val += "<a href=\"http://" + obj.webSite + "\" target=\"_blank\">" + obj.webSite + "</a>";}
	
	return	val;

};


var cell1Function = function(obj) {
	if (obj.distance == null) {
		return "";
	} else {
		return obj.distance + " Miles";
	}
};

var findCallback = function (data) {
    dwr.util.removeAllRows('whereToBuyTable');
      if (data==null||data.length==0) {
        var tbl = document.getElementById('whereToBuyTable');
        var cel = document.createElement("td");
        var row = document.createElement("tr");
        var bod = document.createElement("tbody");
        cel.innerHTML = "<b><i>No Results for Query</i></b>";
        row.appendChild(cel);
        bod.appendChild(row);
        tbl.appendChild(bod);
      } else {
        var cellFuncs = [cell0Function, cell1Function];
        dwr.util.addRows("whereToBuyTable", data, cellFuncs, {
            rowCreator:function(options) {
                var row = document.createElement("tr");
                var index = options.rowIndex;
                if (index % 2 == 0 ) {
                    Ext.get(row).addClass("shaded");
                }    
                return row;
            }, escapeHtml:false});
      }
    };