/*global jQuery, $*/
$(document).ready(function () {
    function initBottomMenu() {
        if ($('#blackmenu > ul').length === 0) {
            return false;
        }

        /* here you can change a speed of fadeIn and fadeOut effect for bottom menu */
        var fadeInSpeed = 150;
        var fadeOutSpeed = 300;

        var animate = [];
        for (var i = 0; i < $('#blackmenu > ul > li').length; i += 1) {
            animate[i] = false;
        }

        $('#blackmenu > ul > li > div.link').hover(
		    function () {
		        if ($(this).parents('li').hasClass('active')) {
		            return false;
		        }

		        var index = $('#blackmenu > ul > li').index($(this).parents('li'));

		        if (!animate[index]) {
		            animate[index] = true;
		            $(this).parents('li').find('div.bg').fadeIn(fadeInSpeed, function () {
		                animate[index] = false;
		            });
		        }
		    },
		    function () {
		        if ($(this).parents('li').hasClass('active')) {
		            return false;
		        }

		        $(this).parents('li').find('div.bg').fadeOut(fadeOutSpeed);
		    }
        );
    }

    initBottomMenu();
});