$(document).ready(function() {

	var bgColor=new Array ('greentea','blacktea','redtea','whitetea','herbaltea');
	var bgColor_index = 0;

	$('.block').animate( { backgroundColor: bgColor[bgColor_index] }, 1000);


	//documentation http://malsup.com/jquery/



$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 

	
    $(pager).find('a').removeClass('active-pager') 
        .filter('a:eq('+currSlideIndex+')').addClass('active-pager'); 
}; 

	$('#tea-slide-show')
	.after ('<div id="slide-show-pager">')
	.cycle( {
		fx:'scrollHorz', 
		prev:   '#prev', 
		next:   '#next', 
		timeout: 0,
		pager:'#slide-show-pager',
		pagerClick: function (i, e) {
      	$('.block').animate( { backgroundColor: bgColor[i] }, 1000);
		},
		prevNextClick: function (isNext, i, e) {
      	$('.block').animate( { backgroundColor: bgColor[i] }, 1000);
		}
	});
	

$('#slide-show-pager a:eq(0)').addClass('slide-anchor-one');
$('#slide-show-pager a:eq(1)').addClass('slide-anchor-two');
$('#slide-show-pager a:eq(2)').addClass('slide-anchor-three');
$('#slide-show-pager a:eq(3)').addClass('slide-anchor-four');
$('#slide-show-pager a:eq(4)').addClass('slide-anchor-five');
   

});