$(document).ready(function(){	
	  
	  var cache = [];
	  var tmpSlideIndex;

	  preLoadImages(imgsArr);

	  function preLoadImages(arguments) {
		    var args_len = arguments.length;
		    for (var i = args_len; i--;) {
		      var cacheImage = document.createElement('img');
		      cacheImage.src = "/images/slider/" + arguments[i];
		      cache.push(cacheImage);
		    }
		  }
	
		$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 

			tmpSlideIndex = currSlideIndex;

			$(pager).find('#pg'+currSlideIndex).removeClass('slide_nav_off') 
				.filter('#pg'+currSlideIndex).addClass('slide_nav_on'); 	

			$("#sliderThumb-first").show("puff", {}, 2000);   
			$("#sliderThumb-second").show("puff", {}, 2000);
		
		}; 	
		
		  $.fn.idle = function(time)
		  { 
		      var o = $(this); 
		      o.queue(function()
		      { 
		         setTimeout(function()
		         { 
		            o.dequeue(); 
		         }, time);
		      });
		  };
						   
		$('#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 '<span class="slide_nav_off" id="pg'+idx+'"><a href="#">'+textArray[idx]+'</a></span>'; 
		},
		before:  function(idx,slide){
			//remove all old selections
			for(i=0;i<textArray.length;i++){
				          
				if(i == tmpSlideIndex){

					$("#sliderThumb-first").hide("drop", { direction: "right" }, 1000, function(){$('#sliderThumb-first').html(thumbsArray_1[tmpSlideIndex]);}); 
					$("#sliderThumb-second").hide("drop", { direction: "left" }, 1000, function(){$('#sliderThumb-second').html(thumbsArray_2[tmpSlideIndex]);});
      					
				}
				
				if(i != idx){
					$('#slider_nav2').find('#pg'+i).removeClass('slide_nav_on').addClass('slide_nav_off');					
				}
			}			
		}
		});
});