/**
	 * Controls dispalay of fading in/out of banners on the homepage.
	 * Count the number of banners
	 * If any exist, load it and start the function that automates them.
	 */
	$(function () {
		var timeout = 10000; // 10 Seconds 
		var bannernum = $('#banner .views-row').length;
		var currentnumber;
		var nextnumber;
		var intervalID;
			
		// If the are any banners to show let's fade the first banner in and call the myslider function
		if(bannernum > 0) {
			currentnumber = 1;
			$('#banner .views-row-first').fadeIn(500);
			intervalID = setInterval(myslider, timeout);
		}
		
		function myslider(direction){
			if(!direction) {
				if(currentnumber < bannernum) {
					nextnumber = currentnumber+1;
				} else {
					nextnumber = 1;
				}
			} else {
				if(currentnumber > 1) {
					nextnumber = currentnumber-1;
				} else {
					nextnumber = bannernum;
				}
			}
			currentclass = '#banner .views-row-' + currentnumber;
			nextclass = '#banner .views-row-' + nextnumber;
			$(nextclass).css({zIndex:99}).fadeIn("slow");
			$(currentclass).css({zIndex:92}).fadeOut("slow");
			currentnumber = nextnumber;
		}
		
		// Next Banner
		$("a.nextlink").click(function () {
			if(intervalID) {							
				clearInterval(intervalID);
			}
			myslider();
			//intervalID = setInterval(myslider, timeout);
		});
		
		// Previous Banner
		$("a.prelink").click(function () {
			if(intervalID) {							
				clearInterval(intervalID);
			}
			myslider('previous');
			//intervalID = setInterval(myslider, timeout);
		});
		
	  });