/*===================================================================
	Search Box Autocomplete functions
	demo - http://view.jquery.com/trunk/plugins/autocomplete/demo/
	doc - http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
====================================================================*/
$J(document).ready(function() {    
    $J('#header .mainSearchTextInput').autocomplete("/Thailand.PredictiveSearchHandler/PredictiveSearchGlobal.ashx", {
        width: 360,
        multipleSeparator: " ",
        autoFill: false,
        mustMatch: false,
        matchContains: true,
        scroll: true,
        scrollHeight: 140
    }).result(function (event, item) {
        $J(".searchSubmit.fader").click();
    });

    $J('.ingredientSearch .searchTextInput').autocomplete("/Thailand.PredictiveSearchHandler/PredictiveSearchIngredients.ashx", {
        width: 250,
        multipleSeparator: " ",
        resultsClass: "ac_results smallAutoComplete",
        autoFill: false,
        mustMatch: false,
        matchContains: true,
        scroll: true,
        scrollHeight: 140
    }).result(function (event, item) {
        $J(".searchBtn").click();
    });

    $J('.fieldColumn .zipcode').autocomplete("/Thailand.PredictiveSearchHandler/PredictiveSearchZipcode.ashx", {
        width: 360,
        multipleSeparator: " ",
        autoFill: false,
        mustMatch: false,
        matchContains: true,
        scroll: true,
        scrollHeight: 140
    });

    /*Ingredient search*/
    $J('.ingredientSearch .searchTextInput').focus(function() {
        $J(this).parent().addClass('searchBoxFocus');
        if ($J(this).attr("value") == "Ingredient Search") $J(this).val('');
    });

    $J('.ingredientSearch .searchTextInput').blur(function() {
        $J(this).parent().removeClass('searchBoxFocus');
        if ($J(this).attr("value") == "") $J(this).val('Ingredient Search');
    });

    $J('.ingredientSearch .searchBtn').hover(function() {
        $J(this).addClass('btnOver');
    }, function() {
        $J(this).removeClass('btnOver');
    });


    /*Suburb search*/
    $J('.postCodeSearch .searchTextInput').focus(function() {
        $J(this).parent().addClass('searchBoxFocus');
        if ($J(this).attr("value") == "Suburb & Postcode Search") $J(this).val('');
    });

    $J('.postCodeSearch .searchTextInput').blur(function() {
        $J(this).parent().removeClass('searchBoxFocus');
        if ($J(this).attr("value") == "") $J(this).val('Suburb & Postcode Search');
    });

    $J('.postCodeSearch .searchBtn').hover(function() {
        $J(this).addClass('btnOver');
    }, function() {
        $J(this).removeClass('btnOver');
    });


    /*Discussion search*/
    $J('.discussionSearch .searchTextInput').focus(function() {
        $J(this).parent().addClass('searchBoxFocus');
        if ($J(this).attr("value") == "Search for Discussions") $J(this).val('');
    });

    $J('.discussionSearch .searchTextInput').blur(function() {
        $J(this).parent().removeClass('searchBoxFocus');
        if ($J(this).attr("value") == "") $J(this).val('Search for Discussions');
    });

    $J('.discussionSearch .searchBtn').hover(function() {
        $J(this).addClass('btnOver');
    }, function() {
        $J(this).removeClass('btnOver');
    });

    /*Discussion search*/
    $J('.showMePanel .searchTextInput').focus(function() {
        $J(this).parent().addClass('searchBoxFocus');
        if ($J(this).attr("value") == "Search for Discussions") $J(this).val('');
    });

    $J('.showMePanel .searchTextInput').blur(function() {
        $J(this).parent().removeClass('searchBoxFocus');
        if ($J(this).attr("value") == "") $J(this).val('Search for Discussions');
    });

    $J('.showMePanel .searchBtn').hover(function() {
        $J(this).addClass('btnOver');
    }, function() {
        $J(this).removeClass('btnOver');
    });

});