//	Reset
$('#mainImg ul:eq(0)').css( {'position':'relative', 'width':520, 'height':230, 'overflow':'hidden', 'background-color':'#000', 'zoom':1} );
$('#mainImg li').css('position','absolute').not(':first').hide();

//	Option
var	PRE_cur = 0,
	cur = 0,
	IMG_list = $('#mainImgNav li').length,
	Timer;

//	Timer Action
function ac( i ){
	$('#mainImgNav li:eq('+ i +') span.li_click').click();
	cur++;
	if( cur === IMG_list ) cur = 0;
}

//	mouseover()
$('#mainImgNav li').each(function( i ){
	$(this).append('<span class="li_click"></span>');
	$('span.li_click',this).click(function(){
		cur = i;
		$('#mainImgNav li').removeClass('li_cur');
		$('#mainImgNav li:eq('+ i +')').addClass('li_cur');
		$('#mainImg li').hide();
		$('#mainImg li:eq('+ PRE_cur +')').css( {'display':'block', 'z-index':10} );
		$('#mainImg li:eq('+ i +')').css('z-index',11).fadeIn();
		PRE_cur = i;
		return false;
	});
	$(this).click(function(){
		$('span.li_click',this).click();
	});
});

$('#mainImg img, #mainBox ul:eq(0)').hover(function(){
	clearInterval(Timer);
    Timer = setInterval(function(){ ac( cur ); },7000);
});

/*
$('#mainImg img, #mainBox ul:eq(0)').hover(function(){
	clearInterval(Timer);
},function(){
	Timer = setInterval(function(){ ac( cur ); },4000);
});
*/

//	Timer Start
ac( cur );
Timer = setInterval(function(){ ac( cur ); },7000);