var MI_FADE_DURATION = 200;
var MI_INTERVAL = 5000;
var mi_timer;
function setActiveMI(index) {
	var ul = $('#mainitem ul');
	var lis = ul.find('li');
	var imgs = ul.parent().children('img');
	var spans = $('#mi_title_back span');

	ul.removeClass().addClass('mi_active_' + index);

	lis.removeClass('mi_active');
	lis.eq(index).addClass('mi_active');

	imgs.filter(':visible').fadeOut(MI_FADE_DURATION);
	imgs.eq(index).fadeIn(MI_FADE_DURATION);

	spans.hide();
	spans.eq(index).show();
	
	$('#mi_title_date').html(lis.eq(index).attr('_itemdate'));
};

function iterateMI() {
	var current = $('#mainitem ul').attr('class').replace('mi_active_', '');
	var next = (parseInt(current) + 1) % 4;
	setActiveMI(next);
};

function startTimerMI() {
	mi_timer = window.setInterval(iterateMI, MI_INTERVAL);
};
function stopTimerMI() {
	window.clearInterval(mi_timer);
};

$(document).ready(function() {
    $('#mainitem li').each(function(index) {
        $(this).mouseenter(function() {
            stopTimerMI();
            if (!$(this).hasClass('mi_active')) {
                setActiveMI(index);
            };
        });
        $(this).mouseleave(function() {
            startTimerMI();
        });
    });
    $('#mi_title_back span').each(function(index) {
        $(this).mouseenter(function() {
            stopTimerMI();
        });
        $(this).mouseleave(function() {
            startTimerMI();
        });
    });
    startTimerMI();
});