// Home Hover Menu

$(document).ready(function () {

    var numOfSlides = $('.jnav ul li a').length;
    var slideWidth = 670;
    var innerWidth = slideWidth * numOfSlides;
    $('#slideInner').css({ 'width': innerWidth, 'position': 'absolute', 'left': '0px' });

    $('.jnav ul li a:first').addClass('active');

    $('.jnav ul li a').mouseenter(function () {

        var curID = $(this).attr('id');

        var prevID = parseInt(curID.replace('slide', '')) - 1;
        var onHover = slideWidth * prevID;

        $('#slideInner').css({ 'left': (onHover * -1) });

        $('.jnav ul li a').removeClass('active');
        $(this).addClass('active');

    });

    setInterval(function () {
        var leftVal = parseInt($('#slideInner').css('left'));

        if (leftVal != ((innerWidth - slideWidth) * -1)) {
            $('#slideInner').css({ 'left': (leftVal - slideWidth) });
            $('.jnav ul li a.active').removeClass('active').parent('li').next().children('a').addClass('active');
        }
        else {
            $('#slideInner').css({ 'left': 0 });
            $('.jnav ul li a').removeClass('active');
            $('.jnav ul li a:first').addClass('active');
        }

    }, 6000)

});