var to = null;
var BaseURL = Utilities.GetBaseURL();

$(document).ready(function () {
    var wbnavigationid2;
    var lastnavid = 0;
    var lastmininavid = 0;
    var menuClosed = 1;

    //start mini
    $('ul.mininav > li > a').bind("click", function (e) {
        var self = $(this);

        $('.miniPopOut').slideDown("fast", function () { if (!self.hasClass("activePage")) { $('.miniMenu').addClass('menuOpen'); } });

        this.timeOut = setTimeout(function () {
            showMiniNav(self, lastmininavid);
        }, 400);
    });

    $('.miniPopOut > div.closeMiniNav > a.closeMiniNav').click(function () {
        $('.miniPopOut').slideUp("fast", function () { if ($('.miniMenu').hasClass('menuOpen')) { $('.miniMenu').removeClass('menuOpen'); } $('ul.mininav > li > a').removeClass("active"); });
    });

    $("ul.mininav a.series").hoverIntent(function (e) {
        $("ul.mininav").find('.products:visible').hide();

        $("ul.mininav a.series").css("background", "none");
        $(this).css("background", "#F1F1F2");
        $(this).css("color", "#4D4D4D");

        $(this).parent('.series2').children('.products').show();

    }, function () {

    });

    $("ul.mininav a.productLink").hoverIntent(function (e) {
        $('ul.mininav a.productLink').css("background", "none");
        $(this).css("background", "#F1F1F2");
        $(this).css("color", "#4D4D4D");
    }, function () {
        $('ul.mininav a.productLink').css("background", "none");
    });
    //end mini nav

    //start main nav
    $('ul.mainnav > li').bind("click", function (e) {
        if ($(this).children('a').attr('wbnavigationid2') == "Custom Paint") {
                    window.location = "http://www.feltbicycles.com/CustomFrameOptions.aspx?WBNavigationID=20434";
                }
        else {
            var self = this;
            if (menuClosed == 1) {
                $('.bottom-bar').addClass("menuOpen");
                $('.menu-bar').slideDown(400, function () {
                    menuClosed = 0;
                    showNav(self, lastnavid);
                });
                if ($('#bodyOverlay').length == 0) {
                    var overlayHeight = $('.siteFooter').outerHeight();
                    overlayHeight += $('.mainContent').outerHeight();
                    $('.siteWrapper').before('<div id="bodyOverlay"></div>');
                    $('#bodyOverlay').css('height', overlayHeight);
                    $('#bodyOverlay').animate({ top: 560, opacity: 0.75 }, 400);
                }
            }
            else { //menuClosed == 0
                this.timeOut = setTimeout(function () {
                    showNav(self, lastnavid);
                }, 300);
            }
        }
    });

    $('.menu-bar a.closeMenu').click(function () {
        menuClosed = 1;
        $('ul.mainnav > li').children('a').removeClass('active');
        $("ul.mainnav").find('.popOut:visible').fadeOut(200, function () {
            $('.menu-bar').slideUp("slow", function () {
                $('.bottom-bar').removeClass("menuOpen");
                $('#bodyOverlay').remove();
            });
            $('#bodyOverlay').animate({ top: 160, opacity: 0 }, 'slow');
        });
    });

    $("ul.mainnav > li").hoverIntent(function (e) {
        var self = this;
        if (!$(this).children('a').hasClass("active")) {
            if (menuClosed == 0) {
                this.timeOut = setTimeout(function () {
                    $('ul.mainnav > li').children('a').removeClass('active');
                    $('ul.mainnav > li').children('.products').hide;

                    $(this).children('a').addClass('active');
                    wbnavigationid2 = $(this).children('a').attr('wbnavigationid2');
                    $("ul.mainnav").find('.popOut:visible').fadeOut(200, function () {
                        showNav(self, lastnavid);
                    });
                }, 300);
            }
        }

    }, function () {
        if (this.timeOut != null)
            clearTimeout(this.timeOut);
        if ($('.menu-bar').is(':hidden')) {
            $('ul.mainnav > li').children('a').removeClass('active');
        }
        lastnavid = $(this).children('a').attr('wbnavigationid2');
    });

    $("ul.mainnav a.series").hoverIntent(function (e) {
        wbnavigationid2 = $("ul.mainnav > li").children('a').attr('wbnavigationid2')
        $("ul.mainnav").find('.products:visible').hide();

        $("ul.mainnav a.series").css("background", "none");
        $(this).css("background", "#F1F1F2");
        $(this).css("color", "#4D4D4D");

        if (wbnavigationid2 == 'Parts' || wbnavigationid2 == 'Clothing') {
        }
        else {
            $(this).parent('.series2').children('.products').show();
            var wbnavigationid = $(this).siblings('.products').find("div.divProducts:nth-child(1) a.productLink").attr("wbnavigationid");
            var productBox = $(this).parents(".popOut").children(".productBox");
            productBox.load(BaseURL + "AJAX/NavRollOver.aspx?WBNavigationID=" + wbnavigationid);
        }
    }, function () {

    });

    $("ul.mainnav a.productLink").hoverIntent(function (e) {
        wbnavigationid2 = $("ul.mainnav > li").children('a').attr('wbnavigationid2')
        $('ul.mainnav a.productLink').css("background", "none");
        $(this).css("background", "#F1F1F2");
        $(this).css("color", "#4D4D4D");

        if (wbnavigationid2 != 'Parts' || wbnavigationid2 != 'Clothing') {
            var wbnavigationid = $(this).attr("wbnavigationid");
            var productBox = $(this).parents(".popOut").children(".productBox");
            productBox.load(BaseURL + "AJAX/NavRollOver.aspx?WBNavigationID=" + wbnavigationid);
        }
    }, function () {
    });

    $('.partsImages > div:first-child').addClass('first');
    $('.clothingImages > div:first-child').addClass('first');
});
//end main nav

