var defauilt = 'b01';
var current = defauilt;
var zindex;

jQuery(function() {
    $('div#mainvisual ul.images li').each(function() {
        if (!$(this).hasClass(defauilt)) {
            $(this).css('opacity', 0);
            zindex = $(this).css('z-index') + 1;
        }
    })
    $('div#mainvisual ul.buttons li').each(function() {
        $('span', this).append('<span class="on"></span>');
        if (!$(this).hasClass(defauilt)) {
            $('span.on', this).css('opacity', 0);
        }
    }).mouseover(function() {
        var btn_class = $(this).attr('class');
        var old_class = current;
        current = btn_class;
        zindex++;
        if ($('span.on', this).css('opacity') != 1) {
            $('span.on', this).animate({
                opacity: 1
            });
            $('div#mainvisual ul.images li.' + btn_class).css('z-index', zindex).stop().animate({
                opacity: 1
            });
            $('div#mainvisual ul.images li.' + btn_class).queue(function() {
                $('div#mainvisual ul.images li.' + old_class).css('opacity', 0);
                $(this).dequeue();
            });
            $('div#mainvisual ul.buttons li').not('.' + btn_class).each(function() {
                var btn_class = $(this).attr('class');
                $('span.on', this).stop().animate({
                    opacity: 0
                });
            });
        }
    });
});