var currentActive = 2;
slides = new Array();
slides[0] = "images/banner/106x33_banner1.jpg";
slides[1] = "images/banner/106x33_banner2.jpg";
slides[2] = "images/banner/106x33_banner3.jpg";

function preloadImages() {
	one = new Image(); 
	one.src = "images/banner/106x33_banner1.jpg";
	two = new Image(); 
	two.src = "images/banner/106x33_banner2.jpg";
	three = new Image(); 
	three.src = "images/banner/106x33_banner3.jpg";
}

function kickOff() {
	$('#banner-carousel').cycle({ 
		fx:			'uncover', 
		easing: 	'swing',
		timeout: 	10000, 
		speed:  	1000,
		before: 	onAfter
	});
	
	$('#colour-panels').cycle({
    fx:     'scrollLeft', 
    timeout: 10000, 
    delay:  -5000 
	});
	
	function onAfter() {
		currentActive == 2 ? currentActive = 0 : currentActive++;
		document.getElementById('banner-thumb-img-1').src = getNext();
		document.getElementById('banner-thumb-img-2').src = getNextNext();
	}
	
	function getNext() {
		switch (currentActive) {
			case 0: return slides[1]; break;
			case 1:	return slides[2]; break;
			case 2:	return slides[0]; break;
		}
	}
	
	function getNextNext() {
		switch (currentActive) {
			case 0: return slides[2]; break;
			case 1:	return slides[0]; break;
			case 2:	return slides[1]; break;
		}
	}
}