var j = jQuery.noConflict();
j(document).ready(	
	function() {
		var jcontainer = j(".container");
		jcontainer.wtRotator({
			width:1000,
			height:359,
			button_width:50,
			button_height:50,
			button_margin:5,
			auto_start:true,
			delay:5000,
			transition:"fade",
			transition_speed:800,
			block_size:75,
			vert_size:55,
			horz_size:50,
			cpanel_align:"BR",
			timer_align:"top",
			display_thumbs:true,
			display_dbuttons:true,
			display_playbutton:true,
			tooltip_type:"none",
			display_numbers:false,
			display_timer:false,
			mouseover_pause:false,
			cpanel_mouseover:false,
			text_mouseover:false,
			text_effect:"fade",
			text_sync:true,
			shuffle:false,
			border:1,
			block_delay:25,
			vstripe_delay:73,
			hstripe_delay:183
		});
		var jsubmitButton = j("#submit-btn");
		var jresetButton =  j("#reset-btn");
		var jtrans = 		j("#transitions");
		var jeasings =		j("#easing");
		var jtextEffects = 	j("#texteffects");
		var jcpAlign = 		j("#cpalignments");
		var jcpPos = 		j("input[name='cp-pos']");
		var jcpanelCB = 	j("#cpanel-cb");
		var jttType = 		j("#tt-type");
		var jthumbCB = 		j("#thumbs-cb");
		var jdBtnsCB = 		j("#dbuttons-cb");
		var jplayBtnCB = 	j("#playbutton-cb");
		var jtimerCB = 		j("#timer-cb");
		var jpauseCB = 		j("#pause-cb");
		var jtextCB = 		j("#text-cb");
		
		jsubmitButton.click(function() {
			jcontainer.undoChanges()
					  	.setTransition(jtrans.val()).setEasing(jeasings.val())
						.setTextEffect(jtextEffects.val())
						.setCpanelAlign(jcpAlign.val())
						.setCpanelPos(jcpPos.filter(":checked").val())
						.setTooltipType(jttType.val())
						.setThumbs(jthumbCB.attr("checked"))
						.setDButtons(jdBtnsCB.attr("checked"))
						.setPlayButton(jplayBtnCB.attr("checked"))
						.setTimerBar(jtimerCB.attr("checked"))
						.setMouseoverText(jtextCB.attr("checked"))
						.setMouseoverPause(jpauseCB.attr("checked"))
						.setMouseoverCPanel(jcpanelCB.attr("checked"))
						.updateChanges();	
		});
		
		jresetButton.click(function() {
			init();
			jsubmitButton.trigger("click");
		});
		
		jtrans.change(
			function() {		
				jeasings.attr("disabled", j(this).val() == "none"); 
			}
		);
		
		jcpPos.change(
			function() {		
				jcpanelCB.attr("disabled", j(this).filter(":checked").val() == "outside"); 
			}
		);
		
		jthumbCB.change(
			function() {
				jttType.attr("disabled", !j(this).attr("checked")); 
				checkCPanel();	
			}
		);
		
		jdBtnsCB.change(function() { checkCPanel(); });
		jplayBtnCB.change(function() { checkCPanel(); });			
		
		var init = function() {
			jtrans.val("random");
			jeasings.val("").attr("disabled", false);
			jtextEffects.val("fade");
			jcpAlign.val("BR").attr("disabled", false);
			jcpPos.attr("disabled", false);
			j("input#pos-inside").attr("checked", true);
			jttType.val("image").attr("disabled", false); 
			jthumbCB.attr("checked", "checked");
			jdBtnsCB.attr("checked", "checked");
			jplayBtnCB.attr("checked", "checked");
			jtimerCB.attr("checked", "checked");
			jpauseCB.attr("checked", "");
			jtextCB.attr("checked", "");
			jcpanelCB.attr("checked", "").attr("disabled", false);
		}
		
		var checkCPanel = function() {
			var val = (jthumbCB.attr("checked") || jdBtnsCB.attr("checked") || jplayBtnCB.attr("checked"));
			jcpanelCB.attr("disabled", !val || jcpPos.filter(":checked").val() == "outside");
			jcpPos.attr("disabled", !val);
			jcpAlign.attr("disabled", !val);
		}	
		
		init();
	}
);
