init = function() {
	initTabRollovers();
	initNavRollovers();
}

initTabRollovers = function() {
	var mediaTab = document.getElementById('mediaTab');
	var imgArray = $ES('img','mediaTab');
	
	imgSrc = imgArray[0].src.lastIndexOf('_over.gif');
	if (imgSrc <= 0)
	// don't do mouseover/mouseout events if its already "on"
	{
		mediaTab.onmouseover = function(){
		imgSrc = imgArray[0].src.substring(0,imgArray[0].src.lastIndexOf('.'));
		imgSrc += '_over.gif';
		imgArray[0].src = imgSrc;			    
			
			$('topBar').setStyles({
			   backgroundColor: '#333333'
			});
		}

		mediaTab.onmouseout = function() {      
			imgSrc = imgArray[0].src.substring(0,imgArray[0].src.lastIndexOf('_over.gif'));
			imgSrc += '.gif';
			imgArray[0].src = imgSrc;    
						
			$('topBar').setStyles({
			   backgroundColor: '#336600'
			});
		}
	}

}

initNavRollovers = function() {
	var imageRollovers = $ES('.navRollover');
	var imageRolloverGIFs = $ES('.navRolloverGIFs');

	for (i = 0; i < imageRolloverGIFs.length; i++)
	{
    var myElement = imageRolloverGIFs[i];
		myElement.addEvent('mouseover', _swapOverGif.bindWithEvent(myElement));
		myElement.addEvent('mouseout', _swapOutGif.bindWithEvent(myElement));
	}
	
	for (i = 0; i < imageRollovers.length; i++)
	{
    var myElement = imageRollovers[i];
		myElement.addEvent('mouseover', _swapOver.bindWithEvent(myElement));
		myElement.addEvent('mouseout', _swapOut.bindWithEvent(myElement));
	}
}

_swapOver = function() {
	this.removeClass(this.id);
	this.addClass(this.id + 'Over');
}

_swapOut = function() {
	this.removeClass(this.id + 'Over');
	this.addClass(this.id);  
}

_swapOverGif = function() {
	if (( this.src.substring(0,this.src.lastIndexOf('_active.gif')) == 0 ) && ( this.src.substring(0,this.src.lastIndexOf('x.gif')) == 0 ))
	{
		imgSrc = this.src.substring(0,this.src.lastIndexOf('.'));
		imgSrc += '_over.gif';
		this.src = imgSrc;					
	}    
}

_swapOutGif = function() {
	if (( this.src.substring(0,this.src.lastIndexOf('_active.gif')) == 0 ) && ( this.src.substring(0,this.src.lastIndexOf('x.gif')) == 0 ))
	{
		imgSrc = this.src.substring(0,this.src.lastIndexOf('_over.gif'));
		imgSrc += '.gif';
		this.src = imgSrc;				
	}        
}