/*
 * Ext JS Library 2.0 Beta 1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){

    var ds = new Ext.data.Store({
        proxy: new Ext.data.ScriptTagProxy({
            url: 'http://www.whererya.com/livesearch/live-search.php'
        }),
        reader: new Ext.data.JsonReader({
            root: 'addresses',
            totalProperty: 'totalCount'
        }, [
            {name: 'id', mapping: 'id'},
            {name: 'house_numb', mapping: 'house_numb'},
            {name: 'name', mapping: 'name'},
            {name: 'location', mapping: 'location'},
            {name: 'long', mapping: 'long'},
            {name: 'lat', mapping: 'lat'}
        ])
    });

    // Custom rendering Template
    var resultTpl = new Ext.XTemplate(
        '<tpl for="."><div class="search-item">',
            '<h3>{house_numb} {name}</h3>',
            '{location}',
        '</div></tpl>'
    );
    
    var search = new Ext.form.ComboBox({
        store: ds,
        displayField:'name',
        typeAhead: false,
        loadingText: 'Searching...',
        width: 250,
        queryDelay: 100,
        pageSize:10,
        hideTrigger:true,
        tpl: resultTpl,
        applyTo: 'search',
        itemSelector: 'div.search-item',
        onSelect: function(record){ // override default onSelect to do redirect
              zoom_map(record.data.lat, record.data.long,record.data.house_numb,record.data.name,record.data.location);
//            window.location =
//                String.format('http://www.whererya.com/?lat={0}&lon={1}&scale=13&comment={2}%20{3}|{4}', record.data.lat, record.data.long,record.data.house_numb,record.data.name,record.data.location);
        }
    });
});