window.onscroll = function(){

	if(getObject('divSombra')){
		
		var pageScroll = getPageScroll();
		
		getObject('divSombra').style.top = pageScroll.yScroll + 'px';
	}
	
}

function trocaFoto(objImg,caminho,caminhoAmp){

	getObject(objImg).src = caminho;
	getObject(objImg).setAttribute('srcAmplia',caminhoAmp);
		
}

function ampliaFoto(objFoto){
	
	//capturando array com as dimensoes
	var pageScroll = getPageScroll();
	var objFoto = getObject(objFoto);
	
	//Criando a div absoluta para sombra
	var divSombra = document.createElement('DIV');
	divSombra.id = 'divSombra';
	divSombra.className = 'sombra';
	divSombra.style.top = pageScroll.yScroll + 'px';

	if(isIe())divSombra.style.height = document.documentElement.clientHeight;
	
	document.body.appendChild(divSombra);
	
	//Criando a div absoluta para posicionamento
	var divPosition = document.createElement('DIV');
	divPosition.id = 'divPosition';
	divPosition.className = 'fotoAmpliada';
	document.body.appendChild(divPosition);
	
	//Criando a div caixa para contes a foto e o botao fechar
	var divCaixa = document.createElement('DIV');
	divCaixa.id = 'divCaixa';
	divCaixa.className = 'caixa';
	divCaixa.style.marginTop = (pageScroll.yScroll + 100) + 'px';
	divPosition.appendChild(divCaixa);
	
	//Criando a div para conter o botão fechar
	var divFechar = document.createElement('DIV');
	divFechar.id = 'divFechar';
	divFechar.className = 'fechar';
	divFechar.innerHTML = "<a href='#' onClick='fechaAmpliaFoto();'>Fechar [x]</a><br>"
	divCaixa.appendChild(divFechar);
	
	//Criando a div para conter a foto
	var divFoto = document.createElement('DIV');
	divFoto.id = 'divFoto';
	divFoto.className = 'foto';
	divCaixa.appendChild(divFoto);
	
	var imgFoto = new Image;
	imgFoto.src = objFoto.getAttribute('srcAmplia');
	divFoto.appendChild(imgFoto);
	divCaixa.style.width = objFoto.getAttribute('widthAmplia') + 'px';
	
}

function fechaAmpliaFoto(){
	
	document.body.removeChild(getObject('divSombra'));
	document.body.removeChild(getObject('divPosition'));
	
}