//navigation menu
$(document).ready(function () {
    //Navigation
    $("#about .dropdown").hide();
    $("#red-products .dropdown").hide();
    $("#portfolio .dropdown").hide();
    $("#sectors .dropdown").hide();
    $('#latest-news .dropdown').hide();

    $('#about').hover(function () {
        $('#about .dropdown').toggle();
        $(this).toggleClass('active');
    });

    $('#red-products').hover(function () {
        $('#red-products .dropdown').toggle();
        $(this).toggleClass('active');
    });

    $('#portfolio').hover(function () {
        $('#portfolio .dropdown').toggle();
        $(this).toggleClass('active');
    });

    $('#sectors').hover(function () {
        $('#sectors .dropdown').toggle();
        $(this).toggleClass('active');
    });

    $('#latest-news').hover(function () {
        $('#latest-news .dropdown').toggle();
        $(this).toggleClass('active');
    });


    $("#footer #project1").hide();
    $("#footer #project2").hide();
    $("#footer #project3").hide();
    $('#footer #project4').hide();

    $('#footer .one').hover(function () {
        $('#footer #project1').toggle();
    });

    $('#footer .two').hover(function () {
        $('#footer #project2').toggle();
    });

    $('#footer .three').hover(function () {
        $('#footer #project3').toggle();
    });

    $('#footer .four').hover(function () {
        $('#footer #project4').toggle();
    });

    $('#item-wrapper1').hover(function () {
        $(this).toggleClass('active-wrapper');
    });

    $('#item-wrapper2').hover(function () {
        $(this).toggleClass('active-wrapper');
    });

    $('#item-wrapper3').hover(function () {
        $(this).toggleClass('active-wrapper');
    });

    $('#item-wrapper4').hover(function () {
        $(this).toggleClass('active-wrapper');
    });

    $('#item-wrapper5').hover(function () {
        $(this).toggleClass('active-wrapper');
    });

    $('#item-wrapper6').hover(function () {
        $(this).toggleClass('active-wrapper');
    });
    $('#item-wrapper7').hover(function () {
        $(this).toggleClass('active-wrapper');
    });

    $('#item-wrapper8').hover(function () {
        $(this).toggleClass('active-wrapper');
    });
    $('#item-wrapper9').hover(function () {
        $(this).toggleClass('active-wrapper');
    });
    $('#item-wrapper10').hover(function () {
        $(this).toggleClass('active-wrapper');
    });
});