function formatText(index, panel) {
	 //i have put the text that appears under each thumb into this array so edit and add as necessary.
		var myText=new Array();
		    myText[0]="empty";
			myText[1]="<span>Ted Nugent Ammo</span>";
			myText[2]="<span>TALK TO TED</span>";
			myText[3]="<span>Get 2 Free Songs!</span>";
			myText[4]="<span>NugeTube</span>"; 
			myText[5]="<span>Search and Win</span>"; 
			myText[6]="<span>Wounded Warrior</span>"; 
		    myText[7]="<span>Spirit of the Wild TV</span>";
			
			
		
			
			
		 return myText[index] ;
		
	    }
     $(function (){
        
            $('.heroSlider').heroSlider({
                easing: "easeInOutQuart",        // Anything other than "linear","easeInOutQuart","swing" requires the easing plugin
                autoPlay: true,                 // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not /removes start button and everything.
                delay: 12000,                    // How long between slide transitions in AutoPlay mode
                startStopped: false,            // true or false as to whether you want slideshow to start automatically
                animationTime: 600,             // How long the slide transition takes
                hashTags: false,                 // Should links change the hashtag in the URL?
                buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
        		pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
        		startText: "Play",             // Start text
		        stopText: "Pause",               // Stop text
		        navigationFormatter: formatText   
			 });
       
        });