// JavaScript Document

window.onload = function() {
	var foto1 = document.getElementById('foto1');
	var foto2 = document.getElementById('foto2');
	var foto3 = document.getElementById('foto3');
	var foto4 = document.getElementById('foto4');
	var foto5 = document.getElementById('foto5');
	var foto6 = document.getElementById('foto6');
	
	var link1 = document.getElementById('mod1');
	var link2 = document.getElementById('mod2');
	var link3 = document.getElementById('mod3');
	var link4 = document.getElementById('mod4');
	var link5 = document.getElementById('mod5');
	var link6 = document.getElementById('mod6');
	
	aFotos = new Array(foto1, foto2, foto3, foto4, foto5, foto6);
	aLinks = new Array(link1, link2, link3, link4, link5, link6);
	
	hideAll(aFotos);
	mostraFoto(foto1);
	highlight(link1);
	
	for (var i=0; i < aFotos.length; i++) {
		currentlink = aLinks[i];
		currentlink.foto = aFotos[i];
		currentlink.onclick = function() {
			resetStyles(aLinks);
			hideAll(aFotos);
			mostraFoto(this.foto);
			highlight(this);
		}
	}
}

function resetStyles(objs) {
	for (var i=0; i < objs.length; i++) {
		objs[i].style.color = "#666666";
	}
}

function highlight(obj) {
	obj.style.color = "#7DD100";
}

function hideAll(objs) {
	for (var i=0; i < objs.length; i++) {
		objs[i].style.display = "none";
	}
}

function mostraFoto(foto) {
	foto.style.display = "block";
}