var C = {};

Event.observe( window, 'load', function(){
	setupOverImgs();																						
});



function setupOverImgs()
{
 var imgs = $$('img.hasOverImg');

 imgs.each( function(imgEl){
	 console.log(imgEl);											 
	 $(imgEl).observe('click',onImgOver);
	 $(imgEl).observe('mouseout',onImgOut);	 
 })
}

function onImgOver(evt){
	console.log(">",e);	
	var e = Event.element(evt);

	 src = e.src.replace(/\.(jpg|gif)/,"-over.$1");
	 imgEl.src = src;
}

function onImgOut(evt){
	var e = Event.element(evt);	
	e.src = e.src.replace(/-over\./,".");
}