// JavaScript Document

var timeOut = 0;
var timeOutTwo = 0;
var timeOutThree = 0;

function ChangeOpacityOne() {
	timeOut = setTimeout ('fadeInTwoAuto();', 6500);
	
	if (timeOut == 6500) {
		clearTimeout ( timeOut );
	}
}

function ChangeOpacityTwo() {
	timeOutTwo = setTimeout ('fadeInThreeAuto();', 6500);
	
	if (timeOutTwo == 6500) {
		clearTimeout ( timeOutTwo );
	}
}

function ChangeOpacityThree() {
	timeOutThree = setTimeout ('fadeInOneAuto();', 6500);
	
	if (timeOutThree == 6500) {
		clearTimeout ( timeOutThree );
	}
}

function fadeInOneAuto() {
	document.getElementById('campaign-1-button').className = 'campaign-buttons-over';
	document.getElementById('campaign-2-button').className = 'campaign-buttons';
	document.getElementById('campaign-3-button').className = 'campaign-buttons';
	document.getElementById('campaign-2').style.display = 'block';
	document.getElementById('campaign-1').style.zIndex = '5';
	document.getElementById('campaign-empty').style.zIndex = '4';
	document.getElementById('campaign-2').style.zIndex = '3';
	document.getElementById('campaign-3').style.zIndex = '2';
	twOne = new OpacityTween(document.getElementById('campaign-1'),Tween.regularEaseOut, 0, 100, 0.8);
	
	twOne.start();
	ChangeOpacityOne();
}

function fadeInTwoAuto() {
	document.getElementById('campaign-2-button').className = 'campaign-buttons-over';
	document.getElementById('campaign-3-button').className = 'campaign-buttons';
	document.getElementById('campaign-1-button').className = 'campaign-buttons';
	document.getElementById('campaign-1').style.display = 'block';
	document.getElementById('campaign-1').style.zIndex = '3';
	document.getElementById('campaign-2').style.zIndex = '5';
	document.getElementById('campaign-empty').style.zIndex = '4';
	document.getElementById('campaign-3').style.zIndex = '3';
	twTwo = new OpacityTween(document.getElementById('campaign-2'),Tween.regularEaseOut, 0, 100, 0.8);
	
	twTwo.start();
	ChangeOpacityTwo();
	
}

function fadeInThreeAuto() {
	document.getElementById('campaign-3-button').className = 'campaign-buttons-over';
	document.getElementById('campaign-1-button').className = 'campaign-buttons';
	document.getElementById('campaign-2-button').className = 'campaign-buttons';
	document.getElementById('campaign-3').style.display = 'block';
	document.getElementById('campaign-1').style.zIndex = '2';
	document.getElementById('campaign-2').style.zIndex = '3';
	document.getElementById('campaign-3').style.zIndex = '5';
	document.getElementById('campaign-empty').style.zIndex = '4';
	twThree = new OpacityTween(document.getElementById('campaign-3'),Tween.regularEaseOut, 0, 100, 0.8);
	
	twThree.start();
	ChangeOpacityThree();
}


/* IF CONTROLLED BY USER */

function fadeInOne() {
	document.getElementById('campaign-1-button').className = 'campaign-buttons-over';
	document.getElementById('campaign-2-button').className = 'campaign-buttons';
	document.getElementById('campaign-3-button').className = 'campaign-buttons';
	document.getElementById('campaign-2').style.display = 'block';
	document.getElementById('campaign-1').style.zIndex = '5';
	document.getElementById('campaign-empty').style.zIndex = '4';
	document.getElementById('campaign-2').style.zIndex = '3';
	document.getElementById('campaign-3').style.zIndex = '2';
	twOne = new OpacityTween(document.getElementById('campaign-1'),Tween.regularEaseOut, 0, 100, 0.8);
	
	twOne.start();
	clearTimeout ( timeOut );
	clearTimeout ( timeOutTwo );
	clearTimeout ( timeOutThree );
}

function fadeInTwo() {
	document.getElementById('campaign-2-button').className = 'campaign-buttons-over';
	document.getElementById('campaign-3-button').className = 'campaign-buttons';
	document.getElementById('campaign-1-button').className = 'campaign-buttons';
	document.getElementById('campaign-1').style.display = 'block';
	document.getElementById('campaign-1').style.zIndex = '3';
	document.getElementById('campaign-2').style.zIndex = '5';
	document.getElementById('campaign-empty').style.zIndex = '4';
	document.getElementById('campaign-3').style.zIndex = '3';
	twTwo = new OpacityTween(document.getElementById('campaign-2'),Tween.regularEaseOut, 0, 100, 0.8);
	
	twTwo.start();
	clearTimeout ( timeOut );
	clearTimeout ( timeOutTwo );
	clearTimeout ( timeOutThree );
}

function fadeInThree() {
	document.getElementById('campaign-3-button').className = 'campaign-buttons-over';
	document.getElementById('campaign-1-button').className = 'campaign-buttons';
	document.getElementById('campaign-2-button').className = 'campaign-buttons';
	document.getElementById('campaign-3').style.display = 'block';
	document.getElementById('campaign-1').style.zIndex = '2';
	document.getElementById('campaign-2').style.zIndex = '3';
	document.getElementById('campaign-3').style.zIndex = '5';
	document.getElementById('campaign-empty').style.zIndex = '4';
	twThree = new OpacityTween(document.getElementById('campaign-3'),Tween.regularEaseOut, 0, 100, 0.8);
	
	twThree.start();
	clearTimeout ( timeOut );
	clearTimeout ( timeOutTwo );
	clearTimeout ( timeOutThree );
}