var cycleNum, tabNum, tabBefore, totalpanels, firstCycle, offBG, t, movement, cycleBefore, d;

$(document).ready(function(){
	//get colours from CSS
	cycleNum = 1;
	totalPanels = $('#home-panels .panel').size();
	tabOnBG=$("#home-panels").css("background-color");
	tabOnFG=$("#home-panels .text p").css("color");
	tabOffBG=$("#rotator-nav ul li a span").css("background-color");
	tabOffFG=$("#rotator-nav ul li a").css("color");
	//console.log(tabOnBG, tabOnFG, tabOffBG, tabOffFG);
	//set first tab 'on'
	$("#rotator-nav li:first span").css({
		backgroundColor: tabOnBG,
		zIndex: 200
	});
	$("#rotator-nav li:first").remove();
	$("#rotator-nav li:first a").css("color", tabOnFG);
	
	cycleNum = 1;
	
	//initiate cycle plugin
	$('#home-panels').cycle({ 
		fx: 'fade',
		timeout: homeRotatorStay,
		speed: homeRotatorMove,
		pause: true,
		pauseOnPagerHover: true,
		before: onBefore,
		after: onAfter,
		pager:  '#pager',
		pagerAnchorBuilder: function(idx, slide) { 
			return '<li><a href="#"><span>' + tabs[idx] + '</span></a></li>'; 
		} 
	});

	
});

function onBefore() {

}

function onAfter() {

}

function cycleAdd() {
	cycleNum++;
	cycleNum = (cycleNum > totalPanels) ? 1 : cycleNum;
	tabNum=cycleNum-1;
	tabNum = (tabNum > (totalPanels-1)) ? 0 : tabNum;
	tabBefore = tabNum-1;
	tabBefore = (tabBefore<0) ? (totalPanels-1) : tabBefore;
}