PictureThis.Diagram = function()
{
	
	var YUE = YAHOO.util.Event;
	
	return {
		
		init: function(root_id)
		{
			var root = document.getElementById(root_id);
			var images = root.getElementsByTagName('img');
			this.images = new Array();
			for(var i=0; i<images.length; i++)
			{
				if(i<3)
				{
				//	images[i].style.cursor = 'pointer';
					YUE.on(images[i], 'mouseover', this.swapMessage, this);
					this.images[this.images.length] = images[i];
				}
				else
				{
					this.message = images[i];
				}
			}
		},
		
		swapMessage: function(e, that)
		{
			var img = YUE.getTarget(e);
			var type = img.getAttribute('alt');
			
			that.resetImages();
			
			img.src = '/images/homepage_diagram/tab_'+type+'_o.gif';
			that.message.src = '/images/homepage_diagram/message_'+type+'.gif';
		},
		
		resetImages: function()
		{
			for(var i=0; i<this.images.length; i++)
			{
				this.images[i].src = this.images[i].src.replace(/_o/,'');
			}
		}
		
	}
	
}();
YAHOO.util.Event.onAvailable('footer', PictureThis.Diagram.init, 'homepage_diagram', PictureThis.Diagram);