/************************************************
	JavaScript por: GILLS.com.br e jQuery.com
*************************************************/

// Funções APÓS carregaento
$(document).ready(function() {
	
	// Oculta todos os DDs
	$('dd').addClass('invisivel');
	
	// Mudar cor da borda e textos dos DTs
	$('dt').mouseover(function() {
		$(this).addClass('opacidade');
	});
	$('dt').mouseout(function() {
		$(this).removeClass('opacidade');
	});
	
	// Abre-fecha DDs
	$('dt').click(function() {
		$(this).next().slideToggle(1200);
	});

	// Põe em itálico palavras estrangeiras
	$('*[lang != ""]').addClass('italico');
	
	// Põe o cursor HELP nas palavras abreviadas
	$('acronym').addClass('ajuda');
	
	// PADRÕES WEB
	$('#padroes #texto dl dd:last-child').css('border-bottom','1px solid #000');
	// Efeito Lightbox
	$('<div id="mascara"></div>')
	  .css({opacity:0.8, width:$(document).width(), height:$(document).height()
	  })
	  .appendTo('body').hide();
	  $('#loguia a').click(function(event) {
		  event.preventDefault();
		  $('#mascara').fadeIn(1000);
		  $('#padroes').fadeIn(1000)
		  .css({
		  left: ('12.5%'),
		  top: ('9%')
		  }).appendTo('body');
	  });
	  // Fechar
	  $('a.x').click(function(event){
		event.preventDefault();
		$('#mascara, #padroes').fadeOut(1000);
	  });

});