var total = 0;
var current = 1;
var box = "#jqb-cntr";
var banner = "#jqb-banner-cntr";
var timer;
var currentUrl;

// General on page load functionality
$(document).ready(function(){
});


// Animate arrows
function showArrows() {

	if ($.browser.msie) {
		$("#jqb-banner-cntr #jqb-left").css("opacity", 1);
		$("#jqb-banner-cntr #jqb-right").css("opacity", 1);
	}
	else {
		$("#jqb-banner-cntr #jqb-left").stop().animate({ opacity:  1 }, 500);
		$("#jqb-banner-cntr #jqb-right").stop().animate({ opacity:  1 }, 500);
	}
}

// Hide Arrows
function hideArrows() {

	if ($.browser.msie) {
		$("#jqb-banner-cntr #jqb-left").css("opacity", 0);
		$("#jqb-banner-cntr #jqb-right").css("opacity", 0);
	}
	else {
		$("#jqb-banner-cntr #jqb-left").stop().animate({ opacity:  0 }, 300);
		$("#jqb-banner-cntr #jqb-right").stop().animate({ opacity:  0 }, 300);
	}}

// Lauch banner
function jqb(items, delay)  {

	total = items;
	current = 0;

	timer = setInterval( function() { rotateBanner(); }, delay);

	rotateBanner();

	// Create general events
	$(banner).mouseover(function() { clearInterval(timer); showArrows(); });
	$(banner).mouseout(function() { timer = setInterval( function() { rotateBanner(); }, delay); hideArrows();});

	// Prepare arrows
	$("#jqb-banner-cntr #jqb-left").show().css('opacity',0);
	$("#jqb-banner-cntr #jqb-right").show().css('opacity',0);


	// Cycle banner with arrows
	$("#jqb-banner-cntr #jqb-left").click(function() {
		current-=2;
		rotateBanner();
		return false;
	});

	$("#jqb-banner-cntr #jqb-right").click(function() {
		rotateBanner();
		return false;
	});


	// Goto item
	$(banner).click(function() {
		window.location = currentUrl;
	});

	// If click on selectors, goto banner
	$(banner+" .overlay-text ul li").click(function(e) {

		rotateBanner(parseId(this.id));
		return false;
	});

}

function parseId(id) {

	//alert(id);
	return id.substr(id.lastIndexOf("-")+1);

}

// Show next item
function rotateBanner(toggle) {

	$("#jqb-banner-cntr").append("<div class='jqb-load'></div>");

	if (!toggle) current++;
	else current = toggle;

	if (current > total) current = 1;
	if (current < 1) current = total ;

	// Get areas
	var currentImg = box+" #jqb-"+current;
	var titleArea = banner+" .overlay-text h2";
	var introArea = banner+" .overlay-text .read-more .rm-text";
	var targetArea = banner+" .overlay-text .read-more .rm-link";

	//Get new text to put in areas
	var href = 			$("#jqb-"+current).attr('href');
	var titleText = 	$("#jqb-"+current).attr('title');
	var introText = 	$("#jqb-"+current+ " .intro").text();
	var targetText = 	$("#jqb-"+current+ " .url").text();
	currentUrl = 		targetText;

	// Load Image
	var img = new Image();
	$(img).load(function () {

		// Show next Box
		var image = $("img",box);
		$(image).fadeTo(600, 0, function() { $(this).remove(); });
		$(box).append(img);
		$(this).css('display','none');
		$(this).fadeIn(1000);

		// Update text
		$(titleArea).text(titleText);
		//$(introArea).text(introText);
		$(targetArea).attr('href', targetText);

		// Call cufon
		Cufon.replace('.overlay-text h2', { textShadow: '#222 0px 1px'});
		Cufon.replace('.overlay-text .read-more h3', {textShadow: '#111 1px 1px'});

		// Update selectors
		$(banner+" #selectors").children(".current").removeClass("current");

		var selector = banner+" #selectors #jqb-s-"+current;
		$(selector).addClass("current");

		// REmove loader
		$(".jqb-load").remove();

	}).error(function () {
	}).attr('src', href);

	// Move on to next banner


}