/**
 * index.js 
 */
var timer = 5000;
var duration = 1000;
var $wrap;
var $slide;
var $nav;
var timerID;

$(function(){
	$('#topPlanList li h3').autoHeight({column:2});
	$('#topPlanList li .text').autoHeight({column:2});

	//slide
	$('#slideArea').append('<ul id="slideNav"></ul>');
	$wrap = $('#slideArea');
	$slide = $wrap.find('#slide');
	$nav = $wrap.find('#slideNav');
	timerID;

	$slide.find('li').each(function(){
		var title = $(this).find('img:first').attr('alt');
		$nav.append('<li><a href="javascript:void(0);">'+title+'</a></li>');
	});
	
	$slide.find('li:first').addClass('current').show();
	$nav.find('li:first').addClass('current');
	$nav.find('li:last').addClass('last');

	$nav.find('li').live('click', function(){
		if( !$(this).is('.current') ){
			var index = $nav.find('li').index(this);
			slide(index);
		}
	});

	timerID = setTimeout('slide()', timer);

});

//function slide
function slide(num){
	clearTimeout(timerID);
	if( isNaN(num) ){
		var index = $nav.find('li').index($nav.find('li.current'));
		if( $nav.find('li.current').is('.last') ) var next_num = 0;
		else var next_num = index+1;
	}
	else{
		var next_num = num;
	}
	$slide.find('li').fadeOut(duration);
	$nav.find('li').removeClass('current');
	$slide.find('li').removeClass('current');
	$nav.find('li').eq(next_num).addClass('current');
	$slide.find('li').eq(next_num).addClass('current');
	$slide.find('li.current').fadeIn(duration);
	timerID = setTimeout('slide()', timer);
}