﻿$(function () {
    $('.main_categories li').hover(function () { $(this).find('.subs').show(); }, function () { $(this).find('.subs').hide(); });

    $('.cb_filter').click(function () {
        $(this).parents('form').submit();
    });

    $('#frm_search input[name=keyword]').keyup(function () {
        var $txt = $(this);
        var $panel = $('#frm_search .subResults');
        var val = $txt.val();

        var url = '/Products/QuickSearch?q=' + val;

        $panel.hide().find('.subResults-item').remove();

        $.getJSON(url, function (data) {
            if (data.length > 0) {
                $panel.show().find('.subResults-i tem').remove();
            }

            for (var i = 0; i < data.length; i++) {
                var item = data[i];
                $(quickSearchResultItem(item.DefaultPhoto, item.ProductName, item.SKU, '/Products/View/' + item.UniqueName)).prependTo($panel);
            }

        });




    }).blur(function () {
        setTimeout("$('#frm_search .subResults').hide();", 5000);
    });



    $('.em_watermark').each(function (elem) {
        var $input = $(this);
        var $form = $(this).parents('form');

        var title = $(this).attr('title');
        var val = $(this).val();

        $input.focus(
			function () {
			    if ($input.hasClass('watermark')) {
			        $input.val('').removeClass('watermark');
			    }
			})
		.blur(
			function () {
			    if ($input.val() == '') {
			        $input.val(title).addClass('watermark');
			    }

			});

        $form.submit(function () {
            if ($input.hasClass('watermark')) {
                $input.val('').removeClass('watermark');
            }
        });

        $input.blur();

    });

    $('._em_validateForm').submit(function () {
        return em_validateForm($(this));
    });
});

function em_validateForm($frm) {
    var isValid = true;

    $frm.find('._required').removeClass('input-validation-error').each(function () {
        var val = $(this).val();

        if (val == '') {
            $(this).addClass('input-validation-error').blur(function () { $(this).removeClass('input-validation-error') });
            isValid = false;
        }
    });


    return isValid;
}

function quickSearchResultItem(thumb, name, sku, url) {
    var html = '<div class="subResults-item clearfix">';
    html += '<div class="_photo"><img src="/Files/Items/Thumb85/' + thumb + '" alt="" /></div>';
    html += '<div class="_details">';
    html += '<div class="_title"><a href="' + url + '">' + name + '</a></div>';
    html += '<div class="_sku">' + sku + '</div>';
    html += '</div>';
    html += '</div>';


    return html;
}


