$(document).ready(function(){
	//ihrHomePanels();
	ihrHomeTabs();
});

var ihrHomeTabs = function(){
	// home page panels only
	$('div#home_panels ul#feature_list li').bind( 'click', function(){
		if ($(this).hasClass('selected') == false){
			var thisTab = $(this).find('a').attr('href').replace('#', '');
			$('div#home_panels ul#feature_list li').removeClass('selected');
			$(this).addClass('selected');
			$('div#home_panels div.panel').each( function(){
				$(this).removeClass('selected');
				if ($(this).attr('id').replace('panel_', '') == thisTab){
					$(this).addClass('selected');
				}
			});
		}
	});
}

var ihrHomePanels = function(){
	// home page panels only
	$('#feature_list li').eq(0).remove();
	$('div#home_panels div.panel').append('<a href="#default" rel="default" class="return">return</a>').bind( 'click', function(){
		var tmpRel = $(this).find('a').attr('rel');
		$('div#home_panels ul.panel-list li').removeClass('selected');
		$('div#home_panels div.panel').each( function(){
			$(this).removeClass('selected');
			if ($(this).attr('rel') == tmpRel){
				$(this).addClass('selected');
			}
		});
		return false;
	});
	$('div#home_panels ul.panel-list li').bind( 'mouseover', function(){
		if ($(this).hasClass('selected') == false){
			var tmpRel = $(this).find('a').attr('rel');
			$('div#home_panels ul.panel-list li').removeClass('selected');
			$(this).addClass('selected');
			$('div#home_panels div.panel').each( function(){
				$(this).removeClass('selected');
				if ($(this).attr('rel') == tmpRel){
					$(this).addClass('selected');
				}
			});
		}
	});
}


var AutoCompleteField = function(dropDownId, onSelection)
{
    this.id                = dropDownId;
    this.textFieldSelector = null;
    this.lastValue         = '';
    this.suggestList       = [];
    this.suggestDesc       = [];
    this.highlighted       = null;
    this.initialTable      = '<table id="' + this.id + '_location_complete" class="empty">';
    this.shouldBeObserved  = true;

    this.select = onSelection;

    this.moveHighlightDown = function() {
        if (this.highlighted == null && this.suggestList.length == 0) {
            return;
        }
        if (this.highlighted == null && this.suggestList.length != 0) {
            this.highlighted = 0;
            this.updateHighlight();
            return;
        }
        if ((this.suggestList.length - 1) <= this.highlighted) {
            this.highlighted = this.suggestList.length - 1;
            return;
        }
        this.highlighted++;
        this.updateHighlight();
    }

    this.moveHighlightUp = function() {
        if (this.highlighted == null) {
            return;
        }
        if (this.highlighted == 0) {
            this.highlighted = null;
            this.updateHighlight();
            return;
        }
        this.highlighted--;
        this.updateHighlight();
    }

    this.generateInitialDOM = function() {
        var zombies = '';
        if (isCrappy == 'yes') {
            zombies = '<iframe id="' + this.id + '_location_complete_shim" class="empty"></iframe>' + this.initialTable;
        } else {
            zombies = this.initialTable;
        }
        zombies += '</table>';

        return zombies;
    }

    this.updateDOM = function() {
        var zombies = '';
        var amt = this.suggestList.length;
        for (var i = 0; i < amt; i++) {
            zombies += '<tr><td><span class="data">' + this.suggestList[i] + '</span><span class="desc">' + this.suggestDesc[i] + '</span></td></tr>';
        }
        $('#' + this.id + '_location_complete').replaceWith(this.initialTable + zombies + '</table>');
        if (amt == 0) {
            this.highlighted = null
            $('#' + this.id + '_location_complete_shim').addClass('empty');
            $('#' + this.id + '_location_complete').addClass('empty');
        } else {
            if (this.highlighted == null || this.highlighted > amt) {
                this.highlighted = 0
            }
            $('#' + this.id + '_location_complete_shim').removeClass('empty')
            $('#' + this.id + '_location_complete').removeClass('empty')
        }

        this.updateHighlight();
    }

    this.updateHighlight = function() {
        var autoCompleteRows = $('#' + this.id + '_location_complete td').removeClass('highlighted');
        var indexToSelect = this.highlighted;
        if (indexToSelect == null) {
            return;
        }
        var i = 0;
        autoCompleteRows.each(function() {
            if (i == indexToSelect) {
                $(this).addClass('highlighted');
            }
            i++;
        })
    }
}

