document.observe('dom:loaded',function(){

// Only run this if the CTApager element appears on the page, else there will be js errors
if ($('CTApager')) {
	initCTApager();
	setCTA(0);
	slideNum++;
}
});
var pager;
var slideCount=0;
var slideNum=0;
var slideDuration = 8;
var t;

function initCTApager(){
	var cont = $('CTApager');
	var pager = new Element('div',{'class':'pager'});
	var blocks = cont.select('.pagerBlock');
	
	cont.insert({'bottom':pager});
	
	blocks.each(function(block,i){
		block.hide();
		var a = new Element('a',{'href':'#'}).update(i+1).observe('click',function(){return setCTA(i);});
		a.onclick = function(){slideCount=0;slideNum=i+1;if(slideNum > blocks.length-1)slideNum=0; return false};
		pager.insert({'bottom':a});
	});
	timedCount();
}
function timedCount(){
	var numOfSlides = $('CTApager').select('.pagerBlock').length;
	
	slideCount=slideCount+1;
	t=setTimeout("timedCount()",1000);
	if(slideCount==slideDuration){
		slideCount=0;
		setCTA(slideNum);
		slideNum++;
		if(slideNum > numOfSlides-1){
		slideNum = 0;
		} 
	} 	
}
function initAutoCTApager(){
	clearTimeout(pager);
	pager = setInterval(nextCTA,3000);
}
function nextCTA(){
	if( ! Effect.Queues.get('CTA').length > 0) {
		var num = $('CTApager').select('.pagerBlock').length;
		setCTA(($('CTApager').selected + 1)%num);
	}
}
function setCTA(ind){
	clearTimeout(pager);
	
	Effect.Queues.get('CTA').invoke('cancel');
	var blocks = $('CTApager').select('.pagerBlock');
	$('CTApager').selected = ind;
	$('CTApager').select('.pagerBlock.selected').each(function(block){Effect.Fade(block.removeClassName('selected'),{queue:{scope:'CTA',position:'end',limit:2},duration:0.6});});
	Effect.Appear(blocks[ind].addClassName('selected'),{queue:{scope:'CTA',position:'end',limit:2},duration:0.8,beforeStart:function(){setCTApagenum(ind)}});
	
	//setTimeout(initAutoCTApager,5000);
	return false;
}
function setCTApagenum(ind){
	$('CTApager').select('.pager a').each(function(lnk,i){(i==ind)?lnk.addClassName('selected'):lnk.removeClassName('selected');});
}