﻿estoreExpress= {}

/// <summary>
/// Init e-store express scripts
/// </summary>
$(document).ready(function() {
    //estoreExpress.initProductGroupMenu();
    estoreExpress.initSearchField();
    estoreExpress.initButtons();
    estoreExpress.initCornerBoxes();
})

/// <summary>
/// Init product group menu
/// </summary>
estoreExpress.initProductGroupMenu = function() {

    // Set cursor pointer for menu headers
    $(".navBarMenu h2").css({ "cursor": "pointer" });

    // For each menu, show menu content if cookie says so
    $.each($('.navBarMenu'), function() {
        var cookie = $.cookie(this.id);
        if (cookie != null || $(this).children.hasClass("currentPage")) {
            $(this).children(".boxContent").show();
        }
        else{
            $(this).children(".boxContent").hide();        
        }
    });

    // When clicking header in menu
    $(".navBarMenu h2").click(function() {

        var parent = this.parentNode.id;

        var menu = $(this).next();
        // Store menu active or inactive in cookie
        if (menu.is(':visible') && menu.hasClass("currentPage")) {
            $.cookie(parent, null, { path: '/' });
        }
        else {
            $.cookie(parent, "active", {path: '/'});
        }

        // Slide down menu content
        //menu.slideToggle("slow");
        
        //return false;
    });

}

/// <summary>
/// Init buttons
/// </summary>
estoreExpress.initButtons = (function() {
    $("input.largeBtn").wrapperEffects({ wrapperClass: "largeButton" });
    $("a.largeBtn").wrapperEffects({ wrapperClass: "largeButton" });
    $("input.largeBtnInactivated").wrapperEffects({ wrapperClass: "largeButtonInactivated" });
    $("a.largeBtnInactivated").wrapperEffects({ wrapperClass: "largeButtonInactivated" });
});

estoreExpress.initCornerBoxes = function() {
    estoreExpress.cornerbox('.cornerbox');
}

/// <summary>
/// Creates a cornerbox with rounded corners
/// </summary>
estoreExpress.cornerbox = function(elementSelector) {
    var $elementSelector = $(elementSelector);
    var $c1 = $(document.createElement('div'));
    var $c2 = $(document.createElement('div'));
    var $c3 = $(document.createElement('div'));
    var $c4 = $(document.createElement('div'));
    $c1.attr('class', 'boxcorner boxcorner1');
    $c2.attr('class', 'boxcorner boxcorner2');
    $c3.attr('class', 'boxcorner boxcorner3');
    $c4.attr('class', 'boxcorner boxcorner4');
    $elementSelector.addClass('cornerbox');
    $elementSelector.append($c1);
    $elementSelector.append($c2);
    $elementSelector.append($c3);
    $elementSelector.append($c4);
}

estoreExpress.initSearchField = function() {
	$('#WebHeaderSearch input.HeaderInputField').keydown(function(e) {
		if (e.keyCode == 13) {
			$('input.WebSearchButton').click();
			return false;
		}
	});
}
