function loadHSTourSlides(arrSlides, wrapper)
{
	var loadedSlidesCounter = 0;
	var slidesNo = arrSlides.length;
	var slidesWrapper = jQuery(wrapper);
	
	for (var i=0; i<slidesNo; i++)
	{		
		var newSlide = jQuery('<img />');
		newSlide.load(function()
						{
							loadedSlidesCounter += 1;

							updateLoader(loadedSlidesCounter, slidesNo);
							
							if (loadedSlidesCounter == slidesNo)
								enableHSTour();
						})
		newSlide.attr({
					  	src: arrSlides[i]['slideImage'],
						title: arrSlides[i]['slideTitle']
					  });
		
		var slideWrapper = jQuery('<li></li>');
		var slideTitle = jQuery('<h3>' + arrSlides[i]['slideTitle'] + '</h3>');
		slideWrapper.append(slideTitle, newSlide);
		slideWrapper.appendTo(slidesWrapper);
	}
}

function updateLoader(counter, total)
{
	loader = jQuery('#HS-TourLoader');
	loaderCounter = loader.find('.counter');
	if(counter != total)
		loaderCounter.text('(' + counter + '/' + total + ')');
	else
		loader.fadeOut(500);
}

function hideHSTourControls()
{
	jQuery('#btnPrev, #btnNext, #TourHints').css('display', 'none');
}

function showHSTourControls()
{
	jQuery('#btnPrev, #btnNext, #TourHints').fadeIn(500);
}

			
function enableHSTour()
{
	showHSTourControls();
	$("#HS-Tour").scroller({
						   		controls: '#HS-TourWrapper',
								rotation: 5000,
								transition: 1000
							});
}

function startHSTour()
{
	var TourSlides = [{slideImage:"hs-tour_slides/imgClubstartpage.jpg", slideTitle:"1. Easy to use Trainer Dashboard – add clients, configure programs, look professional!"}, 
					  {slideImage: "hs-tour_slides/imgTraineraddcustomexercise.jpg", slideTitle: "2. Add Custom Workouts and Exercises with our animation or your own video including YouTube!"},
					  {slideImage: "hs-tour_slides/imgTourtrainerdashboard.jpg", slideTitle: "3. Build Workouts and quickly and effortlessly put them on your clients workout calendar"},
					  {slideImage: "hs-tour_slides/imgTrainermessagecenter.jpg", slideTitle: "4. Fast internal messaging system to track your communication"},
					  {slideImage: "hs-tour_slides/imgTrainerprofilelogobillin.jpg", slideTitle: "5. Upload your own brand logo for you and your clients for easy recognition"},
					  {slideImage: "hs-tour_slides/imgTraineradminpage.jpg", slideTitle: "6. Club Dashboard allows for easy access to trainers, clients, messages and workouts"},
					  {slideImage: "hs-tour_slides/imgTrainerbuildcustomworkou.jpg", slideTitle: ""}]
				  
	hideHSTourControls();
	loadHSTourSlides(TourSlides, '#HS-Tour ul');
}

jQuery(function(){			
	startHSTour();
})