var BannerTop = (function(){
	return {
		change: function()
		{
	    var $active = $('ul.img-wrap li.img-current');
	    if ( $active.length == 0 ) $active = $('ul.img-wrap li:last');
	    var $next =  $active.next().length ? $active.next() : $('ul.img-wrap li:first');
			$active.addClass('last-active');

	    $next.css({opacity: 0.0})
	        .addClass('img-current')
	        .animate({opacity: 1.0}, 1000, function() {
	            $active.removeClass('img-current last-active');
	        });
			BannerTop.timer();
		},
		timer: function()
		{
			setTimeout(BannerTop.change,4000);
		}
	}
})();

function start_top()
{
	$(function(){
		$('div#banner-top .img-wrap').css('display', 'block');
		BannerTop.timer();
	});
}