var rossMouseOver = Class.create(
{
	initialize: function(obj)
	{
		var self = this;
		this.obj = obj;

		this.allElements = $$('.'+this.obj.element);
		
		this.allElements.each(function(elm,i){
			
			$(elm).observe('mouseover',function(){
				var color = $($(elm).getElementsByClassName('infoLink')[0]).getAttribute('rel');
				
				$(elm).setStyle({
					backgroundImage: 'none',
					backgroundColor: color
				});
				
				$($(elm).getElementsByClassName('infoLink')[0]).setStyle({
					color: '#ffffff'
				});
			});
			
			$(elm).observe('mouseout',function(){
				
				$(elm).setStyle({
					backgroundImage: 'url(/sitefiles/22/design/infoBox.jpg)',
					backgroundColor: '#ffffff'
				});
				
				$($(elm).getElementsByClassName('infoLink')[0]).setStyle({
					color: '#575859'
				});
			});
		});
	}

});

Event.observe(window, 'load', function()
{
	if($('informationContainer')){
		var newRossMouseOver = new rossMouseOver(
		{
			element : 'informationContent'
		});
	}
	
});