document.observe('dom:loaded', initMain);

function initMain(evt)
{
//	var clock = new Clock('timer');
	
	$$('.ro').each(function(e) 
	{
		/* e.identify(); */
		if (e.hasClassName('selected')) selectedIMG(e);
		else {
			e.observe('mouseover', rollOver);
			e.observe('mouseout', rollOut);
		}
	});
	
	function selectedIMG(objID)
	{
		obj = $(objID);
		if(obj.src.match(".gif")) {
			newSrc = obj.src.replace(new RegExp("_1.gif\\b"), "_2.gif");
		}
		else if($obj.src.match(".jpg")) {
			newSrc = obj.src.replace(new RegExp("_1.jpg\\b"), "_2.jpg");
		}
		else {
			newSrc = obj.src.replace(new RegExp("_1.png\\b"), "_2.png");
		}
		obj.src = newSrc;
		obj.up('a').replace(obj);
	}

	function rollOver(evt) 
	{
		rollOverImage = Event.element(evt);		
		if(rollOverImage.src.match("_1.gif")) {
			newSrc = rollOverImage.src.replace(new RegExp("_1.gif\\b"), "_2.gif");
		}
		else if(rollOverImage.src.match("_1.jpg")) {
			newSrc = rollOverImage.src.replace(new RegExp("_1.jpg\\b"), "_2.jpg");
		}
		else {
			newSrc = rollOverImage.src.replace(new RegExp("_1.png\\b"), "_2.png");
		}
		rollOverImage.src = newSrc;
	}

	function rollOut(evt) 
	{
		rollOutImage = Event.element(evt);
		if(rollOutImage.src.match("_2.gif")) {
			newSrc = rollOutImage.src.replace(new RegExp("_2.gif\\b"), "_1.gif");
		}
		else if(rollOutImage.src.match("_2.jpg")) {
			newSrc = rollOutImage.src.replace(new RegExp("_2.jpg\\b"), "_1.jpg");
		}
		else {
			newSrc = rollOutImage.src.replace(new RegExp("_2.png\\b"), "_1.png");
		}
		rollOutImage.src = newSrc;
	}
	
}

var Clock = Class.create(
{
	initialize: function(objID){
		this.obj = $(objID);		
		new PeriodicalExecuter(this.displayTime.bind(this), 1);
	},
	getTime: function()
	{
		var currentTime = new Date();
		return (currentTime.getHours().toPaddedString(2) + ":" + currentTime.getMinutes().toPaddedString(2) + ":" +currentTime.getSeconds().toPaddedString(2));
	},
	displayTime: function()
	{
		this.obj.update(this.getTime());
	}
});