function showNav(root, lastnavid)
{
    

//    if ($(root).children('.popOut').style.display != "block") {
//        this.timeOut = setTimeout(function () {
//            $(root).children('.popOut')
//        }, 400);
//    }

    $(root).children('a').addClass("active");
    $(root).children('.popOut').each(function (index, element) {

        if (element.style.display != "block") {
            $(root).children('.popOut').fadeIn(300);

            wbnavigationid2 = $(root).children('a.Nav').attr("wbnavigationid2");

            if (wbnavigationid2 == 'Parts') {
                $('ul.mainnav').find('div.seriesarea').hide();
                $('ul.mainnav').find('div.productBox').hide();
                $('ul.mainnav').find('div.clothingImages').hide();
                $('ul.mainnav').find('div.partsImages').show();
            }
            else if (wbnavigationid2 == 'Clothing') {
                $('ul.mainnav').find('div.seriesarea').hide();
                $('ul.mainnav').find('div.productBox').hide();
                $('ul.mainnav').find('div.partsImages').hide();
                $('ul.mainnav').find('div.clothingImages').show();
            }
            else {
                $('ul.mainnav').find('div.partsImages').hide();
                $('ul.mainnav').find('div.clothingImages').hide();
                $('ul.mainnav').find('div.productBox').show();
                $('ul.mainnav').find('div.seriesarea').show();

                if (lastnavid != wbnavigationid2 || lastnavid == 0) {

                    var TopProduct = $(this).find("div.series:first-child div.divProducts:nth-child(1) a.productLink");
                    var lastSeries = $(this).find('div.products');
                    var TopSeries = $(this).find("div.series:first-child div.series2:nth-child(1) div.products");
                    $(this).find('a.series').css("background", "none");
                    $(this).find("div.series:first-child div.series2:nth-child(1) a.series").css("background", "#F1F1F2");

                    lastSeries.hide();
                    TopSeries.show();

                    if (TopProduct.length > 0) {
                        var wbnavigationid = TopProduct.attr("wbnavigationid");
                        TopProduct.css("background", "#F1F1F2");
                        var productBox = $(this).find(".productBox");
                        productBox.load(BaseURL + "AJAX/NavRollOver.aspx?WBNavigationID=" + wbnavigationid);
                    }
                }
            }
        }
    });

}

function showMiniNav(root, lastmininavid) {
    $(root).addClass("active");
    $(root).children('.miniPopOut').each(function (index, element) {

            element.style.display = "block";

            $('ul.mininav').find('div.seriesarea').show();
            
            var TopProduct = $(this).find("div.series:first-child div.divProducts:nth-child(1) a.productLink");
            var lastSeries = $(this).find('div.products');
            var TopSeries = $(this).find("div.series:first-child div.series2:nth-child(1) div.products");
            $(this).find('a.series').css("background", "none"); ;
            $(this).find("div.series:first-child div.series2:nth-child(1) a.series").css("background", "#F1F1F2");

            lastSeries.hide();
            TopSeries.show();
    });

    }

//active states code
$(document).ready(function () {
    var currLoc = document.location.toString();
    if (currLoc.indexOf("Single-Nav") != -1) {
        currLoc = currLoc.substring(currLoc.indexOf("/Single-Nav/")).replace("/Single-Nav/", "").replace(".aspx", "");

        if (currLoc.indexOf("/") != -1) { currLoc = currLoc.substring(0, currLoc.indexOf("/")); }

        if (currLoc == "Inside-Felt") { $('.miniMenu ul li').children('a.insideFeltLink').addClass("activePage"); }
        else if (currLoc == "Teams") { $('.miniMenu ul li').children('a.teamsLink').addClass("activePage"); }
    }
    else if (currLoc.indexOf("/CustomFrame") != -1) {
        $('.mainnav li').children('a[wbnavigationid2 *= "Custom Paint"]').addClass('activePage');
    }
    else {
        currLoc = currLoc.substring(currLoc.indexOf("/2012/")).replace("/2012/", "");
        currLoc = currLoc.substring(0, currLoc.indexOf("/"));
        //take care of weird extra characters:
        currLoc = currLoc.toLowerCase().replace("-", "").replace("/", "").replace(" ", "");

        //find parent in navigation to add active state
        $('.mainnav li').each(function () {
            var navID = $(this).children('a').attr('wbnavigationid2').toLowerCase().replace("-", "").replace("/", "").replace(" ", "");
            if (navID == currLoc) { $(this).children('a').addClass('activePage'); }
        });
    }
});