// Home Page Slider Script
// Author: Innovation Simple [Sam Eddy]

/* 
	USE INSTRUCTIONS:
	Edit the vars to match the properties of your slider images
	All Images MUST be named with a number following [including the first image] >> slider1.png, slider2.png, slider3.png, etc
	the DIV MUST have the same ID as declared in the javascript var and MUST be declared before the script is exectued [slider();]
	
	Slider Control Buttons:
	<img src="" onclick="manualChange(SLIDER_NUMBER_TO_CHANGE_TO);" id="VAR_sliderButtonPrefix2 + VAR_SLIDER_NUMBER_TO_CHANGE_TO" />
*/

var numOfImgs2 = 3;
var secondsPerImg2 = 7.5;
var sliderHeight2 = 361;

//slider control vars
var sliderDivId2 = "slider1";
var topSliderDivId2 = "slider2";
var sliderButtonPrefix2 = "sliderButton";

var links2 = Array("", "", "", "https://www.stgshuttle.com/event_booking.php");

var currImg2 = 2;
var sliderTimer2 = setTimeout(slider2, secondsPerImg2 * 1000);

function slider2()
{		
	sliderTimer2 = setTimeout(slider2, secondsPerImg2 * 1000);
	changeImg2();
}

function changeImg2()
{
	//slider
	jQuery('#' + sliderDivId2).css({backgroundPosition: ("left -" + ((currImg2 - 1) * sliderHeight2) + "px")});
	jQuery('#' + topSliderDivId2).fadeTo(1000, 0, 
	function() { 
		jQuery('#' + topSliderDivId2).css({backgroundPosition: ("left -" + ((currImg2 - 1) * sliderHeight2) + "px")});
		jQuery('#' + topSliderDivId2).css('opacity', 1);
		
		if (links2[currImg2])
			jQuery('#' + topSliderDivId2).attr('href', links2[currImg2]);
		else
			jQuery('#' + topSliderDivId2).removeAttr('href');
		
		//buttons
		jQuery('.' + sliderButtonPrefix2).removeClass('active');
		jQuery('#' + sliderButtonPrefix2 + currImg2).addClass('active');
		
		currImg2++;
		
		if (currImg2 > numOfImgs2)
			currImg2 = 1;
		
	});
}

function manualChange2(imgNumber)
{
	clearTimeout(sliderTimer2);
	
	currImg2 = imgNumber;
	
	changeImg2(); //comment out if you un-comment the 'slider();' command below (since calling 'slider()' also calls 'changeImg()'			
	//slider(); //UN-COMMENT IF YOU WANT THE TIMER TO RESET RATHER THEN STOP ENTIRELY WHEN SLIDER IS MANUALLY CHANGED
}