﻿var speed = 'slow';
var hColour = '#242424';
var root ="/";
$(document).ready(function () {
    pMenu();
    sMenu();

    $("#ucNav a").hover(function () {
        $(this).addClass('hover');
    }, function () {
        $(this).removeClass('hover');
    });
    $(".polaroid").hover(function () { $(this).animate({ opacity: 0.74 }, "fast"); $(this).addClass('hover'); }, function () { $(this).animate({ opacity: 1 }, "fast"); $(this).removeClass('hover'); })
    $(".polaroidE").hover(function () { $(this).animate({ opacity: 0.74 }, "fast"); $(this).addClass('hover'); }, function () { $(this).animate({ opacity: 1 }, "fast"); $(this).removeClass('hover'); })

    $("#stockists a img").hover(function () { $(this).animate({ opacity: 0.7 }, "fast"); $(this).addClass('hover'); }, function () { $(this).animate({ opacity: 1 }, "fast"); $(this).removeClass('hover'); })
        
    $.updnWatermark.attachAll({ cssClass: "watermark" });

    $("#Q").autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                url: root + "Autocomplete.asmx/DoSearch",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: "{'term':'" + request.term + "'}",
                success: function (data) {
                    response($.map(data.d, function (item) {
                        return { label: MapSearchResultToAutoCompleteItem(item), value: item.Name, category: item.Category }
                    }));
                },
                error: function (xhr, textStatus, exception) {
                    alert('xhr:' + xhr.responseText + '\ntextStatus:' + textStatus + '\nException:' + exception);
                }
            });
        },
        minLength: 2,
        select: function (event, ui) {
            var href = $(ui.item.label);
            window.location = href.attr('href');
            return false;
        }
    });
    

             $('.trackedLink').click(function () {
                    var activity = $(this).attr("title");
                    $.post("/tracker.ashx", { act: activity });
                });



});


    



function MapSearchResultToAutoCompleteItem(item) {
 var htmlLine;
 if (item.Category == 'Products')
    htmlLine = $('<a href="' + item.Path + '"></a>')
            .append('<div class="autocompleteImage"><img src="/Products/Images/thumbs/pt_' + item.Photo + '.jpg" /></div>',
            '<div class="autocompleteName">' + item.Name + '</div>',
            '<div class="autocompleteDescription">' + item.Description + '</div>',
            '<div style="clear:both"></div>');
else
    htmlLine = $('<a href="' + item.Path + '"></a>')
            .append('<div class="autocompleteSuggestionName">' + item.Name + '</div>');
    return htmlLine;
};

(function ($) {
    var proto = $.ui.autocomplete.prototype;
    var initSource = proto._initSource;
    $.extend(proto, {
        _renderItem: function (ul, item) {

            var listItem;
            if (item.category == 'Search Suggestions' && !ul.find('li[id="suggestions"]').length)
                listItem = $('<li id="suggestions" class="ui-autocomplete-category"><div class="autocompleteGroup">' + item.category + '</div></li>').appendTo(ul);
        
            if (item.category == 'Products' && !ul.find('li[id="products"]').length)
                listItem = $('<li id="products" class="ui-autocomplete-category"><div class="autocompleteGroup">' + item.category + '</div></li>').appendTo(ul);

            listItem = $("<li></li>").data("item.autocomplete", item).append(item.label).appendTo(ul);
            return listItem;
        }
    });
})(jQuery);





function pMenu() {

    $("#aProducts").click(function (event) {
        event.preventDefault();

        if ($("#productsMenu").is(":visible")) {
            $("#aProducts").removeClass('active');
            $("#aStockists").removeClass('pActive');
            speed = 'fast';
        } else {
            $("#aProducts").addClass('active');
            $("#aStockists").addClass('pActive');

            if (speed == 0) $("#productsMenu").show();

            if ($("#stockistsMenu").is(":visible")) {
                $("#aStockists").removeClass('active');
                $("#aTemplates").removeClass('pActive');
                $("#stockistsMenu").slideToggle(speed);
            }
        }
        if (speed != 0)
            $("#productsMenu").slideToggle(speed);
    });

    }
    function sMenu() {

        $("#aStockists").click(function (event) {
            event.preventDefault();

            if ($("#stockistsMenu").is(":visible")) {
                $("#aStockists").removeClass('active');
                $("#aTemplates").removeClass('pActive');
                speed = 'fast';
            } else {
                $("#aStockists").addClass('active');
                if ($("#productsMenu").is(":visible")) {
                    $("#aProducts").removeClass('active');
                    $("#aStockists").removeClass('pActive');
                    $("#productsMenu").slideToggle("slow");
                }
                $("#aTemplates").addClass('pActive');
            }
            $("#stockistsMenu").slideToggle(speed);
        });

    }

