/*

none	No transition
fade	Fade in transition
random	Random transition
block.top	Blocks expand, starting from top.
block.bottom	Blocks expand, starting from bottom.
block.left	Blocks expand, starting from left.
block.right	Blocks expand, starting from right.
diag.fade	Blocks fade in, starting diagonally.
diag.exp	Blocks expand, starting diagonally.
rev.diag.fade	Blocks fade in, reverse diagonally.
rev.diag.exp	Blocks expand, reverse diagonally.
block.fade	Blocks fade in at random speed.
block.exp	Blocks expand at random speed.
block.drop	Blocks fall at random speed.
block.top.zz	Blocks fade in, start from top and zig zag down.
block.bottom.zz	Blocks fade in, start from bottom and zig zag top.
block.left.zz	Blocks fade in, start from left and zig zag right.
block.right.zz	Blocks fade in, start from right and zig zag left.
spiral.in	Blocks fade in, spiraling in.
spiral.out	Blocks fade out, spiraling out.
vert.random.fade	Vertical stripe fade in at random.
vert.tl	Vertical stripe transition starting top left.
vert.tr	Vertical stripe transition starting top right.
vert.bl	Vertical stripe transition starting bottom left.
vert.br	Vertical stripe transition starting bottom right.
fade.left	Vertical stripe transition fade starting from left.
fade.right	Vertical stripe transition fade starting from right.
alt.left	Alternating vertical stripe transition starting from left.
alt.right	Alternating vertical stripe transition starting from right.
blinds.left	Vertical blinds transition starting from left.
blinds.right	Vertical blinds transition starting from right.
horz.random.fade	Horizontal stripe fade in at random.
horz.tl	Horizontal stripe transition starting top left.
horz.tr	Horizontal stripe transition starting top right.
horz.bl	Horizontal stripe transition starting bottom left.
horz.br	Horizontal stripe transition starting bottom right.
fade.top	Horizontal stripe transition fade starting from top.
fade.bottom	Horizontal stripe transition fade starting from bottom.
alt.top	Alternating horizontal stripe transition starting from top.
alt.bottom	Alternating horizontal stripe transition starting from bottom.
blinds.top	Horizontal blinds transition starting from top.
blinds.bottom	Horizontal blinds transition starting from bottom.

*/
$(document).ready(	
	function() {
		var $container = $(".container");
		$container.wtRotator({
			width:980,
			height:370,
			button_width:25,
			button_height:25,
			button_margin:5,
			auto_start:true,
			delay:4000,
			transition:"block.fade",
			transition_speed:700,
			block_size:75,
			vert_size:55,
			horz_size:50,
			cpanel_align:"BR",
			timer_align:"top",
			display_thumbs:true,
			display_dbuttons:false,
			display_playbutton:false,
			tooltip_type:"image",
			display_numbers:true,
			display_timer:true,
			mouseover_pause:true,
			cpanel_mouseover:true,
			text_mouseover:true,
			text_effect:"fade",
			text_sync:true,
			shuffle:true,
			block_delay:25,
			vstripe_delay:73,
			hstripe_delay:183
		});
		
		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 $pauseCB = 		$("#pause-cb");
		var $textCB = 		$("#text-cb");
		
		$submitButton.click(function() {
			$container.undoChanges();
			
			$container.setTransition($trans.val());
			$container.setEasing($easings.val());
			$container.setTextEffect($textEffects.val());	
			$container.setCpanelAlign($cpAlign.val());
			$container.setCpanelPos($cpPos.filter(":checked").val());
			$container.setTooltipType($ttType.val());			
			$container.setThumbs($thumbCB.attr("checked"));
			$container.setDButtons($dBtnsCB.attr("checked"));
			$container.setPlayButton($playBtnCB.attr("checked"));
			$container.setTimerBar($timerCB.attr("checked"));	
			$container.setMouseoverText($textCB.attr("checked"));			
			$container.setMouseoverPause($pauseCB.attr("checked"));
			$container.setMouseoverCPanel($cpanelCB.attr("checked"));
			
			$container.updateChanges();	
		});
		
		$resetButton.click(function() {
			$trans.val("random");
			$easings.val("").attr("disabled", false);
			$textEffects.val("fade");
			$cpAlign.val("BR").attr("disabled", false);
			$cpPos.attr("disabled", false);
			$("input#pos-inside").attr("checked", true);
			$ttType.val("image").attr("disabled", false); 
			$thumbCB.attr("checked", "checked");
			$dBtnsCB.attr("checked", "checked");
			$playBtnCB.attr("checked", "checked");
			$timerCB.attr("checked", "checked");
			$pauseCB.attr("checked", "");
			$textCB.attr("checked", "");
			$cpanelCB.attr("checked", "").attr("disabled", false);
		
			$submitButton.trigger("click");
		});
		
		$trans.change(
			function() {		
				$easings.attr("disabled", $(this).val() == "none"); 
			}
		);
		
		$cpPos.change(
			function() {		
				$cpanelCB.attr("disabled", $(this).filter(":checked").val() == "outside"); 
			}
		);
		
		$thumbCB.change(
			function() {
				$ttType.attr("disabled", !$(this).attr("checked")); 
				checkCPanel();	
			}
		);
		
		$dBtnsCB.change(function() { checkCPanel(); });
		$playBtnCB.change(function() { checkCPanel(); });			
		
		var checkCPanel = function() {
			var val = ($thumbCB.attr("checked") || $dBtnsCB.attr("checked") || $playBtnCB.attr("checked"));
			$cpanelCB.attr("disabled", !val || $cpPos.filter(":checked").val() == "outside");
			$cpPos.attr("disabled", !val);
			$cpAlign.attr("disabled", !val);
		}				
	}
);