$(document).ready(function() {
	$("#banner_1").css('display', 'block');
	$("#open_1").css('color', 'red');
	
	var first_banner = $(".banner:first").html();
	var last_banner = $(".banner:last").html();
	$("#rbanner_slider").append('<div class="banner" id="banner_last">' + first_banner + '</div>');
	$("#rbanner_slider").prepend('<div class="banner" id="banner_last">' + last_banner + '</div>').css("top", "-" + offset + "px");
	$("#rbanner_nav a").click(function() {
		if (!transitioning)
		{
			transitioning = true;
			
			clearInterval(interval_id);
			clearTimeout(timeout_id);
			
			var dir = $(this).attr('id');
			if (dir == 'rbanner_nav_next')
			{
				var load = parseInt(showing) + 1;
				showing = load;
				LoadBanner(load);
			}
			else
			{
				var load = parseInt(showing) - 1;
				showing = load;
				LoadBanner(load);
			}
			
			timeout_id = setTimeout( function() {
				StartRotating()
			}, rotate_click_delay);
		}
		else
		{
			LoadBannerNow(showing);
		}
	});
	
	StartRotating();
});

function LoadBanner(id)
{
	var multi = parseInt(id);
	var view = offset * multi * -1;
	$("#rbanner_slider").animate({top : view + "px"}, 500, function() {
		if (showing > num_banners)
		{
			showing = 1;
			var swap_offset = offset * -1;
			$("#rbanner_slider").css('top', swap_offset + 'px');
		}
		else if (showing <= 0)
		{
			showing = num_banners;
			var swap_offset = offset * num_banners * -1;
			$("#rbanner_slider").css('top', swap_offset + 'px');
		}
		transitioning = false;
	});
}

function LoadBannerNow(id)
{
	$("#rbanner_slider").stop();
	transitioning = false;
	if (showing > num_banners)
	{
		showing = 1;
		var swap_offset = offset * -1;
		$("#rbanner_slider").css('top', swap_offset + 'px');
	}
	else if (showing <= 0)
	{
		showing = num_banners;
		var swap_offset = offset * num_banners * -1;
		$("#rbanner_slider").css('top', swap_offset + 'px');
	}
	else
	{
		var multi = parseInt(id);
		var view = offset * multi * -1;
		$("#rbanner_slider").css('top', view + 'px');
	}
}

function RotateBanner()
{
	var next = parseInt(showing) + 1;
	showing = next;
	
	LoadBanner(next);
}

function SetRotateInterval(time)
{
	if (!jQuery.trim(time))
		time = rotate_time;
	
	var id = setInterval( function() {
		RotateBanner()
	}, time);
	
	return id;
}

function StartRotating(time)
{
	interval_id = SetRotateInterval(time);
}