var randomWords = "";
function floatingWords()
{
		//need to pick a random word pair here,
		//split out the pair into two distinct vars to fade in
		wordArry = ["strategic^visionary","innovative^impactful","creative^memorable","tactical^engaged","measurable^repeatable","efficient^effective","collaborative^responsive"];		
		rndWord = wordArry[Math.floor(Math.random()*wordArry.length)];
		if(rndWord==randomWords)		//we're repeating ourselves
		{
			floatingWords();			//we call this function again, otherwise
		}else{
			randomWords = rndWord;		//we're not repeating ourselves, so put latest pair into global placeholder
		}
		splitrndWord = rndWord.split("^");
		rndWordA = splitrndWord[0].toUpperCase();
		rndWordB = splitrndWord[1].toLowerCase();
		
		//clear out word containers
		$("#marquee-header").empty();
		$("#words").empty();
		//load div tag for foundational word
		$("#marquee-header").append("<div id='marquee-main' class='float'></div>");
		$("#marquee-main").text(rndWordA).hide().fadeIn(1500, function(){
		
			//load div tag for scrolling word
			$("#words").append("<div id='word-1' class='float'></div>");
			//action to fade in and scroll word-1
			$("#word-1").text(rndWordB).fadeIn(600);
			$("#word-1").css( { position: 'absolute',zIndex:20,left:-10,top:-160});        
			$("#word-1").hide().fadeIn(3000).animate({opacity: 0, top: "+=300"},22000);
		
		}).delay(25000).fadeOut(3000).delay(1000);
		return;	
}

function setupPage()
{
	
	
	
	//set fading for nav links
		setFade();
		
	//	
	//round corners
		$("#logo-main").corner('15px TL');
		$("#ani-body").corner('15px');
		$("#contact").corner('15px TL');
		$("#news-promo").corner('15px BR');
		$("#case-promo").corner('15px BR');
		$("#right-body-display").corner('15px TR');
		$("#banner").corner('15px TR');
	
	
	//setup which menu to highlight
		document.getElementById("img-<?php echo $menu;?>").setAttribute("class","selected");
		document.getElementById("link-<?php echo $menu;?>").setAttribute("class","thisMenu");
	
	//script to rotate and fade banners
		var curr=1+Math.floor(Math.random()*5);	//which image do we start with?
		//now we set the order of 
		document.getElementById("rotating-banner").setAttribute("src","
		<?php
			echo "http://ani/";
		?>
		"/images/banner-" + curr + ".jpg");
		$("#rotating-banner").fadeIn(4000);
		floatingWords();
		setTimer=setTimeout("imgRot(" + curr + ")",30000);		//counts off then sends which img is showing to the kick-off the rotator;		
}
function imgRot(n)
{
	
	//load bg image;
	$("#left-body-display").css("background-image","url('images/banner-" + n + ".jpg')");
	$("#rotating-banner").css("display","none");
	switch(n)			
	{
		case 1:					
			curr=1;
			nex=2;
		break;
		case 2:
			curr=2;
			nex=3;
		break;
		case 3:
			curr=3;
			nex=4;
		break;
		case 4:
			curr=4;
			nex=5;
		break;
		case 5:
			curr=5;
			nex=1;
		break;
	}
	//this executes transition
	document.getElementById("rotating-banner").setAttribute("src","images/banner-" + nex + ".jpg");
	$('#rotating-banner').fadeIn(4000);
	floatingWords();
	rotato=setTimeout("imgRot(" + nex + ")",30000);
	
}
//HANDLE LINK FADING ACTIVITY HERE
function setFade()
{
	window.addEvent('domready',function() {
			$each($$('.fade'), function(el) {
				var original = el.getStyle('color');
				var morph = new Fx.Morph(el,{ 'duration':'300', 'link':'cancel' });
				el.addEvents({
					'mouseenter' : function() { morph.start({ 'color':'#b7b97b' }) },
					'mouseleave' : function() { morph.start({ 'color': original }) }
				});
			});
		});
		return true;
}
$(document).ready(function(){setupPage()});