$(document).ready(function(){	
		$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
			$(pager).find('#pg'+currSlideIndex).removeClass('slide_nav_off') 
				.filter('#pg'+currSlideIndex).addClass('slide_nav_on'); 	
		}; 				   
						   
		$('#slider') 
		.after('<div id="slider_nav2"  class="slider_nav">') 
		.cycle({ 
			fx:     'scrollLeft', 
			//speed:  'fast', 
			timeout: 6000, 
			delay:  -2000,
			pager:  '#slider_nav2', 
		pagerAnchorBuilder: function(idx, slide) { 	
			return '<div class="slide_nav_off" align="left" id="pg'+idx+'"><a href="#"><img src="http://dnd.vestrahost.com/images/slider/thumb/' + imgsArray[idx] + '" width="35" height="35" border="0" align="left">'+textArray[idx]+'</a></div>'; 
		},
		before:  function(idx){
			//remove all old selections
			for(i=0;i<5;i++){
				if(i!=idx){
					$('#slider_nav2').find('#pg'+i).removeClass('slide_nav_on').addClass('slide_nav_off');
				}
			}			
		}
		});
});