$(document).ready(	
	function() {
		var $panel = $(".divBaseAnimacao");
		var $container = $panel.find(".divContainerAnimacao");
		var $infoSec = $panel.find(".info-section");
		
		$container.wtRotator({
			width:765,						// Largura do banner
			height:365,						// Altura do banner
			thumb_width:27,					// Largura da paginação
			thumb_height:19,				// Altura da paginação
			button_width:24,				// Largura dos botões de controle
			button_height:24,				// Altura dos botões de controle
			button_margin:2,				// Margin dos botões
			auto_start:true,				// Começo automático  ( true / false )
			delay:6000,						// Tempo de troca de imagens
			transition:"fade",				// Tipo de efeito ( lista abaixo )
			transition_speed:1000,			// Tempo de execução do efeito
			block_size:75,					// Altera tamanho de efeitos de BLOCKS
			vert_size:55,					// Altera tamanho de efeitos de VERTICAL STRIPES
			horz_size:50,					// Altera tamanho de efeitos de HORIZONTAL STRIPES
			cpanel_align:"BC",				// Alinhamento da paginação BR (bottom right), BC (bottom center), BL (bottom left)
											// Alinhamento da paginação TR (top right), TC (top center), TL (top left)
			
			timer_align:"top",				// Alinhamento da barra do load ( top / bottom )
			display_thumbs:true,			// Exibe paginação
			display_dbuttons:false,			// Exibe botões Prev e Next
			display_playbutton:false,		// Exibe botão de Play e Pause
			display_thumbimg:false,			// Exibe minituras ao invéz de numeração na paginação
			display_side_buttons:false,		// Exibe botões Prev e Next nas Laterais do banner
			tooltip_type:"none",			// Define qual o tipo de title para os itens de paginação ( image / text / none )
			display_numbers:false,			// Exibe os números nos quadros de paginação
			display_timer:false,			// Exibe barra de load
			mouseover_pause:false,			// Pause a animação com o mouseOver
			cpanel_mouseover:false,			// Exibe a paginação só no mouseOver
			text_mouseover:false,			// Exibe o texto só no mouseOver
			text_effect:"fade",				// Efeitos da caixa de texto (na lista abaixo - EFEITOS DE TEXTO)
			text_sync:false,				// Texto some junto com animação
			shuffle:false,
			block_delay:25,					// Altera velocidade de efeitos de BLOCKS
			vstripe_delay:73,				// Altera velocidade de efeitos de VERTICAL STRIPES
			hstripe_delay:183				// Altera velocidade de efeitos de HORIZONTAL STRIPES
		});
		
		
		/*
			// EFEITOS ////////////////
				
				random  = random
				none    = nenhum
				fade    = o efeito fade basicão
				h.slide = horizontal slide
				v.slide = vertical slide
				
				
				VERTICAL STRIPES
					vert.random.fade =  random fade
					vert.tl 		 = top left
					vert.tr 		 = top right
					vert.bl 		 = bottom left
					vert.br 		 = bottom right
					fade.left 		 = left fade
					fade.right		 = right fade
					alt.left		 = left alternating
					alt.right		 = right alternating
					blinds.left		 = left blinds
					blinds.right	 = right blinds
					
					
				HORIZONTAL STRIPES
					horz.random.fade = random fade
					horz.tl			 = top left
					horz.tr			 = top right
					horz.bl			 = bottom left
					horz.br			 = bottom right
					fade.top		 = top fade
					fade.bottom		 = bottom fade
					alt.top			 = top alternating
					alt.bottom		 = bottom alternating
					blinds.top		 = top blinds
					blinds.bottom	 = bottom blinds
					
					
					
				BLOCKS
					diag.fade = diagional fade
					diag.exp = diagional expand
					rev.diag.fade = reverse diagional fade
					rev.diag.exp = reverse diagional expand
					block.fade = random fade
					block.exp = random expand
					block.drop = random drop
					spiral.in = spiral in
					spiral.out = spiral out
					block.top.zz = top zig zag
					block.bottom.zz = bottom zig zag
					block.left.zz = left zig zag
					block.right.zz = right zig zag
					block.top = top expand
					block.bottom = bottom expand
					block.left = left expand
					block.right = right expand
					
					
					
				EFEITOS DE TEXTO
					none  = none
					fade  = efeito basico de fade
					up 	  = expand up
					down  = down
					left  = expand left
					right = expand right
					
					
					
				TRANSITION EASING
					none
					linear
					easeInElastic
					easeOutElastic
					easeInOutElastic
					easeInBack
					easeOutBack
					easeInOutBack
					easeInBounce
					easeOutBounce
					easeInOutBounce
					easeInCirc
					easeOutCirc
					easeInOutCirc
					easeInQuad
					easeOutQuad
					easeInOutQuad
					easeInCubic    
					easeOutCubic
					easeInOutCubic
					easeInQuart
					easeOutQuart
					easeInOutQuart
					easeInQuint
					easeOutQuint
					easeInOutQuint
					easeInSine
					easeOutSine
					easeInOutSine
					easeInExpo
					easeOutExpo
					easeInOutExpo
		
		*/
		
		
		var $submitButton = $("#submit-btn");
		var $resetButton =  $("#reset-btn");
		var $trans = 		$("#transitions");
		var $easings =		$("#easing");
		var $textEffects = 	$("#texteffects");
		var $cpAlign = 		$("#cpalignments");
		var $cpPos = 		$("input[name='cp-pos']");
		var $cpanelCB = 	$("#cpanel-cb");
		var $ttType = 		$("#tt-type");
		var $thumbCB = 		$("#thumbs-cb");
		var $dBtnsCB = 		$("#dbuttons-cb");
		var $playBtnCB = 	$("#playbutton-cb");
		var $timerCB = 		$("#timer-cb");
		var $thumbImgCB =	$("#img-cb");
		var $sideBtnsCB =	$("#sidebtns-cb");		
		var $pauseCB = 		$("#pause-cb");
		var $textCB = 		$("#text-cb");
	}
);