/*===================================================================
	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("/PredictiveSearchHandler/PredictiveSearchGlobal.ashx", {
        width: 360,
        multipleSeparator: " ",
        autoFill: false,
        mustMatch: false,
        matchContains: true,
        scroll: true,
        scrollHeight: 140,
        search: function(value, data){ alert('You selected: ' + value + ', ' + data); },
        onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); }
    }).result(function (event, item) {
        $J(".searchSubmit.fader").click();
       });

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

    /*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');
    });

//    $J('.ac_even.ac_over').click(function () {
//        var pageId = '<%=  Page.ClientID %>';
//        __doPostBack(pageId, argumentString);
//    });

//    $J('.ac_even.ac_over').live('click', function () {
//        alert('Click event');
//    });



    /*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');
    });

});