var placeLogo = function () {
	$('#logo_box').attr({style: 'left:' + $('#container').offset().left + 'px'});
}

var MainMenu = function () {
    var o = {
        params: {
            classNames: ['mm1', 'mm2', 'mm3', 'mm4', 'mm5', 'mm6', 'mm7', 'mm8', 'mm20'],
            fadeSpeed: ($.browser.safari ? 600 : 300)
        },
        init: function () {
            for (key in this.params.classNames) {
                $('.' + o.params.classNames[key]).prepend('<span class="menu_arrow"></span>');
                $('.' + o.params.classNames[key] + ' a').append('<span class="hover"></span><span class="menu_text"></span>');
                var str2 = '.' + o.params.classNames[key] + ' .hover';
                $(str2).css({
                    opacity: 0
                });

                $('.' + o.params.classNames[key] + ' a .menu_overlay').mouseover(function () {
                    var cName = $($($(this).context.parentNode).context.parentNode).attr('class');
                    var arrow = '.' + cName + ' .menu_arrow';
                    var amenu = '.' + cName + ' .hover';
                    $(arrow).css({
                        'background-position': '50% 25px'
                    });
                    $(arrow).stop(true).stopTime();
                    $(arrow).animate({
                        backgroundPosition: '50% 5px'
                    }, 200).animate({
                        marginTop: '5px'
                    }, 200, "linear", function () {
                        $(arrow).everyTime(10, function () {
                            $(arrow).animate({
                                marginTop: '15px'
                            }, 250, 'linear').animate({
                                marginTop: '5px'
                            }, 250, 'easeInOutBack');
                        });
                    });
                    $(amenu).stop().animate({
                        'opacity': 1
                    }, 200);
                });
                $('.' + o.params.classNames[key] + ' a .menu_overlay').mouseout(function () {
                    var cName = $($($(this).context.parentNode).context.parentNode).attr('class');
                    var arrow = '.' + cName + ' .menu_arrow';
                    var amenu = '.' + cName + ' .hover';
                    $(arrow).stop(true).stopTime();
                    $(arrow).animate({
                        marginTop: '0px'
                    }, 200).animate({
                        backgroundPosition: '50% 32px'
                    }, 200, "linear");
                    $(amenu).stop().animate({
                        'opacity': 0
                    }, 200);
                });
            }
        }
    };
    o.init.apply(o);
}

$(document).ready(function () {
	placeLogo();
	new MainMenu();
});

$(window).resize(function() {
	placeLogo();
});