﻿
$.fn.SearchBox = function () {
    return this.each(function () {

        var el = $(this),
            ta = $("input[type=text]", el),
            link = $("a", el),
            name = ta.attr("name");

        ta.val(name).addClass("empty-text");

        ta.focus(function () {
            var val = ta.val();

            if (name != "") {
                if (val == name) {
                    ta.val("").removeClass("empty-text");
                }
            }
        });

        ta.blur(function () {
            var val = ta.val();
            if (val == "") {
                ta.val(name).addClass("empty-text");
            }
        });


        ta.keyup(function (e) {
            if (e.keyCode == 13) {
                e.preventDefault();
                GoToSearchPage();
            }
        });

        link.click(function (e) {
            e.preventDefault();
            if (ta.val != ta.name) {
                GoToSearchPage();
            }
        });

        function GoToSearchPage() {
            window.location = $("head base").attr("href") + "shop/?search=" + ta.val();
        }
    })

}
