// -----------------------------------------------------------------------------------
//
//  Desenvolvido por:
//  Rodrigo Fante
//	Fazedor de Site - http://www.fazedordesite.com
//	Versão 1.1.0
//  Ao menos mantenha os créditos - Totalmente gratis :D
//
// -----------------------------------------------------------------------------------
// || Tudo começa na ultima linha ||
// \/                             \/

function aumentaImg(img){
	// primeiro checo se ja existe a DIV "quadro"
	if(document.getElementById("quadro")==null){
		// Pega altura e largura do conteudo da pagina
		var larguraPag, alturaPag;
		if (self.innerHeight) {	// Todos exceto explorer
			larguraPag = self.innerWidth;
			alturaPag = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // IE 6 Strict Mode, FF e Safari para windows tbm identificam
			larguraPag = document.documentElement.clientWidth;
			alturaPag = document.documentElement.clientHeight;
		} else if (document.body) { // outros IE
			larguraPag = document.body.clientWidth;
			alturaPag = document.body.clientHeight;
		}	
	
		// caso ainda nao exista criamos os elementos necessarios para exibir a imagem maior
		var objBody = document.getElementsByTagName("body").item(0);
		
		// cria a div transparente que cobre todo o fundo
		var objFundo = document.createElement("div");
		objFundo.setAttribute('id','fundo_img'); // define o id
		// CSS do objeto
		objFundo.style.position="absolute"; 
		objFundo.style.top="0px";
		objFundo.style.left="0px";
		objFundo.style.width=larguraPag+"px";
		objFundo.style.height=alturaPag+"px";
		objFundo.style.background="#000";
		objFundo.style.zIndex=998;
		objFundo.style.MozOpacity=.5; // transparencia FF
		objFundo.style.opacity=.5; // transparencia  FF, Opera, Safari, Netscape
		objFundo.style.filter="Alpha(Opacity=50)"; // transparencia  IE
		// Adiciona o objeto no Body do html
		objBody.appendChild(objFundo);

		// cria a div onde sera inserida a imagem
		var objQuadroext = document.createElement("div");
		objQuadroext.setAttribute('id','quadro');
		objQuadroext.style.position="absolute";
		objQuadroext.style.border="solid 2px #CCC";
		objQuadroext.style.top="100px";
		objQuadroext.style.left="300px";
		objQuadroext.style.background="#FFF";
		objQuadroext.style.padding="5px";
		objQuadroext.style.zIndex=999;
		objBody.appendChild(objQuadroext);
		
		// cria a imagem vazia
		var objImagem = document.createElement("img");
		objImagem.setAttribute('id','img_maior');
		objQuadroext.appendChild(objImagem);
		
		// cria o link de fechar a janela
		var objFechar = document.createElement("a");
		objFechar.setAttribute('id','Fechar');
		objFechar.innerHTML="<br />Fechar";
		objFechar.setAttribute('href','javascript:void(0)');
		objFechar.onclick = function() { 
			document.getElementById("quadro").style.display="none";
			document.getElementById("fundo_img").style.display="none";
			return false;
		}
		objQuadroext.appendChild(objFechar);
		
	} else {
		// caso os objetos ja tenham sido criados altera a propriedade display para que os mesmos seja exibidos
		document.getElementById("quadro").style.display=""; 
		document.getElementById("fundo_img").style.display="";
	}
	//alert(document.documentElement.offsetHeight);
	//alert(document.body.scrollHeight);
	// altera o  src da imagem
	document.getElementById("img_maior").src=img;
}
function checaLinks(){
	var todosLinks = document.getElementsByTagName("a"); // pega todos os links 
	for (i=0; i<todosLinks.length; i++){ 
			var cada_link = todosLinks[i]; // varre os links um por um
			var atributo_rel = String(cada_link.getAttribute('rel')); // pega o vaor do atributo rel no link
			if (cada_link.getAttribute('href') && (atributo_rel.toLowerCase().match('aumenta'))){ 
				// Entra se o link tiver um valor de href e o valor de rel for igual a aumenta
				cada_link.onclick = function () { aumentaImg(this); return false; } 
				// quando o link for clicado chama a funçao aumentaImg
			}
	}	
}
window.onload=checaLinks; 
// Quando a pagina for carregada chama a funçao que vai varrer os links em busca das
// imagens que tem o link com o atributo rel com o valor "aumenta", essas quando clicadas
// executam a funcao aumentaImg para exibir a imagem em tamanho maior.