var maxbagno = {


    init: function() {
    markMenu('nav-differential');
        $('div#content div#sidebar dl#section-nav dd a').eq(2).mouseover();
        this.visualization();

        $('div.others-differentials ul li').neoHighlight({ duration: 400, hoverButton: "true" });
    },


    visualization: function() {
        var rel = ['a', 'b', 'c', 'd', 'e', 'f'];
        var id = '#visualization';
        var holder = id + ' .holder';

        $('#visualization ol li').eq(0).css('padding-top', '0');

        $('#visualization li').each(function(i) {

            var bg = $(this).css('background-image');

            $('<span class="marker-' + rel[i] + '">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>').appendTo(holder);
            $('<span class="marker-' + rel[i] + '-hover">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>').appendTo(holder);
            $(holder + ' .marker-' + rel[i] + '-hover').fadeTo(0, 0);

            $(this).prepend('<span class="marker">&nbsp;</span><span class="marker-hover">&nbsp;</span>');
            $('.marker-hover', this).fadeTo(0, 0);

            $(this).css('background-image', 'none');
            $('span', this).css('background-image', bg);

            $(holder + ' .marker-' + rel[i] + '-hover').hover(function() {
                $(this).animate({ opacity: 1 }, { queue: false, duration: 200 });
                $('#visualization li .marker-hover').eq(i).animate({ opacity: 1 }, { queue: false, duration: 200 });
            }, function() {
                $(this).animate({ opacity: 0 }, { queue: false, duration: 200 });
                $('#visualization li .marker-hover').eq(i).animate({ opacity: 0 }, { queue: false, duration: 200 });
            });

            $(this).hover(function() {
                $('.marker-hover', this).animate({ opacity: 1 }, { queue: false, duration: 200 });
                $(holder + ' .marker-' + rel[i] + '-hover').animate({ opacity: 1 }, { queue: false, duration: 200 });

            }, function() {
                $('.marker-hover', this).animate({ opacity: 0 }, { queue: false, duration: 200 });
                $(holder + ' .marker-' + rel[i] + '-hover').animate({ opacity: 0 }, { queue: false, duration: 200 });

            });
        });

        //IE :(
        //DD_belatedPNG.fix('.holder span');
        $('#visualization ol li:last-child').css('margin-bottom', '0');






    }



};