$(document).ready(	
	function() {
		var captionPos = "inside";
		var $container = $(".container");	
		$container.wtScroller({
			num_display:3,
			slide_width:280,
			slide_height:160,
			slide_margin:1,
			button_width:30,
			ctrl_height:20,
			margin:10,	
			auto_scroll:true,
			delay:4000,
			scroll_speed:1000,
			easing:"",
			move_one:false,
			display_buttons:true,			
			display_scrollbar:true,
			display_indexes:false,
			display_caption:true,
			mouseover_caption:true,
			caption_align:"bottom",
			caption_position:"inside",					
			cont_nav:true,
			shuffle:false,
			lightbox_on:true,
			lightbox:{	
					rotate:true,
					delay:4000,
					display_number:true,
					display_timer:true,
					display_caption:true,
					caption_align:"bottom",
					transition_speed:600,
					cont_nav:true,
					auto_fit:true,
					easing:""
			}
		});
	
		var $positionList =	$("#cap-position");
		var $scrollEaseList = $("#easing");
		var $mouseoverCapCB = $("#capmouseover-cb");
		var $captionCB = 	$("#caption-cb");				
		var $scrollbarCB = 	$("#scrollbar-cb");
		var $indexCB = 		$("#index-cb");
		var $buttonsCB = 	$("#buttons-cb");
		var $lightboxCB = 	$("#lightbox-cb");
		var $rotateCB = 	$("#rotate-cb");
		var $textboxCB =	$("#text-cb");
		var $timerCB =		$("#timer-cb");
		var $numberCB =		$("#number-cb");
		var $tranEaseList = $("#lb-easing");

		$positionList.attr("disabled",false).val("inside_bottom").change(
			function() {
				var vals = $(this).val().split("_");
				captionPos = vals[0];
				$container.setCapPosition(captionPos, vals[1]);
				$mouseoverCapCB.attr("disabled", captionPos == "outside");
			}
		);
		
		$scrollEaseList.val("").change(
			function() {
				$container.setEasing($(this).val());
			}
		);
		
		$mouseoverCapCB.attr({"disabled":false, "checked":""}).change(
			function() {
				$container.setCapMouseover($(this).attr("checked"));
			}
		);
		
		$captionCB.attr("checked","checked").change(
			function() {
				var val = $(this).attr("checked");
				$container.setCaption(val);		
				$positionList.attr("disabled", !val);
				$mouseoverCapCB.attr("disabled", !val || captionPos == "outside"); 
			}
		);
		
		$scrollbarCB.attr("checked","checked").change(
			function() {
				var val = $(this).attr("checked");
				if (val) {
					$indexCB.attr("checked", "");
					$container.setIndexes(false);
				}
				$container.setScrollbar(val);	
			}
		);	
		
		$indexCB.attr("checked","").change(
			function() {
				var val = $(this).attr("checked");
				if (val) {
					$scrollbarCB.attr("checked", "");
					$container.setScrollbar(false);
				}
				$container.setIndexes(val);	
			}
		);
		
		$buttonsCB.attr("checked","checked").change(
			function() {						
				var val = $(this).attr("checked");
				$container.setButtons(val);
				$(".wt-scroller").css("margin-left", val ? 0 : ($container.width() - $(".wt-scroller").outerWidth())/2);
			}
		);	
		
		$lightboxCB.attr("checked","checked").change(
			function() {
				var val = $(this).attr("checked");
				$container.setLightbox(val);						
				$rotateCB.attr("disabled", !val);
				$textboxCB.attr("disabled", !val);
				$timerCB.attr("disabled", !val || !$rotateCB.attr("checked"));
				$numberCB.attr("disabled", !val);
				$tranEaseList.attr("disabled", !val); 
			}
		);	
		
		$rotateCB.attr({"disabled":false, "checked":"checked"}).change(
			function() {
				var val = $(this).attr("checked");
				$container.setLightboxRotate(val);
				$timerCB.attr("disabled", !val);
			}
		);		
		
		$textboxCB.attr({"disabled":false, "checked":"checked"}).change(
			function() {
				$container.setLightboxTextbox($(this).attr("checked"));
			}
		);		
		
		$timerCB.attr({"disabled":false, "checked":"checked"}).change(
			function() {
				$container.setLightboxTimer($(this).attr("checked"));
			}
		);		
		
		$numberCB.attr({"disabled":false, "checked":"checked"}).change(
			function() {
				$container.setLightboxNumber($(this).attr("checked"));
			}
		);		
		
		$tranEaseList.attr("disabled",false).val("").change(
			function() {
				$container.setLightboxEasing($(this).val());
			}
		);
	}
);