var xb_count = 0;
var xb_current = 0;
var xb_tmp = 0;
var xb_width = 580;
var xb_duration = 5000;
var xb_goto = false;

$(document).ready(function() {
	xb_count = $('.x_banner .img').children().size() -1;
	
	$('.x_banner .img').find('.slide').each(function(i) {
		xb_tmp = ((i - 1) * xb_width) - ((xb_current - 1) * xb_width);
		$(this).animate({"left": xb_tmp+"px"}, 500);
	});

	var xb_intInterval = setInterval(xb_fnLoop, xb_duration);
	
	$('.x_banner .nav a').click(function() {
		clearInterval(xb_intInterval);
		xb_goto = $(this).attr('rel');
		xb_fnLoop();
		return false;
	});
});

function xb_fnLoop() {
	if (!xb_goto) {
		xb_current == xb_count ? xb_current = 0 : xb_current++;
	} else {
		xb_current = xb_goto;
	}
	
	$('.x_banner .img').find('.slide').each(function(i) {
		xb_tmp = ((i - 1) * xb_width) - ((xb_current - 1) * xb_width);
		$(this).animate({"left": xb_tmp+"px"}, 500);
		
		/*var left = parseInt($(this).css('left'));
		$(this).animate({"left": (left - xb_width) + "px"}, 500);*/
	});
	
	$('.x_banner .nav a').removeClass('sel');
	$('.x_banner .nav a[rel="' + xb_current + '"]').addClass('sel');
}