$(document).ready(function(){

	/**
		Setting up the slideshow on the homepage
	*/
	var $slideshow = $('#slideshow');
	var slides = [
		'<a href="/resources"><img src="/images/slideshow2.gif" alt="NO 2 - Find out what your environmental performance is" /></a>',		
        '<a href="/resources"><img src="/images/slideshow3.gif" alt="NO 3 - Tell us what you’re doing" /></a>',		
        '<a href="/about-us/products-and-services"><img src="/images/slideshow4.gif" alt="NO 4 - Get serious" /></a>',
		'<a href="/resources"><img src="/images/slideshow5.gif" alt="NO 5 - Register for resources" /></a>'
	];
	var x = slides.length;
    for(var i=0; i<x; i++) {
    	$slideshow.append(slides[i]);
    } 
	$slideshow.cycle({ 
		startingSlide: 0,
    	fx:     'fade', 
    	speed:  'fast', 
    	timeout: 7000, 
    	next:   '#next', 
    	prev:   '#prev' 
	});	
	//Stop the next and prev buttons from being hidden by new images
	$('#prev').css({'z-index':100});
	$('#next').css({'z-index':100});
});