$(document).ready(function(){	
		$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
			$(pager).find('#pg'+currSlideIndex).removeClass('slide_nav_off') 
				.filter('#pg'+currSlideIndex).addClass('slide_nav_on').fadeTo("fast", 1); 

		}; 
		
		var navClass;
		if($('.pf-caption').length > 0)
			navClass = "slider_nav_C";
		else
			navClass = "slider_nav";
						   
		$('#slider') 
		.after('<div id="slider_nav2"  class="' + navClass + '">') 
		.cycle({ 
			fx:     'fade', 
			timeout: 6000, 
			delay:  -2000,
			pager:  '#slider_nav2', 
			pagerAnchorBuilder: function(idx, slide) { 		
				var thumbW = (tw == "") ? "" : ' width="'+tw+'"';
				return '<div class="slide_nav_off" align="left" id="pg'+idx+'"><a href="#"><img src="/images/'+textArray[idx]+'" border="0"'+thumbW+' height="'+th+'"></a></div>'; 
			},			
			before:  function(idx){	
				
				for(i=0;i<textArray.length;i++){
					if(i!=idx){
						$('#slider_nav2').find('#pg'+i).removeClass('slide_nav_on').addClass('slide_nav_off').fadeTo("fast", 0.5);
					}
				}				
				
			}
		});

		$('.slide_nav_off').fadeTo("fast", 0.5);
});