/*Coloque onmouseover="h(this)" dentro da tag das imagens que terão o efeito.
Salve as imagens de acordo com o exemplo.
exemplo: imagem: home.gif
		 hover: home1.gif		
Neste exemplo, '1' é o modificador. Esse modificador deve ser definido abaixo*/
mod='1';	//Especifique o modificador que ficará em frente o nome da imagem


//Não há necessidade de editar abaixo
//Criado por Rui Santos - Portal Montadora

function h(i)
{
	var w=''+i.getAttribute('src');	
	var n=w.length;
	var n1=n-4;
	var w1=w.substring(0,n1);
	var w2=w.substring(n1,n);
	i.src=w1+mod+w2;
	var store=w;
	i.onmouseout=function()
		{
		i.src=store;
		}
}

window.onload=function(){
	var nimg=document.images.length;
	for(i=0;i<nimg;i++)
		{
		if(document.images[i].onmouseover)
			{			
			var w=''+document.images[i].getAttribute('src');
			var n=w.length;
			var n1=n-4;
			var w1=w.substring(0,n1);
			var w2=w.substring(n1,n);
			i.src=w1+mod+w2;
			var store=w;	
			var cacheimg=document.createElement('img');
			cacheimg.src=w1+mod+w2;
			cacheimg.setAttribute('width','1');
			cacheimg.setAttribute('height','1');
			cacheimg.style.display='none';
			document.getElementsByTagName('body')[0].appendChild(cacheimg);
			}
		}
	}