// Author: Erik Dana - http://erikdana.com
// Updated: novembro 2010


$(document).ready(function(){

	// transição do conteúdo - fade
	$('#content').delay(200).fadeIn('slow');
		
	// submenu do footer
	$('#show').mouseenter(function() {
		$('#submenu').stop().css({display: 'block'}).animate({height: '180px', top: '-145px'});
	});
	$('#menu_bottom').mouseleave(function() {
		$('#submenu').stop().animate({height: '0',  top: '0'});
	});
	
	$('#submenu').css('overflow', 'hidden');

	// oneModal beta 0.8
	$('img[longdesc]').click(function() {
		var fullsize = $(this).attr('longdesc');
		 
		// append a new image with longdesc as src and add an overlay
		$('body').append('<div class="fullsize"><img src="' + fullsize + '" /></div>'); 
		$('.fullsize').wrap('<div class="overlay" />');
		
		// css to center image
		$('.fullsize').css({
			display: 'inline-block',
			margin: "5% auto"
		});
		$('.fullsize img').css({opacity: "0"});
		var $h = $('#wrap').height();
		$('.overlay').css({height: $h});
		$('.fullsize img').animate({opacity: "1"});
		// hide and remove fullsize + overlay
		$('.overlay').click(function() {
			$('.overlay').remove();
		});
		return false;
	});
	
	
// ############ Mapa setores ############ 
	$('#mapa').click(function() {
		var fullsize = $(this).attr('href');
		 
		// append a new image with longdesc as src and add an overlay
		$('body').append('<div class="fullsize"><img src="' + fullsize + '" /></div>'); 
		$('.fullsize').wrap('<div class="overlay" />');
		
		// css to center image
		$('.fullsize').css({
			display: 'inline-block',
			margin: "10% auto"
		});
		$('.fullsize img').css({opacity: "0"});
		$('.fullsize img').animate({opacity: "1"});
		var $h = $('#wrap').height();
		$('.overlay').css({height: $h});
		// hide and remove fullsize + overlay
		$('.overlay').click(function() {
			$('.overlay').remove();
		});
		return false;
	});
	
	
// ############ Google Maps ############ 
	$('.modal').click(function() {		 
		// append a new image with longdesc as src and add an overlay
		$('body').append('<div class="map"></div>'); 
		$('.map').wrap('<div class="overlay" />');
		
		// css to center image
		$('.map').css({
			display: 'inline-block',
			margin: "10% auto"
		});
		var map = $('#iframe');
		$('.map').html(map);
		$('#iframe').css('display', 'block');
		var $h = $('#wrap').height();
		$('.overlay').css({height: $h});
		
		// remove fullsize + overlay
		$('.overlay').click(function() {
			$('.overlay').fadeOut(500);
		});
		return false;
	});
});