jQuery(document).ready(function() {
		init();
	});
	
	var arrayOfSlides; //refers to array of slides
	var noOfSlides;
	var index = 0; //refers to dot index
	//var timer = startTimer();
	
	function init() {
		 setupDots();
		 changeLink();
		 jQuery(".slidePanels li").bind("click", function(event) {changeOnClick(this);});
		 setInterval("changeOnTimer()", 15000);
	}
	
	function setupDots() {
		arrayOfSlides = jQuery(".slide");
		noOfSlides = jQuery(arrayOfSlides).length;
		
		jQuery("<ul class='slidePanels'></ul>").insertAfter(".featureLink");
		for (var i = 0; i < noOfSlides; i++) {
			jQuery(".slidePanels").append("<li><a href='#'>Panel " + (i + 1) + "</a></li>");
		}
		jQuery(".slidePanels li:first").addClass("active");
		
		jQuery(".slide").hide();
		jQuery(".slide:first").show().addClass("activeSlide");
		
		jQuery(".slideHolder").css({'position' : 'relative', 'height' : '262px'});
		jQuery(".slideHolder .slide").css({'position' : 'absolute', 'left' : '0', 'top' : '0'});
	}
	
		
	function changeLink() {
		var url = jQuery(".activeSlide .slideLink").attr("href");
		jQuery(".featureLink").attr("href", url);
	}	
	
	function changeOnTimer() {
		if (index == (arrayOfSlides.length - 1)) {
			index = 0;
		}
		else {
			index = index + 1;
		}
		
		changeSlide(index);
		changeLink();
	}
	
	function changeOnClick(clicked) {
		//clearInterval(timer);
		index = jQuery.inArray(clicked, jQuery(".slidePanels li"));
		changeSlide(index);
		changeLink();
		//startTimer();
	}
	
	function changeSlide(index) {
		jQuery(".slide").eq(index).fadeIn("slow").addClass("activeSlide");
		jQuery(".slide").eq(index).siblings().fadeOut("slow").removeClass("activeSlide");
		
		jQuery(".slidePanels li").eq(index).addClass("active");
		jQuery(".slidePanels li").eq(index).siblings().removeClass("active");
	}