$(document).ready(function(){

	/* ACORDDION */
	$('h2.accordion').click(function(){
		$(this).parent().find('div.accordion').slideToggle("slow");
	});
	
	
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! B�sico  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	$('a#exemplo_simples').modal();	
	$('button#exemplo_button').modal({
		url:'http://www.tidbits.com.br/download/exemplos/modal/exemplo_modal.html'
	});	

	
	
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! backgroundColor  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	$('a#exemplo_vermelho').modal({
		backgroundColor:'#ff0000'
	});
	$('a#exemplo_amarelo').modal({
		backgroundColor:'#ffff00'
	});
	$('a#exemplo_azul').modal({
		backgroundColor:'#0000FF',
		closeClickOut: true,
		backgroundOpacity:0.8,
		closeEsc: true
	});	
	
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Foge Ajuda  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	$('a#ajuda1').modal({
		backgroundColor:'#AEAEFF',
		closeClickOut: true,
		backgroundOpacity:0.8,
		closeEsc: true
	});	
	$('a#ajuda2').modal({
		backgroundColor:'#AEAEFF',
		closeClickOut: true,
		backgroundOpacity:0.8,
		closeEsc: true
	});	
	$('a#ajuda3').modal({
		backgroundColor:'#AEAEFF',
		closeClickOut: true,
		backgroundOpacity:0.8,
		closeEsc: true
	});	
	$('a#ajuda4').modal({
		backgroundColor:'#AEAEFF',
		closeClickOut: true,
		backgroundOpacity:0.8,
		closeEsc: true
	});	
	
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! backgroundOpacity  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	$('a#exemplo_opacity').modal({
		backgroundOpacity:0
	});		
	$('a#exemplo_fundo_claro').modal({
		backgroundOpacity:0.2
	});	
	$('a#exemplo_fundo_escuro').modal({
		backgroundOpacity:0.7
	});			
	$('a#exemplo_fundo_preto').modal({
		backgroundOpacity:1
	});	
		
		
		
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Posicionamento  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */	
	$('a#exemplo_posicao_relativa').modal({
		position:'relative'
	});			
	$('a#exemplo_com_referencia').modal({
		position: 'relative',
		referencePosition: $('div#exemploReferencia')
	});		
	$('a#exemplo_left').modal({
		position: 'relative',
		referencePosition: $('div#top_left'),
		left:30
	});		
	$('a#exemplo_top').modal({
		position: 'relative',
		referencePosition: $('div#top_left'),
		top:40
	});	
	$('a#exemplo_top_left').modal({
		position: 'relative',
		referencePosition: $('div#top_left'),
		top:20,
		left: -50
	});			
	$('a#exemplo_left2').modal({
		position: 'relative',
		left: 250
	});	
	
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Exemplo sem ESC  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */		
	$('a#exemplo_esc').modal({
		closeEsc: false
	});		
	
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Exemplo sem ESC  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */		
	$('a#exemplo_clickOut').modal({
		closeClickOut: true
	});			
});