$(document).ready(function(){

	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
		$(pager).find('#pg'+currSlideIndex).removeClass('slide_nav_off').filter('#pg'+currSlideIndex).addClass('slide_nav_on');
		var maxIndex = textArray.count()-1;
				
		if (currSlideIndex>0) {	
			if (currSlideIndex==maxIndex) {
				var backIndex = currSlideIndex-1;
				$(pager).find('#sep'+backIndex).removeClass('sliderBtn-sep').filter('#sep'+backIndex).addClass('sliderBtn-sepR');
				$(pager).find('#sep'+currSlideIndex).removeClass('slidernav_right').filter('#sep'+currSlideIndex).addClass('slidernav_right_on');				
			} else {
				var backIndex = currSlideIndex-1;
				$(pager).find('#sep'+backIndex).removeClass('sliderBtn-sep').filter('#sep'+backIndex).addClass('sliderBtn-sepR');
				$(pager).find('#sep'+currSlideIndex).removeClass('sliderBtn-sep').filter('#sep'+currSlideIndex).addClass('sliderBtn-sepL');
			}
		} else {
			$(pager).find('#sep'+currSlideIndex).removeClass('sliderBtn-sep').filter('#sep'+currSlideIndex).addClass('sliderBtn-sepL');				
		}	

	};

	$('.slider')
	.before('<div id="sliderBtns"  class="sliderBtns"></div><br clear="all" />')
	.cycle({ 
		fx:     'scrollLeft',
		timeout: 6000,
		delay:  -4000,
		pager:  '.sliderBtns',
		cleartypeNoBg: true,
    	pagerAnchorBuilder: function(idx, slide) {
    		var maxIndex = textArray.count()-1;
    		if (idx==maxIndex)
    			return '<div class="slide_nav_off" align="left" id="pg'+idx+'"><img src="/images/bullet1.png" align="absmiddle"><a href="#">'+textArray[idx]+'</a></div><div id="sep'+idx+'" class="slidernav_right"></div>';
    		else
    			return '<div class="slide_nav_off" align="left" id="pg'+idx+'"><img src="/images/bullet1.png" align="absmiddle"><a href="#">'+textArray[idx]+'</a></div><div id="sep'+idx+'" class="sliderBtn-sep"></div>';
    	},
    	before:  function(idx){
    		//remove all old selections
    		var maxIndex = textArray.count()-1;
    		for(i=0;i<(maxIndex+1);i++){
    			if(i!=idx){
    				$('.sliderBtns').find('#pg'+i).removeClass('slide_nav_on').addClass('slide_nav_off');
    				if (i==maxIndex)
    					$('.sliderBtns').find('#sep'+i).removeClass('slidernav_right_on').addClass('slidernav_right');
    				else
    					$('.sliderBtns').find('#sep'+i).removeClass('sliderBtn-sepR').removeClass('sliderBtn-sepL').addClass('sliderBtn-sep');
    			}
    		}
    	}
	});
    
});