var getSearchValues = function(formObject){
    var form = formObject.form;
    var values = form.getValues();
    var modifiedValues = {};
    for (var n in values) {
        var field = form.findField(n);
        var currentValue = field.getValue();
        var emptyText = field.emptyText;
        if (currentValue && currentValue != emptyText) {
            modifiedValues[n] = currentValue;
        }
        if (field.xtype == 'checkbox' && field.checked) {
            modifiedValues[n] = field.inputValue;
        }
    }
    return modifiedValues;
};
var memberStore;
var memberBrowse = function(){
    memberStore = new Ext.data.JsonStore({
        id: 'memberStore',
        url: '/user/listAsJSON/browse',
        method: 'POST',
        autoLoad: false
    });
    var memberTemplate = new Ext.XTemplate('<div class="browse_top_toolbar" id="browse_top_toolbar"></div><tpl for="."><div class="member_browse_item {[ xindex%2==0 ? "even" : "odd" ]}">', '<div class="member_browse_subitem member_browse_photo"><img class="photo" height="{[ values.thumbnail ? "" : "80" ]}" width="{[ values.thumbnail ? "" : "80" ]}" src="{[ values.thumbnail ? values.thumbnail : "/static/images/site/default-photo.jpg"]}" /><a href="/user/profile/{userid}">View Profile</a><br/></div>', '<div class="member_browse_subitem member_browse_details"><h3>{profilename}</h3><p>{description}...<a href="/user/profile/{userid}">More info.</a></p></div><div class="clear"></div>', '</div></tpl><div class="browse_bottom_toolbar" id="browse_bottom_toolbar"></div>');
    var memberView = new Ext.DataView({
        id: 'memberResults',
        emptyText: 'No results to display.',
        loadingText: 'Loading Members...',
        store: memberStore,
        itemSelector: 'none',
        tpl: memberTemplate,
        singleSelect: true,
		renderTo:'list'
    });
    var locateForm = new Ext.form.FormPanel({
		renderTo:'locate_form',
		frame:true,
        id: 'locateForm',
        layout: 'form',
        labelAlign: 'top',
        defaults: {
            labelSeparator: ''
        },
        items: [{
            xtype: 'textfield',
            fieldLabel: 'Member Name',
            width: 210,
            name: 'membername',
            value: searchParams.membername ? searchParams.membername : ''
        }, {
            xtype: 'textfield',
            fieldLabel: 'Keywords',
            emptyText: 'e.g. Dancing, Singer, Actor...',
            width: 210,
            name: 'keywords',
            value: searchParams.keywords ? searchParams.keywords : ''
        }, {
            xtype: 'textfield',
            fieldLabel: 'Location',
            emptyText: 'e.g. New York, NY',
            width: 210,
            name: 'location',
            value: searchParams.location ? searchParams.location : ''
        }, {
            xtype: 'combo',
            fieldLabel: 'Gender',
            width: 210,
            displayField: 'description',
            valueField: 'gender',
            hiddenName: 'gender',
            triggerAction: 'all',
            mode: 'local',
            emptyText: 'Limit your search by gender',
            store: new Ext.data.SimpleStore({
                fields: ['gender', 'description'],
                data: [['M', 'Male'], ['F', 'Female'], ['G', 'Group']]
            }),
            value: searchParams.gender ? searchParams.gender : ''
        }, {
            xtype: 'combo',
            fieldLabel: 'Category',
            width: 210,
            displayField: 'description',
            valueField: 'categoryid',
            hiddenName: 'categoryid',
            triggerAction: 'all',
            mode: 'local',
            emptyText: 'Limit your search by category',
            store: new Ext.data.JsonStore({
                fields: ['categoryid', 'description'],
                data: dateCategory
            }),
            value: searchParams.categoryid ? searchParams.categoryid : ''
        }, 
		/*
		{
            xtype: 'combo',
            fieldLabel: "Date Type",
            width: 210,
            displayField: 'description',
            valueField: 'target',
            hiddenName: 'target',
            triggerAction: 'all',
            value: 'forsale',
            mode: 'local',
            store: new Ext.data.SimpleStore({
                fields: ['target', 'description'],
                data: [['forsale', 'Dates for Sale'], ['wanted', 'Dates Wanted']]
            }),
            value: searchParams.target ? searchParams.target : ''
        }, {
            xtype: 'datefield',
            format: 'm-d-Y',
            fieldLabel: 'Start Date Range',
            emptyText: 'Start date range',
            width: 200,
            name: 'startdaterange',
            value: searchParams.startdaterange ? searchParams.startdaterange : ''
        }, {
            xtype: 'datefield',
            format: 'm-d-Y',
            fieldLabel: 'End Date Range',
            emptyText: 'End date range',
            width: 200,
            name: 'enddaterange',
            value: searchParams.enddaterange ? searchParams.enddaterange : ''
        }, {
            xtype: 'combo',
            store: new Ext.data.JsonStore({
                url: '/charity/listAsJSON/all',
                method: 'POST',
                autoLoad: true,
                fields: ['charityid', 'name']
            }),
            triggerAction: 'all',
            mode: 'local',
            valueField: 'charityid',
            displayField: 'name',
            fieldLabel: 'Nonprofit Beneficiary',
            emptyText: 'e.g. Cancer Research, Wildlife',
            width: 210,
            hiddenName: 'charityid',
            value: searchParams.hasnonprofit ? searchParams.hasnonprofit : ''
        }, 
        */
        {
            xtype: 'checkbox',
            fieldLabel: 'Show only members with photos.',
            inputValue: 1,
            checked: true,
            name: 'hasphotos',
            value: searchParams.hasphotos ? searchParams.target : ''
        }, 
        {
            xtype: 'checkbox',
            fieldLabel: 'Show only members with dates available.',
            inputValue: 1,
            name: 'hasdates',
            checked: searchParams.hasdates == 1 ? true : false
        }, {
            xtype: 'checkbox',
            fieldLabel: 'Show only members who are online.',
            inputValue: 1,
            checked: searchParams.online == 1 ? true : false,
            name: 'online'
        }],
        buttons: [{
            text: 'Search',
            handler: function(){
                memberStore.load({
                    params: getSearchValues(this.ownerCt)
                });
            }
        }]
    });
    return {
        init: function(){
            memberStore.load({
                params: searchParams.advancedsearch == 1 ? getSearchValues(Ext.getCmp('locateForm')) : {}
            });
        }
    };
};
Ext.onReady(function(){
    memberBrowse().init();
});