/* Mainpage javscript */

/* Variables for fading banner */
var imageArray = new Array();
var linkArray = new Array();
var imagePath;

imageArray[0] = "SponsorBox/case.png";
imageArray[1] = "SponsorBox/Tendence.png";
imageArray[2] = "SponsorBox/Oakley.png";
imageArray[3] = "SponsorBox/Planb.png";
imageArray[4] = "SponsorBox/AUtofocus.png";
imageArray[5] = "SponsorBox/Pinarello.png";
imageArray[6] = "SponsorBox/Velo.png";
imageArray[7] = "SponsorBox/Jbt.png";

linkArray[0] = "http://www.casece.com";
linkArray[1] = "http://www.tendence-nolimits.com";
linkArray[2] = "http://www.oakley.com";
linkArray[3] = "http://planb.cloudnice.net.nz";
linkArray[4] = "http://www.autofocusstore.com.au";
linkArray[5] = "http://www.pinarello.com/eng/index_eng.php";
linkArray[6] = "http://www.velo.net.au";
linkArray[7] = "http://www.jbt.com.tw";

$("#Sponsors div.SponsorImage").find("img").css("opacity", "0");
$("#currentImage").val("0");

function loadImageBanner( image, placement, fadeSpeed ) {
	
	var img = new Image();
	
	$( img ).load(function () {
		$(this).hide();
		$(placement).append('<img src="' + img.src + '" style="display:none;" />');
		$(placement).find("img").fadeIn(fadeSpeed);
	}).error(function () {	// notify the user that the image could not be loaded
	}).attr('src', image);
	
}

/* Fade the banner images through a list provided by the imageArray */
function changeImage() {
		
		var currentImage = $("#currentImage").val();
		
		//$("#Sponsors .SponsorImage").css("background-image", "url(" +  imagePath + imageArray[currentImage] + ")");
		
		if ( currentImage == ( imageArray.length - 1 )) {
			currentImage = 0;
			$("#currentImage").val("0");
		} else {
			currentImage++;
			$("#currentImage").val(currentImage);
		}
		
		$("#Sponsors .SponsorImage").find("img").fadeOut(function() {
			$("#Sponsors .SponsorImage").find("img").remove();
			loadImageBanner( imagePath + imageArray[currentImage], "#Sponsors .SponsorImage td a" );
			setTimeout( function() { changeImage(); }, 7000 );
		});
		
		$("#Sponsors .SponsorImage").find("a").attr("href", linkArray[currentImage] );
		
}

function setupTwitter() {
	var url = 'http://twitter.com/statuses/user_timeline/fabiancoulthard.json?callback=twitterCallback2&count=1';
	
	var script = document.createElement('script');
	script.setAttribute('src', url);
	document.body.appendChild(script);
}

function setupFooter() {
	$("#Footer").find("td").hover(function() {
		
		//var newSrc = $(this).children("img").attr("src");
		//newSrc = newSrc.slice( 0, newSrc.length - 4 ) + "-over.png";
		
		//$(this).children("img").attr("src", newSrc);

		$(this).find("img").fadeTo(500, 1);
		
	}, function() {
		
		//var newSrc = $(this).children("img").attr("src");
		//newSrc = newSrc.slice( 0, newSrc.length - 9 ) + ".png";
		
		//$(this).children("img").attr("src", newSrc);
		
		$(this).find("img").fadeTo(500, 0);
		
	});
}

function setupBannerControls() {
	$("table.ImageDisplay").find("a").click(function() {
		
		var imagePath = $("#WebImagePath").val();
		
		var leftImage = $("table.ImageDisplay td.LeftIcons").find("a.Active").attr("rel");
		var rightImage = $("table.ImageDisplay td.RightIcons").find("a.Active").attr("rel");
		
		var prevImage = imagePath + 'fader/banner_' + leftImage + rightImage + '.jpg';
		var newBg = 'url("' + prevImage + '")';
		
		$("table.ImageDisplay td.Middle").find("div").css('background-image', newBg);
		
		$(this).parent().find("a").removeClass("Active");
		$(this).addClass("Active");
		
		leftImage = $("table.ImageDisplay td.LeftIcons").find("a.Active").attr("rel");
		rightImage = $("table.ImageDisplay td.RightIcons").find("a.Active").attr("rel");
		
		var newImage = imagePath + 'fader/banner_' + leftImage + rightImage + '.jpg';
		
		$("table.ImageDisplay td.Middle").find("img").remove();
		loadImageBanner( newImage, "table.ImageDisplay td.Middle div", 1000 );
		
		return false;
				
	});
}

function setupSponsorRotator() {
	imagePath = $("#WebImagePath").val();
	
	// Start the image fading
	setTimeout( function() { changeImage(); }, 8000 );
}

function rotateBannerLoadImage() {
	
	var leftImage = $("table.ImageDisplay td.LeftIcons").find("a.Active").attr("rel");
	var rightImage = $("table.ImageDisplay td.RightIcons").find("a.Active").attr("rel");
	
	var prevImage = imagePath + 'fader/banner_' + leftImage + rightImage + '.jpg';
	var newBg = 'url("' + prevImage + '")';
	
	$("table.ImageDisplay td.Middle").find("div").css('background-image', newBg);
	
	var newLeftNum = Math.ceil( Math.random() * 6 );
	var newRightNum = Math.ceil( Math.random() * 6 );
	
	$("table.ImageDisplay").find("a").removeClass("Active");
	
	$("table.ImageDisplay td.LeftIcons").find("a[rel=" + newLeftNum + "]").addClass("Active");
	$("table.ImageDisplay td.RightIcons").find("a[rel=" + newRightNum + "]").addClass("Active");
	
	leftImage = $("table.ImageDisplay td.LeftIcons").find("a.Active").attr("rel");
	rightImage = $("table.ImageDisplay td.RightIcons").find("a.Active").attr("rel");
	
	var newImage = imagePath + 'fader/banner_' + leftImage + rightImage + '.jpg';
	
	$("table.ImageDisplay td.Middle").find("img").remove();
	loadImageBanner( newImage, "table.ImageDisplay td.Middle div", 2000 );
	
	setTimeout( function() { rotateBannerLoadImage(); }, 8000 );

}

function rotateBanner() {

	imagePath = $("#WebImagePath").val();
	
	setTimeout( function() { rotateBannerLoadImage(); }, 8000 );
	
}