function addRotateBehavior() {
	if(!document.getElementById || !document.getElementsByTagName) return false;
	var controller = document.getElementById("rotater");
	var controls = controller.getElementsByTagName("a");
	for(var i = 0; i < controls.length; i++) {
		controls[i].onclick = function() {
			document.getElementById("content").style.backgroundImage = "url(/assets/images/people/" + this.innerHTML + ".jpg)";
			for(var j = 0; j < controls.length; j++) {
				controls[j].className = "";
			}
			this.className= " selected";
		}
	}
}
	
var rand = Math.floor(Math.random() * 7) + 1;

function loadRotater() {
	if(!document.getElementById) return false;
	document.getElementById("rotater").style.display = "block";
	//var rand = Math.floor(Math.random() * 7) + 1;
	//alert(String(rand) + " = " + document.getElementById(String(rand)).style.className);
	//alert(String(rand));
	//alert(document.getElementById(String(rand)));
	document.getElementById("r"+String(rand)).style.className = " selected";
	document.getElementById("content").style.backgroundImage = "url(/assets/images/people/" + rand + ".jpg)";
}

function addController() {
	if(!document.getElementById) return false;
	
	$buffer = '<ul id="rotater">';
	if(rand == 1) {
		$buffer += '	<li><a id="r1" class="selected" href="#">1</a></li>';
	} else {
		$buffer += '	<li><a id="r1" href="#">1</a></li>';
	}
	if(rand == 2) {
		$buffer += '	<li><a id="r2" class="selected" href="#">2</a></li>';
	} else {
		$buffer += '	<li><a id="r2" href="#">2</a></li>';
	}
	if(rand == 3) {
		$buffer += '	<li><a id="r3" class="selected" href="#">3</a></li>';
	} else {
		$buffer += '	<li><a id="r3" href="#">3</a></li>';
	}
	if(rand == 4) {
		$buffer += '	<li><a id="r4" class="selected" href="#">4</a></li>';
	} else {
		$buffer += '	<li><a id="r4" href="#">4</a></li>';
	}
	if(rand == 5) {
		$buffer += '	<li><a id="r5" class="selected" href="#">5</a></li>';
	} else {
		$buffer += '	<li><a id="r5" href="#">5</a></li>';
	}
	if(rand == 6) {
		$buffer += '	<li><a id="r6" class="selected" href="#">6</a></li>';
	} else {
		$buffer += '	<li><a id="r6" href="#">6</a></li>';
	}
	if(rand == 7) {
		$buffer += '	<li><a id="r7" class="selected" href="#">7</a></li>';
	} else {
		$buffer += '	<li><a id="r7" href="#">7</a></li>';
	}

	$buffer += '</ul>';
	
	document.getElementById("controller").innerHTML = $buffer;
}

addLoadEvent(addController);
addLoadEvent(loadRotater);
addLoadEvent(addRotateBehavior);

function addLoadEvent(func) {
	var oldonload = window.onload;
	if(typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}