/* 
	Author: José Neto  -  esoj.neto@gmail.com  -  +55(61)8161-1084
*/


$(function(){
	var idHover;

	$('.thumbs').mouseover(function(){
		var id = $(this).attr('id');
		idHover = id;
		var height = 20 + $('body').height();
		var width = $('body').width();
		var alturaDescricao = $('.descricaoImg').height();
		var negativoAlturaDescricao = (40 + alturaDescricao) * -1;
		var widthDescricao = $(this).width();
		var widthDescricao = widthDescricao - 40;

		// coloca descrição no lugar
		$('#'+ id + ' div.descricaoImg').show();
		$('#'+ id + ' div.descricaoImg').css({
			zIndex: 5000,
			width: widthDescricao + 'px',
			opacity: 0.8
		});

		$('#'+ id + ' div.descricaoImg').animate({
			marginTop: negativoAlturaDescricao +'px',
		}, 200);
		

		$('#imgDestak').show();
		$('#imgDestak').css({
			width: width + 'px',
			height: height + 'px',
			top: 0,
			left: 0,
			zIndex: 1000,
			opacity: 0.6
		});
		$(this).css('position', 'relative');
		$(this).css('z-index', '2000');
	});

	$('.thumbs').mouseout(function(){
		$('#imgDestak').hide();
		$(this).css('z-index', 0);

		//some e coloca no lugar a descrição
		$('.descricaoImg').hide();
		$('#'+ idHover + ' div.descricaoImg').css({
			marginTop: 0
		});
	});
});