//var path = '/<%= @path -%>';
//var bgs = new Array('<%= @backgrounds.join("', '") -%>');
var bgChanger;
var contentFadeTweenTimer;
var browser=navigator.appName;

window.addEvent("domready", function () {
	
	if (browser != "Microsoft Internet Explorer") {
		var bgContainer = $('bg'),
		    bg = bgContainer.getElement('img'),
		    backgrounds_rand_index = $('backgrounds_rand_index'),
		    current = $('current'),
		    contentFadeTween = new Fx.Tween('columns', { duration: 500 });
		
		
		function changeBg(randomly) {
			var number
			if (randomly) {
			  number = Math.floor ( Math.random ( ) * (bgs.length - 1) + 1 );
            } else {
              if (parseInt(backgrounds_rand_index.get('value')) + 1 == bgs.length) {
                number = 0
              } else {
                number = parseInt(backgrounds_rand_index.get('value')) + 1
              }
            }
    	
			new Asset.images(path+"/"+bgs[number], { onComplete: function() {
				var changeBgTween = new Fx.Tween(bgContainer, {duration: 1000});
				
				//PASSO 1
				changeBgTween.start('opacity', 1, 0).chain(function(){
					//PASSO 2
					bg.set('src', path+"/"+bgs[number]);
					adjustImageToBg();
					changeBgTween.start('background-color', 'black');
					current.set('text', number + 1);
					backgrounds_rand_index.set('value', number);
				}).chain(function(){
					//PASSO 3
					changeBgTween.start('opacity', 0, 1);
				});
			} });
		}
		
		function contentFadeTweenOut() {
			contentFadeTween.start('opacity', 0.5)
		}
			
		function adjustImageToBg() {
			var bg_size = bg.getSize();
			var win_size = window.getSize()
    	
			if (win_size.y / win_size.x > bg_size.y / bg_size.x) {
				bg.set('width', '');
				bg.set('height', '100%');
			} else {
				bg.set('width', '100%');
				bg.set('height', '');
			}
		}
		
		
		// MOVE MOVE AND MOUSE STOP FUNCTIONS
		//BY TPWD™ - HTTP://TPWD.PT
		var mouseStopper;
		
		function onMouseMove() {
			//$('left_col').set('text', "moving...");
			mouseStopper = $clear(mouseStopper);
			mouseStopper = onMouseStop.delay(100);
    	
			//insert what to do while moving here
			var moving = ($('columns').getStyle('opacity') > 0.5 && $('columns').getStyle('opacity') < 1);
			if (!moving) {
				contentFadeTween.start('opacity', 1);
			}
		}
		var onMouseStop = function onMouseStop() {
			//$('left_col').set('text', "stopped...");
			mouseStopper = $clear(mouseStopper);
			
			//insert what to do on stop here
			contentFadeTweenTimer = $clear(contentFadeTweenTimer);
			contentFadeTweenOut.delay(5000);
    	
		}
		//window.addEvent('mousemove', onMouseMove);
		//mouseStopper = onMouseStop.delay(100);
		// END OF MOVE MOVE AND MOUSE STOP FUNCTIONS
		
		

/*
		$('randomize').addEvent('click', function() {
			changeBg(true);
			//bgChanger = $clear(bgChanger);
			//bgChanger = changeBg.periodical(15000);
		});
*/
		$('next').addEvent('click', function() {
			changeBg(false);
			//bgChanger = $clear(bgChanger);
			//bgChanger = changeBg.periodical(15000);
		});

		
  	
		$('resize_to_wide').addEvent('click', function () {
			window.resizeTo(1000,800)
		})
		
		$('resize_to_tall').addEvent('click', function () {
			window.resizeTo(600,800)
		})
		
		$('resize_to_square').addEvent('click', function () {
			window.resizeTo(800,800)
		})
  	
		
		window.addEvent("resize", adjustImageToBg);
		//bgChanger = changeBg.periodical(10000);
		//contentFadeTweenTimer = contentFadeTweenOut.delay(5000);
	} //if IE
	else {
		//alert("You shouldn't be using IE");
	}
});