﻿jQuery.noConflict();

jQuery(document).ready(function () {

    jQuery("#top-nav-kitchen-button").click(function () {
        if (jQuery("#top-nav-kitchen").is(":visible")) {
            jQuery("#top-nav-kitchen").fadeOut(100);
            jQuery("#top-nav-kitchen-button-link").removeClass("top-nav-kitchen-button-open");
        }
        else {
            jQuery("#top-nav-kitchen").fadeIn(100);
            jQuery("#top-nav-bath").fadeOut(100);
            jQuery("#top-nav-design").fadeOut(100);
            jQuery("#top-nav-kitchen-button-link").addClass("top-nav-kitchen-button-open");
            jQuery("#top-nav-bath-button-link").removeClass("top-nav-bath-button-open");
            jQuery("#top-nav-design-button-link").removeClass("top-nav-design-button-open");
        }
        return false;
    });

    jQuery("#top-nav-bath-button").click(function () {
        if (jQuery("#top-nav-bath").is(":visible")) {
            jQuery("#top-nav-bath").fadeOut(100);
            jQuery("#top-nav-bath-button-link").removeClass("top-nav-bath-button-open");
        }
        else {
            jQuery("#top-nav-bath").fadeIn(100);
            jQuery("#top-nav-kitchen").fadeOut(100);
            jQuery("#top-nav-design").fadeOut(100);
            jQuery("#top-nav-kitchen-button-link").removeClass("top-nav-kitchen-button-open");
            jQuery("#top-nav-bath-button-link").addClass("top-nav-bath-button-open");
            jQuery("#top-nav-design-button-link").removeClass("top-nav-design-button-open");
        }
        return false;
    });

    jQuery("#top-nav-design-button").click(function () {
        if (jQuery("#top-nav-design").is(":visible")) {
            jQuery("#top-nav-design").fadeOut(100);
            jQuery("#top-nav-design-button-link").removeClass("top-nav-design-button-open");
        }
        else {
            jQuery("#top-nav-design").fadeIn(100);
            jQuery("#top-nav-kitchen").fadeOut(100);
            jQuery("#top-nav-bath").fadeOut(100);
            jQuery("#top-nav-kitchen-button-link").removeClass("top-nav-kitchen-button-open");
            jQuery("#top-nav-bath-button-link").removeClass("top-nav-bath-button-open");
            jQuery("#top-nav-design-button-link").addClass("top-nav-design-button-open");
        }
        return false;
    });

    jQuery(document).click(function (event) {
        if (jQuery(event.target).parents().index(jQuery("#top-nav-kitchen-button")) == -1 &&
                    jQuery(event.target).parents().index(jQuery("#top-nav-bath-button")) == -1 &&
                    jQuery(event.target).parents().index(jQuery("#top-nav-design-button")) == -1 &&
                    jQuery(event.target).parents().index(jQuery("#top-nav-kitchen")) == -1 &&
                    jQuery(event.target).parents().index(jQuery("#top-nav-bath")) == -1 &&
                    jQuery(event.target).parents().index(jQuery("#top-nav-design")) == -1) {
            jQuery("#top-nav-kitchen").fadeOut(100);
            jQuery("#top-nav-bath").fadeOut(100);
            jQuery("#top-nav-design").fadeOut(100);
            jQuery("#top-nav-kitchen-button-link").removeClass("top-nav-kitchen-button-open");
            jQuery("#top-nav-bath-button-link").removeClass("top-nav-bath-button-open");
            jQuery("#top-nav-design-button-link").removeClass("top-nav-design-button-open");
        }
    });

    jQuery(".top-nav-close").click(function () {
        jQuery("#top-nav-kitchen").fadeOut(100);
        jQuery("#top-nav-bath").fadeOut(100);
        jQuery("#top-nav-design").fadeOut(100);
        jQuery("#top-nav-kitchen-button-link").removeClass("top-nav-kitchen-button-open");
        jQuery("#top-nav-bath-button-link").removeClass("top-nav-bath-button-open");
        jQuery("#top-nav-design-button-link").removeClass("top-nav-design-button-open");
        return false;
    });

    jQuery("#top-nav-catalog-button").hover(function () {
        jQuery("#top-nav-brnsplitter-left").addClass("hover");
        jQuery("#top-nav-brnsplitter-right").removeClass("hover");
    }, function () {
        jQuery("#top-nav-brnsplitter-left").removeClass("hover");
        jQuery("#top-nav-brnsplitter-right").removeClass("hover");
    });

    jQuery("#top-nav-customer-button").hover(function () {
        jQuery("#top-nav-brnsplitter-left").addClass("hover");
        jQuery("#top-nav-brnsplitter-right").addClass("hover");
    }, function () {
        jQuery("#top-nav-brnsplitter-left").removeClass("hover");
        jQuery("#top-nav-brnsplitter-right").removeClass("hover");
    });

    jQuery("#top-nav-where-button").hover(function () {
        jQuery("#top-nav-brnsplitter-left").removeClass("hover");
        jQuery("#top-nav-brnsplitter-right").addClass("hover");
    }, function () {
        jQuery("#top-nav-brnsplitter-left").removeClass("hover");
        jQuery("#top-nav-brnsplitter-right").removeClass("hover");
    });

});
