$(function() {
	var cache = [];
	  // Arguments are image paths relative to the current page.
	  $.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
		  var cacheImage = document.createElement('img');
		  cacheImage.src = arguments[i];
		  cache.push(cacheImage);
		}
	  }
	/*$("div.scrollable")
	.scrollable({ size: 1 })
	.navigator({
	navi: 'ul.bannernav',
	activeClass: 'on'
	});*/
	
	// Preload images
	jQuery.preLoadImages("/images/bg-homepage-panel-red-top.jpg"
						, "/images/bg-homepage-panel-blue-top.jpg"
						, "/images/bg-homepage-panel-black-top.jpg"
						, "/images/bg-homepage-panel-red-texture.jpg"
						, "/images/bg-homepage-panel-blue-texture.jpg"
						, "/images/bg-homepage-panel-black-texture.jpg"
						, "/images/bg-homepage-panel-black-bottom.png"
						, "/images/bg-homepage-panel-blue-bottom.png"
						, "/images/bg-homepage-panel-red-bottom.png"
						, "/images/bg-homepage-panel-black-image.png"
						, "/images/bg-homepage-panel-blue-image.png"
						, "/images/bg-homepage-panel-red-image.png");
	$('.leftcopy').each(function(index) {
		var image = $(this).attr('rel');
		jQuery.preLoadImages(image);
	});
	
	$("div.scrollable")
	.scrollable({ size: 1, loop: true, onSeek: function(event, index) {
		var rel = $(this.getItems()[index]).attr('rel');
		
		switch (index) {
		case 0:
		SetWrapper('blue', rel, 251);
		break;
		case 1:
		SetWrapper('red', rel, 248);
		break;
		case 2:
		SetWrapper('black', rel, 251);
		break;
		}
	}
	})
	.autoscroll()
	.navigator({
		navi: 'ul.bannernav',
		activeClass: 'on'
	});
});
function SetWrapper(colour, image, px) {
	$('div.banner').attr('class', 'banner ' + colour).fadeIn();
	$('.banner .image').css('background', 'url("'+image+'") no-repeat scroll '+px+'px 0 transparent');
};