var jBL;

$(function () {
	jBL = $('#banner_list');
	
	var jParentBannerList = $('div.banner_list');
	if ($('div.banner', jBL).length > 3) {
		$('a.arrow_left', jParentBannerList).click(moveLeft);
		$('a.arrow_right', jParentBannerList).click(moveRight);
	}
	var iCountBanner = $('div.banner', jBL).length;
	$('div.banner', jBL).css('margin-left', '-200px');
	scrollLeft($('div.banner:last', jBL), 3000 / iCountBanner);
})

function scrollLeft(jLast, time) {
	$(jLast)
		.animate({'marginLeft': '0px'}, time, 'linear', function() {
			if ($(jLast).prev('div.banner').length > 0) {
				scrollLeft($(jLast).prev('div.banner'), time);
			}
		});
}

var countClick = 0;

function moveLeft() {
	countClick++;
	if (countClick != 1) return false;
	
	var htmlFirstBanner = $('div.banner:first', jBL).html();
	$(jBL).append('<div class="banner">' + htmlFirstBanner + '</div>');
	$('div.banner:first', jBL)
		.animate({'marginLeft': '-200px'}, 'slow', 'linear', function() {
			$('div.banner:first', jBL).remove();
			countClick = 0;
		});
	return false;
}

function moveRight() {
	countClick++;
	if (countClick != 1) return false;
	
	var htmlLastBanner = $('div.banner:last', jBL).html();
	$(jBL).prepend('<div class="banner" style="margin-left:-245px;">' + htmlLastBanner + '</div>');
	$('div.banner:first', jBL)
		.animate({'marginLeft': '0px'}, 'slow', 'linear', function() {
			$('div.banner:last', jBL).remove();
			countClick = 0;
		});
	return false;
}