// JavaScript Document

function hoverController () {
	if (document.getElementById('Content-Right')) {
		var links = document.getElementById('Content-Right').getElementsByTagName('a')
		for (var i in links) {
			if (links[i].id !== undefined && links[i].id != '') {
				links[i].onmouseover = function () {
					imginfo = gatherImgInfo(this.id, 'on')
					document.getElementById(imginfo[0]).src = 'Media/Content/' + imginfo[1]
					this.parentNode.style.color = 'rgb(50,50,50)'
				}
				links[i].onmouseout = function () {
					imginfo = gatherImgInfo(this.id, 'off')
					document.getElementById(imginfo[0]).src = 'Media/Content/' + imginfo[1]
					this.parentNode.style.color = 'rgb(153,153,153)'			
				}
			}
		}
	}
	var imgs = document.getElementById('Content-Left').getElementsByTagName('img')
	for (var i in imgs) {
		if (imgs[i] !== undefined && imgs[i].id !== undefined) {
			
			//Preload The On State Images
			var onState = new Image;
			 	onState.src = 'Media/Content/' + imgs[i].id.split('-img')[0] + '_on.png'
				
			imgs[i].onmouseover = function () {			
				this.src = 'Media/Content/' + this.id.split('-img')[0] + '_on.png'		
				document.getElementById(this.id.split('-img')[0] + '-link').parentNode.style.color = 'rgb(50,50,50)'
			}
			imgs[i].onmouseout = function () {
				this.src = 'Media/Content/' + this.id.split('-img')[0] + '_off.png'
				document.getElementById(this.id.split('-img')[0] + '-link').parentNode.style.color = 'rgb(153,153,153)'
			}
		}
	}
}
	function gatherImgInfo (linkID, newState) {
		var linkroot = linkID.split('-link')[0]
		var imgid = linkroot + '-img'
		switch (newState) {
			case 'on': var imgsrc = linkroot + '_on.png'; break;
			case 'off': var imgsrc = linkroot + '_off.png'; break;
		}
		return Array(imgid, imgsrc)
	}