var windowsWidth = 0;

$(window).ready(function () {
    //Capture current windows width
    windowsWidth = $(window).width();

    // IE Behavior Header
    var windowNavigatorUserAgent = window.navigator.userAgent;
    var windowNavigatorUserAgentIndex = windowNavigatorUserAgent.indexOf("MSIE ");
    var logoutButtonContainerDiv = $("#logout-button-container");
    var contactUsContainerDiv = $("#contactUs-container");
    
    if (windowNavigatorUserAgentIndex > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))  // If Internet Explorer, return version number
    {        
        contactUsContainerDiv.css("display", "inline-flex");
        logoutButtonContainerDiv.css("margin-top", "21px");
    }

    // Edge Behavior
    if (windowNavigatorUserAgent.indexOf('Edge') > -1 )  // If EDGE
    {
        logoutButtonContainerDiv.css("margin-top", "21px");

    }

    // IPad Behavior Header
    if (navigator.platform === "iPad") {
        $('body').addClass('cursor-pointer-ipad').css('cursor', 'pointer');
        logoutButtonContainerDiv.css("margin-top", "21px");
    }

    //Header Size Logic
    SetHeaderHiddenSize();

    //User menu responsive height logic
    SetUserMenuResponsiveHiddenSize();
});

//Search Logic
function HeaderDisplaySerch(isVisible) {
    var searchContainerDiv = document.getElementById("header-v6-search-container");
    var bodyContainerDiv = document.getElementById("body");
    var contactUsContainerDiv = document.getElementById("contactUs-container");

    if (isVisible) {
        document.getElementById("searchBoxV2").value = "";
        document.getElementById("searchBoxV2").placeholder = "Search";
        searchContainerDiv.style.display = "block";
        $("#header-hidden").addClass('js-search-on');

        $('#search-button-responsive').removeClass('background-primary-color');
        $('#search-button-responsive').addClass('background-secondary-color');
    }
    else {
        searchContainerDiv.style.display = "none";
        $("#header-hidden").removeClass('js-search-on');

        $('#search-button-responsive').removeClass('background-secondary-color');
        $('#search-button-responsive').addClass('background-primary-color');

        DisplayLogoutButton();
    }
    SetHeaderHiddenSize();
    document.getElementById("searchBoxV2").focus();
}

//Search Functionality
function SearchValue() {
    if (event.keyCode == 13) {
        window.location = '/Search?searchTerm=' + $('#searchBoxV2').val();
    }
}

//Header Size Logic
$(window).resize(function () {
    var currentWindowsWidth = $(window).width();
    if (windowsWidth != currentWindowsWidth) {
        SetHeaderHiddenSize();
        SetUserMenuResponsiveHiddenSize();
        calculateMarginToNavResponsiveMode();
        cleanMenu();
        windowsWidth = currentWindowsWidth;
    }
});

//Recover The Current Size of Header
function SetHeaderHiddenSize() {
    var header = document.getElementById("header");
    var headerHidden = document.getElementById("header-hidden");
    headerHidden.style.height = header.clientHeight + "px";
}

//Recover The Current Size of User Menu Responsive
function SetUserMenuResponsiveHiddenSize() {
    var userMenuResponsive = document.getElementById("user-menu-responsive");
    var userMenuResponsiveHidden = document.getElementById("user-menu-responsive-hidden");
    var header = document.getElementById("header");
    userMenuResponsiveHidden.style.height = userMenuResponsive.clientHeight + "px";
    userMenuResponsive.style.position = "fixed";
    userMenuResponsive.style.top = header.clientHeight + "px";
    userMenuResponsive.style.width = "100%";
    userMenuResponsive.style.zIndex = "100";
}

// Contact Us Logic
function ContactUs() {
    window.location.href = "mailto:devone@niceincontact.com";
}

//Contact Us events for set background color
$("#iconContactUs").mouseover(function () {
    SetBackgroundColorContactUsButton();
})

$("#iconContactUs").mouseout(function () {
    SetBackgroundColorContactUsButton();
})

$("#buttonContactUs").mouseover(function () {
    SetBackgroundColorContactUsButton();
})

$("#buttonContactUs").mouseout(function () {
    SetBackgroundColorContactUsButton();
})

//Logic for background color of the contact us button
function SetBackgroundColorContactUsButton() {
    var buttonContactUs = document.getElementById("buttonContactUs");
    if (buttonContactUs.classList.contains('background-primary-color')) {
        buttonContactUs.classList.remove('background-primary-color');
        buttonContactUs.classList.add('background-primary-dark-color');
    }
    else if (buttonContactUs.classList.contains('background-primary-dark-color')) {
        buttonContactUs.classList.remove('background-primary-dark-color');
        buttonContactUs.classList.add('background-primary-color');
    }
}

//Logic for restart responsive menu at the moment to use search
$("#search-button-responsive").on('click', function () {
    cleanMenu(true);
});


//Logic to hidden user menu responsive
var controlClickOutUserMenuResponsive = false;

$(window).click(function () {
    CleanOnClick();
});

function CleanOnClick() {
    if (!controlClickOutUserMenuResponsive) {
        cleanMenu();
    }
    controlClickOutUserMenuResponsive = false;
}

$('#custom-navbar').click(function (event) {
    ControlClickOutUserMenuResponsiveTrue();
});

$('#user-button-responsive').click(function (event) {
    ControlClickOutUserMenuResponsiveTrue();
});

$('#search-button-responsive').click(function (event) {
    ControlClickOutUserMenuResponsiveTrue();
});

$('#user-menu-responsive').click(function (event) {
    ControlClickOutUserMenuResponsiveTrue();
});

$('#nav-v6').click(function (event) {
    ControlClickOutUserMenuResponsiveTrue();
});

$('#header-v6-search-container').click(function (event) {
    ControlClickOutUserMenuResponsiveTrue();
});

$('#user-logout-container').click(function (event) {
    ControlClickOutUserMenuResponsiveTrue();
});

function ControlClickOutUserMenuResponsiveTrue() {
    controlClickOutUserMenuResponsive = true;
}

//Logic to display logout button
function DisplayLogoutButton(isClick) {
    var buttonContactUs = document.getElementById("logout-button-container");
    if (buttonContactUs != null) {

        if (isClick) {
            if (buttonContactUs.style.visibility === "visible") {
                buttonContactUs.style.visibility = "hidden";
            }
            else {
                buttonContactUs.style.visibility = "visible";
            }
        }
        else {
            buttonContactUs.style.visibility = "hidden";
        }
    }
}

//Logic to hidden menu using devices
$('body').on({
    'touchmode': function (e) {
        CleanOnClick();
    }
});

//Logic to made click on logout button
$('#logout-button-container').click(function (event) {
    document.getElementById("logout-link").click()
});