jQuery(document).ready(
	function () {

		//TODO SOLUÇÃO CARREGAR ONLOAD NO BODY
		document.body.onload = "initr()";

		var $panel = jQuery(".panel");
		var $container = $panel.find(".container");
		var $infoSec = $panel.find(".info-section");

		//TODO MOVER BARRA DE SCROLL ROLAGEM
		//var tw = document.getElementById('painelrotator').offsetWidth;
		
		$container.wtRotator({
			width: 1024,
			height:354,
			thumb_width:24,
			thumb_height:24,
			button_width:24,
			button_height:24,
			button_margin:5,
			auto_start:true,
			delay:4000,
			transition:"random",
			transition_speed:400,
			block_size:75,
			vert_size:55,
			horz_size:50,
			cpanel_align:"BR",
			timer_align:"top",
			display_thumbs:true,
			display_dbuttons:true,
			display_playbutton:true,
			display_thumbimg:false,			
			display_side_buttons:true,
			tooltip_type:"image",
			display_numbers:true,
			display_timer:true,
			mouseover_pause:false,
			cpanel_mouseover:false,
			text_mouseover:false,
			text_effect:"fade",
			text_sync:true,
			shuffle: false,
			block_delay:25,
			vstripe_delay:73,
			hstripe_delay:183
		});

var $submitButton = jQuery("#submit-btn");
var $resetButton = jQuery("#reset-btn");
var $trans = jQuery("#transitions");
var $easings = jQuery("#easing");
var $textEffects = jQuery("#texteffects");
var $cpAlign = jQuery("#cpalignments");
var $cpPos = jQuery("input[name='cp-pos']");
var $cpanelCB = jQuery("#cpanel-cb");
var $ttType = jQuery("#tt-type");
var $thumbCB = jQuery("#thumbs-cb");
var $dBtnsCB = jQuery("#dbuttons-cb");
var $playBtnCB = jQuery("#playbutton-cb");
var $timerCB = jQuery("#timer-cb");
var $thumbImgCB = jQuery("#img-cb");
var $sideBtnsCB = jQuery("#sidebtns-cb");
var $pauseCB = jQuery("#pause-cb");
var $textCB = jQuery("#text-cb");
		
		$submitButton.click(function() {
			$container.undoChanges()
			.setTransition($trans.val())
			.setEasing($easings.val())
			.setTextEffect($textEffects.val())
			.setCpanelAlign($cpAlign.val())
			.setCpanelPos($cpPos.filter(":checked").val())
			.setTooltipType($ttType.val())
			.setThumbs($thumbCB.prop("checked"))
			.setDButtons($dBtnsCB.prop("checked"))
			.setPlayButton($playBtnCB.prop("checked"))
			.setTimerBar($timerCB.prop("checked"))
			.setThumbImg($thumbImgCB.prop("checked"))
			.setSideButtons($sideBtnsCB.prop("checked"))						
			.setMouseoverText($textCB.prop("checked"))
			.setMouseoverPause($pauseCB.prop("checked"))
			.setMouseoverCPanel($cpanelCB.prop("checked"))
			.updateChanges();
			
			var $rotatorDiv = $container.find(">div");
			$panel.width($rotatorDiv.outerWidth()).css("margin-left", -Math.round($panel.outerWidth()/2));
			$infoSec.width($rotatorDiv.width());
		});
		
		$resetButton.click(function() {
			init();
			$submitButton.trigger("click");
		});
		
		$trans.change(
			function() {
			    $easings.attr("disabled", jQuery(this).val() == "none"); 
			}
		);
		
		$cpPos.change(
			function() {
			    $cpanelCB.attr("disabled", jQuery(this).filter(":checked").val() == "outside");
			}
		);
		
		$thumbCB.change(
			function() {
			    $ttType.attr("disabled", !jQuery(this).prop("checked"));
			    $thumbImgCB.attr("disabled", !jQuery(this).prop("checked"));
				checkCPanel();	
			}
		);
		
		$dBtnsCB.change(
			function() {
			    if (jQuery(this).prop("checked")) {
					$sideBtnsCB.prop("checked", "");
				}
				checkCPanel(); 
			}
		);
		
		$sideBtnsCB.change(
			function() {
			    if (jQuery(this).prop("checked")) {
					$dBtnsCB.prop("checked", "");
				}
				checkCPanel();
			}
		);
		
		$playBtnCB.change(
			function() { 
				checkCPanel(); 
		});			
		
		var init = function() {
			//$trans.val("random");
			$easings.val("").attr("disabled", false);
			$textEffects.val("fade");
			$cpAlign.val("BR").attr("disabled", false);
			$cpPos.attr("disabled", false);
			//jQuery("input#pos-inside").prop("checked", true);
			$ttType.val("image").attr("disabled", false); 
			//$thumbCB.prop("checked", "checked");
			//$dBtnsCB.prop("checked", "checked");
			//$playBtnCB.prop("checked", "checked");
			//$timerCB.prop("checked", "checked");
			//$thumbImgCB.prop("checked", "").attr("disabled", false);
			//$sideBtnsCB.prop("checked", "");
			//$pauseCB.prop("checked", "");
			//$textCB.prop("checked", "");
			//$cpanelCB.prop("checked", "").attr("disabled", false);
		}
		
		var checkCPanel = function() {
			var val = ($thumbCB.prop("checked") || $dBtnsCB.prop("checked") || $playBtnCB.prop("checked"));
			$cpanelCB.attr("disabled", (!val || $cpPos.filter(":checked").val() == "outside") && !$sideBtnsCB.prop("checked"));
			$cpPos.attr("disabled", !val);
			$cpAlign.attr("disabled", !val);
		}
		init();
	}
);

 function reportSize() {
		   myWidth = 0, myHeight = 0;
		   if (typeof (window.innerWidth) == 'number') {
			   //Non-IE
			   myWidth = window.innerWidth;
			   myHeight = window.innerHeight;
		   } else {
			   if (document.documentElement &&
				(document.documentElement.clientWidth || document.documentElement.clientHeight)) {
				   //IE 6+ in 'standards compliant mode'
				   myWidth = document.documentElement.clientWidth;
				   myHeight = document.documentElement.clientHeight;
			   } else {
				   if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
					   //IE 4 compatible
					   myWidth = document.body.clientWidth;
					   myHeight = document.body.clientHeight;
				   }
			   }
		   }
	   }
	   function setInnerWidth(w, h) {
		   window.resizeTo(800, 800);
		   reportSize();
		   var oX = 800 - myWidth;
		   var oY = 800 - myHeight;
		   window.resizeTo((w + oX), (h + oY));
	   }
	   function doTest() {
		   reportSize();
		   //document.getElementById("ctl00_ContentPlaceHolder1_lblcurrentvalues").innerHTML = "Current inner: " + myWidth + "*" + myHeight;
		   document.getElementById("containerrotator2").style.width = myWidth + "px";
	   }
	   function initr() {
		   window.onresize = doTest;
		   doTest();
	   }