$(document).ready(function() {
	$('a.foto_uso img').mouseover(function() {
		// pega a imagem a ser exibida
		var img = $(this).parent().attr('href');


		$('#modal_foto_uso').html('<img style="border:1px solid black;" src="'+img+'"/>');
		var classe = $(this).attr('class');
		// margem esquerda
		var esquerda = ($(this).position().left+25)+ "px";
		// margem do topo
		var topo = $(this).position().top+ "px";

		// remove a estilização anterior para que a nova estilzação de 
		// alinhamento seja implementada com êxito
		$('#modal_foto_uso').removeAttr("style");


		// verifica se o produto da listagem está a esquerda
		if (classe == 'foto_esq') {
			// faz o alinhamento pela direita do ícone de exibição
			var direita = $(window).width() + 5 - $(this).position().left+"px";
			$('#modal_foto_uso').css("right", direita);
		} else {
			// faz o alinamento pela esquerda do ícone de exibição
			$('#modal_foto_uso').css("left", esquerda);
		}

		// definindo o posicinamento da imagem
		$('#modal_foto_uso').css("position","absolute");
		$('#modal_foto_uso').css("top", topo);

		// define o fade de entrada
		$('#modal_foto_uso').show();
	}).mouseout(function(){
		// define o fade de saída
		$('#modal_foto_uso').hide();
	});
	
	$('a.foto_uso').click(function(e) {
		e.preventDefault();
	});


});