AutoCompleteField.behavior = {
    show: function(target, instance) {
        instance.textFieldSelector = target;
        AutoCompleteField.instances.push(instance);

        $(target).after(instance.generateInitialDOM());

        $(target).bind('text-change', function(e) {
            instance.lastValue = e.jDom.val();
            AutoCompleteField.behavior.updateSuggestionModel(instance);
        });

        $('#' + instance.id + '_location_complete td').live('click', function(e) {
            AutoCompleteField.behavior.selectByElement(this, instance);
        });

        $('#' + instance.id + '_location_complete td').live('mouseover', function(e) {
            AutoCompleteField.behavior.highlightByElement(this, instance);
        });

        $(target).keydown(function(e) {
            switch(e.keyCode) {
                case 38: // up
                    instance.moveHighlightUp();
                    break;
                case 40: // down
                    instance.moveHighlightDown();
                    break;
                case 13: // enter
                    temporarySubmit($(target).val());
                    /*
                    if (instance.shouldBeObserved) {
                        AutoCompleteField.behavior.selectByHighlighted(instance);
                    } else {
                    }
                    e.preventDefault();
                    e.stopPropagation();
                    break;
                    */
                case 27: // escape
                    instance.highlighted = null;
                    $(target).blur();
                    $(target).focus();
                    e.stopPropagation();
                    e.preventDefault();
                    break;
            }
        });

        $(target).blur(function() {
            if (!instance.shouldBeObserved) {
                return;
            }
            if (instance.highlighted != null) {
                AutoCompleteField.behavior.selectByHighlighted(instance);
            } else {
                $(this).val('');
            }
        });
        $(target).focus(function() {
            instance.shouldBeObserved = true;
        });
    },

    highlightByElement: function(element, instance) {
        var element = $(element);
        var value = $.trim(element.find('span.data').text());
        var i = 0;
        var selectedIndex = null;
        element.parent().parent().find('td span.data').each(function(){
            var checkValue = $.trim($(this).text());
            if (value == checkValue) {
                selectedIndex = i;
            }
            i++;
        })
        instance.highlighted = selectedIndex;
        instance.updateHighlight();
    },

    selectByHighlighted: function(instance) {
        var highlighted = instance.suggestList[instance.highlighted];
        if (highlighted == undefined) {
            return;
        }
        AutoCompleteField.behavior.selectByName(highlighted, instance);
    },

    selectByElement: function(element, instance) {
        var value = $.trim($(element).find('span.data').text());
        AutoCompleteField.behavior.selectByName(value, instance);
    },

    selectByName: function(textSelected, instance) {
        instance.select(textSelected);
    },

    updateSuggestionModel: function(instance) {
        var ajaxOptions = {
            url: null,
            beforeSend: function(myxhr) {
                myxhr.setRequestHeader('Accept', 'application/json');
            },
            data: { q: instance.lastValue },
            dataType: 'json',
            success: AutoCompleteField.behavior.dataGetSuccess,
            error: AutoCompleteField.behavior.dataGetFailure,
            model: instance
        }

        if (instance.lastValue == '') {
            instance.suggestList = [];
            instance.suggestDesc = [];
        } else if (instance.lastValue.search(/^[0-9]{2,5}$/) != -1) {
            ajaxOptions.url = '/api/autocomplete/zipcode';
            ajaxOptions.lookupType = 'zip';
        } else if (instance.lastValue.search(/^[^0-9]{2,}/) != -1) {
            ajaxOptions.url = '/api/autocomplete/location';
            ajaxOptions.lookupType = 'loc';
        } else {
            instance.suggestList = [];
            instance.suggestDesc = [];
        }

        if (ajaxOptions.url == null) {
            instance.updateDOM();
            return;
        }

        $.ajax(ajaxOptions);
    },

    dataGetSuccess: function(data) {
        if (data.status != 0) {
            AutoCompleteField.behavior.dataGetFailure();
            return;
        }
        if (data.data instanceof Array) {
            var len = data.data.length;
            this.model.suggestList = [];
            this.model.suggestDesc = [];
            for (var i = 0; i < len; i++) {
                if (this.lookupType == 'loc') {
                    var city = data.data[i].city;
                    if (data.data[i].count == 0) {
                        var desc = 'no listings';
                    } else {
                        var desc = data.data[i].count + ' total listings';
                    }
                    this.model.suggestList.push(city);
                    this.model.suggestDesc.push(desc);
                }
                if (this.lookupType == 'zip') {
                    var zip = data.data[i].zip;
                    if (data.data[i].count == 0) {
                        var desc = 'no listings';
                    } else {
                        var desc = data.data[i].count + ' total listings';
                    }
                    this.model.suggestList.push(zip);
                    this.model.suggestDesc.push(desc);
                }
            }
        } else {
            this.model.suggestList = [];
            this.model.suggestDesc = [];
        }
        this.model.updateDOM();
    },

    dataGetFailure: function() {
        // do nothing ?
    }
};

AutoCompleteField.instances = [];

AutoCompleteField.observer = {
    intervalId: null,
    refreshDelay: 1000,
    check: function() {
        var amt = AutoCompleteField.instances.length;
        for (var i = 0; i < amt; i++) {
            var instance = AutoCompleteField.instances[i];
            var curJDom = $(instance.textFieldSelector);
            var curVal = curJDom.val();
            if (curVal != instance.lastValue) {
                if (instance.shouldBeObserved === false) {
                    continue;
                } else {
                    var e = jQuery.Event('text-change');
                    e.jDom = curJDom;
                    curJDom.trigger(e);
                }
            }
        }
    },

    start: function() {
        AutoCompleteField.intervalId = setInterval(AutoCompleteField.observer.check, AutoCompleteField.observer.refreshDelay);
    },

    stop: function() {
        clearInterval(AutoCompleteField.intervalId);
    }
}

var searchForm = new AutoCompleteField('home_search', function(v) {
    this.shouldBeObserved = false;
    this.suggestList = [];
    this.suggestDesc = [];
    this.highlighted = null;
    this.updateDOM();
    $(this.textFieldSelector).val(v);
    $('#big_submit').focus();
});

AutoCompleteField.observer.start();

AutoCompleteField.behavior.show('#big_input', searchForm);