/* Why Clifton? script */

var timePerStep = 20; // milliseconds
var stepSize = 2; // percent

var timePerStepHeadline = 20;
var stepSizeHeadline = 10;

var isMicrosoft = true;
if ( navigator.appName != "Microsoft Internet Explorer" ) {
	isMicrosoft = false;
	timePerStep = 20;
	stepSize = 2;
}


/* DVD */

function highlightDVD() {

	dvdDiv = document.getElementById('dvd_link');
	dvdDiv.style.backgroundImage = "url('dvd_bright.png')";
	dvdDiv.style.cursor = 'pointer';

}


function unhighlightDVD() {

	dvdDiv = document.getElementById('dvd_link');
	dvdDiv.style.backgroundImage = "url('dvd.png')";
	dvdDiv.style.cursor = 'default';

}


/* Arrows */
		
var currentArrow = "";

function blinkArrow() {

	if ( currentArrow != "" ) {

		arrowSpan = document.getElementById(currentArrow);
		arrowSpan.style.visibility = arrowSpan.style.visibility=="" ? "hidden" : ""

	}

}


function setArrow(arrowId,captionId) {

	currentArrow = arrowId;
	
	captionDiv = document.getElementById(captionId);
	captionDiv.style.backgroundImage = '';
	captionDiv.style.background = '#0060B2';

}


function unsetArrow(arrowId,captionId) {

	currentArrow = '';

	arrowSpan = document.getElementById(arrowId);
	arrowSpan.style.visibility = 'visible';		
	
	captionDiv = document.getElementById(captionId);
	captionDiv.style.background = 'none';
	captionDiv.style.backgroundImage = "url('banner.png')"; /*'#003082';*/
	
}


setInterval("blinkArrow()",500);



// Images

function crossfadeSlides(prefix,firstSlideNumber,secondSlideNumber) {

	transitionRunning = true;

	firstSlide	= document.getElementById(prefix+'_slide'+firstSlideNumber);
	secondSlide	= document.getElementById(prefix+'_slide'+secondSlideNumber);

	currentOpacity = getOpacity(firstSlide);

	if ( currentOpacity > 0 ) {
		
		setOpacity(firstSlide,currentOpacity-stepSize);
		setOpacity(secondSlide,100-currentOpacity+stepSize);
		
		setTimeout("crossfadeSlides('"+prefix+"','"+firstSlideNumber+"','"+secondSlideNumber+"')",timePerStep);
	
	}
	
	else {
		
		if ( prefix == 'ccsl' ) {
		
			hyperlink = document.getElementById('ccsl_target');
			hyperlink.href = ccslTargets[secondSlideNumber];
		
		}
		
		transitionRunning = false;
	
	}

}


function getOpacity(element) {

	if ( isMicrosoft ) {
		return(element.filters.item("DXImageTransform.Microsoft.Alpha").opacity);
	}
	else {
		return(element.style.opacity*100);
	}

}

function setOpacity(element,opacity) {

	if ( isMicrosoft ) {
		element.filters.item("DXImageTransform.Microsoft.Alpha").opacity = opacity;
	}
	else {
		element.style.opacity = opacity/100.0;
	}

}


var areas = Array('life','opportunities','location','values','ccsl');
var areaIndex = Math.floor(Math.random()*areas.length);
if ( areaIndex >= areas.length ) {
	areaIndex -= areas.length;
}
var lastAreaIndex = -1;

var numberSlides = Array();
numberSlides['life']			= 4;
numberSlides['opportunities']	= 4;
numberSlides['location']		= 3;
numberSlides['values']			= 4;
numberSlides['ccsl']			= 4;

var indices = Array();
indices['life']				= 0;
indices['opportunities']	= 0;
indices['location']			= 0;
indices['values']			= 0;
indices['ccsl']				= 0;

var ccslTargets = Array('http://www.cliftoncollegesportsacademy.co.uk/', '/NetCommunity/Page.aspx?&pid=220', '/NetCommunity/Page.aspx?&pid=495', 'http://www.promontheclose.com/');

var transitionRunning = false;

function doTransition() {

	if ( !transitionRunning ) {
	
		area = areas[areaIndex];
		
		currentIndex = indices[area];
		
		indices[area]++;
		if ( indices[area] >= numberSlides[area] ) {
			indices[area] = 0;
		}
		
		nextIndex = indices[area];
		
		firstSlide	= document.getElementById(area+'_slide'+currentIndex);
		secondSlide	= document.getElementById(area+'_slide'+nextIndex);
		
		setOpacity(firstSlide,100);
		setOpacity(secondSlide,0);
		
		crossfadeSlides(area,currentIndex,nextIndex);
		
		currentAreaIndex = areaIndex;
		while ( areaIndex == currentAreaIndex || areaIndex == lastAreaIndex ) {
		
			areaIndex += Math.floor(Math.random()*areas.length) + 1;
			if ( areaIndex >= areas.length ) {
				areaIndex -= areas.length;
			}
			
		}
		
		lastAreaIndex = currentAreaIndex;
		
	}
	
	setTimeout("doTransition()",2000);

}

setTimeout("doTransition()",2000);


/* Headlines */

function setHeadline(index) {
	
	fadeHeadline(index);

}


function fadeHeadline(index) {

	headlineLink = document.getElementById('headline');
	currentOpacity = getOpacity(headlineLink);

	if ( currentOpacity > 0 ) {
		
		setOpacity(headlineLink,currentOpacity-stepSizeHeadline);
		
		setTimeout('fadeHeadline('+index+')',timePerStepHeadline);
	
	}
	
	else {
		
		headlineElement = document.getElementById('headline');
		headlineElement.innerHTML = headlines[index];
		
//		headlineLink = document.getElementById('headline_link');
		setOpacity(headlineElement,0);
		
		unfadeHeadline(index);
	
	}
	
}


function unfadeHeadline(index) {

	headlineLink = document.getElementById('headline');
	currentOpacity = getOpacity(headlineLink);

	if ( currentOpacity < 100 ) {
		
		setOpacity(headlineLink,currentOpacity+stepSizeHeadline);
		
		setTimeout('unfadeHeadline('+index+')',timePerStepHeadline);
	
	}
	
	else {
	
	}

}


function cycleHeadlines() {
	
	setHeadline(headlineIndex);
	
	headlineIndex++;
	if ( headlineIndex >= headlines.length ) {
		headlineIndex = 0;
	}
	
	setTimeout("cycleHeadlines()",4000);
	
}

headlineElement = document.getElementById('headline');
headlineElement.innerHTML = headlines[0];

//headlineLink = document.getElementById('headline_link');
setOpacity(headlineElement,100);

var headlineIndex = 1;

setTimeout("cycleHeadlines()",4000);