Ext.ns('am.data');

am.data.basePageURL = '/?pageid=125';

Ext.onReady(function() {

    var ds = new Ext.data.JsonStore({
        url: '/bridge/mnet/WorkShop/search',
        root: 'records',
        totalProperty: 'totalRecords',
        id: 'WorkshopID',
        fields: ['WorkshopID', 'WorkshopName', 'WorkshopAddress', 'WorkshopType', 'Distance'],
        autoLoad: false
    });

    // Custom rendering Template
    var resultTpl = new Ext.XTemplate(
        '<tpl for="."><div class="search-item">',
            '<h3>{WorkshopName}</h3>',
            '<span class="wstype">Verksted type: <b>{WorkshopType}</b></span>',
            '<span class="wsdistance">Avstand i luftlinje fra deg: ca. <b>{Distance}km</b></span>',
            '<div class="wsaddress">{WorkshopAddress}</div>',
			'<div class="wslinks">',
                String.format('<a href="{0}&type=info&wsid={WorkshopID}">Verksted info</a> | ', am.data.basePageURL),
                String.format('<a href="{0}&type=book&wsid={WorkshopID}">Bestill verkstedstime</a> | ', am.data.basePageURL),
                String.format('<a href="{0}&type=map&wsid={WorkshopID}">Kart</a>', am.data.basePageURL),
            '</div>',
        '</div></tpl>'
    );

    var search = new Ext.form.ComboBox({
        store: ds,
        displayField:'title',
        typeAhead: false,
        loadingText: 'Søker...',
        pageSize: 30,
        hideTrigger:true,
        tpl: resultTpl,
        applyTo: 'wssearch',
        itemSelector: 'div.search-item'
        ,onSelect: function(record) {

            var target = Ext.EventObject.getTarget();
            var url    = target.getAttribute('href');

            if (!url) {
                url = String.format('{0}&type=book&wsid={1}', am.data.basePageURL, record.data.WorkshopID);
            }

            window.location = url;
        }
    });
});