//==============================================
//*				Opacity Fading
//==============================================

function fadeOut(element){new Effect.Opacity(element,{from:1,to:0, duration: 0.5});return false;}
function fadeIn(element){new Effect.Opacity(element,{from:0,to:1, duration: 0.5});return false;}

//==============================================
//*			Scroller Functionaliy
//==============================================

function switchContent(d){
	//d is direction. 1 = forward, else backward
	
	//Variables
	var banner = document.getElementById('banner');
	var content = document.getElementById("homePageContent");
	
	if(d==1){
		var place = eval(document.getElementById('placeHolder').value) + 1;
	} else { 
		var place = eval(document.getElementById('placeHolder').value) - 1;
	}
	
	//Limitations
	if(d==1){
		if(place > eval(document.getElementById('max').value)){place = 1;}
	} else {
		if(place < 1){place = eval(document.getElementById('max').value);}	
	}
	
	//Fading and data changing
	fadeOut(banner);
	fadeOut(content);
	setTimeout("setBanner("+place+")",750);
	setTimeout("setContent("+place+")",750);
	setTimeout("fadeIn('homePageContent')",1000);
	setTimeout("fadeIn('banner')",1000);
	
	//Track position
	document.getElementById('placeHolder').value = place;
	
	//Loop
	k = setTimeout("switchContent(1,1)",20000);
	return k;
	
}

function switchIt(d,k){
	clearTimeout(k);
	switchContent(d);
}

function setBanner(num){
	document.getElementById('banner').innerHTML = "<img src=\"/images/banners/"+document.getElementById('scrollImage'+num).innerHTML+"\" />";
}

function setContent(num){
	document.getElementById("scrollerHeadline").innerHTML = document.getElementById('scrollHeadline'+num).innerHTML;
	document.getElementById("scrollerSubHead").innerHTML = document.getElementById('scrollSubHead'+num).innerHTML;
	document.getElementById("scrollerContent").innerHTML = document.getElementById('scrollContent'+num).innerHTML;
}


//========================================
//*			Image Rotator
//========================================
function rotateImages(x){
	var images=new Array();
	
	// Set your images here
	images[0] = '/images/rotator/bsu.png';
	images[1] = '/images/rotator/cardinal.png';
	images[2] = '/images/rotator/COM_logo.png';
	images[3] = '/images/rotator/COC_logo.png';
	images[4] = '/images/rotator/waymaker.png';
	images[5] = '/images/rotator/communfound.png';
	images[6] = '/images/rotator/ballbros.png';
	images[7] = '/images/rotator/ontario_systems.png';
	images[8] = '/images/rotator/ivytech.png';
	images[9] = '/images/rotator/defur.png';
	images[10] = '/images/rotator/nbia.png';
	
	// Delay between fades in miliseconds, 5000 = 5 seconds
	var delay = 4000;
	
	// The ID of the container div you want to scroll images in
	var container = "rotatorImages";
	
	//Do not change anything below this. This line Immediately places the first image on first rotation
	if(x!=1){document.getElementById(container).innerHTML = '<img src="'+images[0]+'" />';images.shift();}
	
	for(i=0;i<images.length;i++){
		var z = setTimeout("changeTo('"+images[i]+"','"+container+"')",(i+1)*delay)	
	}
	
	// Loop
	setTimeout("rotateImages(1);",images.length * delay);
}

function changeTo(image,container){	
	var f = setTimeout("document.getElementById('"+container+"').innerHTML = '<img src=\""+image+"\" />'",100);
	var j = new Effect.Opacity(container,{from:0,to:1, duration: 1});return false;
}