$(document).ready(function() {
	
	var numRand = Math.floor(Math.random()*5)
	
    $('.banner').cycle({
		fx:     'scrollHorz', 
	    timeout: 5000, 
	    before:  onBefore, 
	    after:   onAfter,
	 	next:   '#banner-next',
	 	prev:   '#banner-prev',
		random: 0,
		startingSlide: numRand
	});
	
	$('#banner-next').html('<a href="#" id="banner-next"><img src="http://www.lukehughes.co.uk/img/icns/arrow.png" width="20" height="20" alt="Arrow" /></a>');
	$('#banner-prev').html('<a href="#" id="banner-prev"><img src="http://www.lukehughes.co.uk/img/icns/previous.png" width="20" height="20" alt="Arrow" /></a>');
	$('#banner-stop').html('<a href="#" id="banner-stop"><img src="http://www.lukehughes.co.uk/img/icns/stop.png" width="20" height="20" alt="Arrow" /></a>');
	$('#banner-stop').click(function() { 
	    $('.banner').cycle('pause'); 
	});
	
//Product Navigation Highlight Hack
	var foo = $("p#productCategoryName").html();

	$("ul#productNavigation li.productType a").each(function(){
		var bar = $(this).html();
		if (bar == foo) {
			$(this).css("color", "#D52525");
		};
	});

});

function onBefore() { 
    $('#output').html("Scrolling image:<br>" + this.src); 
 	$('#banner-link').html('<a href="#" id="output"><img src="img/icns/info.png" width="20" height="20" alt="Dot" /></a>'); 
}
 
function onAfter() { 
    $('#output').html("Scroll complete for:<br>" + this.src);
	$('#banner-link').html('<a href="'+ this.title	 +'" id="output"><img src="img/icns/info.png" width="20" height="20" alt="Dot" /><a/>');
}