var timer;
var timerInerval = 5000;
var currentLink;
var effectFade,effectAppear;
var currentPage,keepPage = false;
var loop = false;

function timerSetup(pageid) {
	switch(pageid) {
		case 11: //carbon-management
			changeImage('carbon-management');
			currentPage = 'carbon-management';
			keepPage = true;
			break;
		case 15: //procurement
			changeImage('procurement');
			currentPage = 'procurement';
			keepPage = true;
			break;
		case 13: //energy-reporting
			changeImage('energy-reporting');
			currentPage = 'energy-reporting';
			keepPage = true;
			break;
		case 14: //metering
			changeImage('metering');
			currentPage = 'metering';
			keepPage = true;
			break;
		case 16: //risk-assessment
			changeImage('risk-assessment');
			currentPage = 'risk-assessment';
			keepPage = true;
			break;
		case 17: //buidling-management
			changeImage('buidling-management');
			currentPage = 'buidling-management';
			keepPage = true;
			break;
		case 18: //disaster-recovery
			changeImage('disaster-recovery');
			currentPage = 'disaster-recovery';
			keepPage = true;
			break;
		case 19: //thermal-surveys
			changeImage('thermal-surveys');
			currentPage = 'thermal-surveys';
			keepPage = true;
			break;

		case 10: //energy-surveys
			changeImage('energy-surveys');
			currentPage = 'energy-surveys';
			keepPage = true;
			break;
		default:
			changeImage('energy-surveys');
			currentPage = 'energy-surveys';
			keepPage = false;
			timer = setTimeout('timerSwitch()',timerInerval);
	}
}

function changeImage(id) {
	clearTimeout(timer);
	if(effectFade){
		effectFade.cancel();
	}
	if(effectAppear){
		effectAppear.cancel();
	}
	
	$$('#top_feature_image a').each(function(s) {s.style.display= "none";});
	$(id+"-image").style.display= "";
	
	$$('#top_feature_links a').each(function(s) {s.removeClassName('link_on');});
	$(id+"-link").addClassName('link_on');
	
	currentLink = id;
}

function imageSwitch(id) {
	clearTimeout(timer);
	
	if($(currentLink+"-image")){
		element = $(currentLink+"-image");
		var oldOpacity = element.getInlineOpacity();
		var options = Object.extend({
			from: element.getOpacity() || 1.0,
			to:   0.0,
			duration: 0.3,
			limit: 2,
			afterFinishInternal: function(effect) {
				if (effect.options.to!=0) return;
				effect.element.hide().setStyle({opacity: oldOpacity});
			}
		}, arguments[1] || { });
		effectFade = new Effect.Opacity(element,options);
		
	}
	element = $(id+"-image");
	var options = Object.extend({
		from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
		to:   1.0,
		queue: 'end',
		duration: 0.3,
		limit: 2,
		// force Safari to render floated elements properly
		afterFinishInternal: function(effect) {
			effect.element.forceRerendering();
		},
			beforeSetup: function(effect) {
			effect.element.setOpacity(effect.options.from).show();
		}}, arguments[1] || { });
	effectAppear = new Effect.Opacity(element,options);
	
	$$('#top_feature_links a').each(function(s) {s.removeClassName('link_on');});
	$(id+"-link").addClassName('link_on');
	
	currentLink = id;
}

function timerSwitch() {
	if(keepPage) {
		imageSwitch(currentPage);
		return;
	}
	switch(currentLink) {
		case 'energy-surveys':
			imageSwitch('carbon-management');
			break;
		case 'carbon-management':
			imageSwitch('procurement');
			break;
		case 'procurement':
			imageSwitch('energy-reporting');
			break;
		case 'energy-reporting':
			imageSwitch('metering');
			break;
		case 'metering':
			imageSwitch('risk-assessment');
			break;
		case 'risk-assessment':
			imageSwitch('buidling-management');
			break;
		case 'buidling-management':
			imageSwitch('disaster-recovery');
			break;
		case 'disaster-recovery':
			imageSwitch('thermal-surveys');
			break;
		case 'thermal-surveys':
			imageSwitch('energy-surveys');
			loop = true;
			break;

		default:
			imageSwitch('energy-surveys')
	}
	if(!loop)
		timer = setTimeout('timerSwitch()',timerInerval);
}

function timerRestart() {
	timer = setTimeout('timerSwitch()',timerInerval-1000);
}


function changeImageOLD(id) {
	clearTimeout(timer);
	
//	$$('#top_feature_image a').each(function(s) {s.style.display= "none";});
//	$(id+"-image").style.display= "";
	if($(currentLink+"-image")){
		$(currentLink+"-image").fade();
	}
	$(id+"-image").appear();
	
	$$('#top_feature_links a').each(function(s) {s.removeClassName('link_on');});
	$(id+"-link").addClassName('link_on');
	
	currentLink = id;
}