var aSectionID = [
	'sample_bg_awards',
	'sample_bg_casting',
	'sample_bg_music',
	'sample_bg_news',
	'sample_bg_nowplaying',
	'sample_bg_radio',
	'sample_bg_spots',
	'sample_bg_studios',
	'sample_bg_television',
	'sample_bg_us',
];

for(var i=0; i<aSectionID.length; i++) {
	window[aSectionID[i]] = new Image();
	window[aSectionID[i]].src = 'images/' + [aSectionID[i]] + ".jpg";
}

var bLoaded = false;
var cNav

function mouseOver(obj) {
	if(!bLoaded) return false;
	var oSectionID = document.getElementById('section-id');
	var sPath = obj.src.substring( 0, obj.src.lastIndexOf('/') +1 );
	var sImg = obj.src.substring(obj.src.lastIndexOf('/') +1, obj.src.lastIndexOf('.'));
	if(sImg.indexOf('_on') == -1) obj.src = sPath + sImg + "_on.gif";
	oSectionID.src = eval('sample_bg_' + sImg.replace('nav_', '') + '.src');
}

function mouseOut(obj) {
	if(!bLoaded) return false;
	var oSectionID = document.getElementById('section-id');
	var sPath = obj.src.substring( 0, obj.src.lastIndexOf('/') +1 );
	var sImg = obj.src.substring(obj.src.lastIndexOf('/') +1, obj.src.lastIndexOf('.'));
	if(sImg.indexOf('_on') != -1) obj.src = sPath + sImg.replace('_on', '') + ".gif";
	oSectionID.src = 'images/sample_bg_us.jpg';
}

function attachMouseEvents() {
	for(var n=0; n<cNav.length; n++) {
		// no mouse events on active buttons
		if(cNav[n].src.indexOf('_on')!=-1) continue;
		cNav[n].onmouseover = function() { mouseOver(this) }
		cNav[n].onmouseout = function() { mouseOut(this) }
	}
}

function init() {
	cNav = document.getElementById('nav').getElementsByTagName('IMG');
	attachMouseEvents();
	bLoaded = true;
	document.getElementById('main').style.visibility = 'visible';
}

window.onload = init;