


try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}

window.addEvent('domready', function() {

	function rotatorWidget () {
		var rotator = $('rotator');
		if(!rotator) {
			return false;
		}
		
		var rotator_content = $$('#rotator .rotator_content');
		var rotator_inner =  $$('#rotator .rotator_inner')[0];
		
		if(!rotator_content.length) {return false}
		
		var rotator_nav = document.createElement('div');
		rotator_nav.setAttribute('id','rotator_nav');
		
		var rotator_prev = document.createElement('a');
		rotator_prev.setAttribute('href','#');
		rotator_prev.setAttribute('id','rotator_prev');
		rotator_prev.innerHTML = 'Previous';
		
		
		var rotator_next = document.createElement('a');
		rotator_next.setAttribute('href','#');
		rotator_next.setAttribute('id','rotator_next');
		rotator_next.innerHTML = 'Next';
		
		var play = document.createElement('a');
		play.setAttribute('href','#');
		play.setAttribute('id','play');
		
		
		var rotator_pag = document.createElement('div');
		rotator_pag.setAttribute('id','rotator_pag');
		var rotator_pag_ul = document.createElement('ul');
		
		for(i=0; i<rotator_content.length; i++) {
			var li = document.createElement('li');
			if(i==rotator_content.length-1) {li.className='last'}
			var lk = document.createElement('a');
			if(i==0) {lk.setAttribute('id','active_rotator')}
			lk.setAttribute('href','#');
			lk.innerHTML = i + 1;
			li.appendChild(lk);
			rotator_pag_ul.appendChild(li);
			if(rotator_content[i].getAttribute('id')!='selected_content') {
				rotator_content[i].set('opacity',0);
			}
			
		}
		
		rotator_pag.appendChild(rotator_pag_ul);
		rotator_nav.appendChild(rotator_pag);
		
		rotator_inner.appendChild(rotator_nav);
		rotator_nav.appendChild(rotator_prev);
		rotator_nav.appendChild(rotator_next);
		rotator_nav.appendChild(play);
		
		rotator_pag_ul.style.paddingLeft = Math.round((105 - rotator_pag_ul.offsetWidth)/2) + 'px';
		rotator_pag_ul.style.visibility = 'visible';
		
		var rotator_lks = rotator_pag.getElementsByTagName('a');
		
		var counter = 0;
		var allow_transition = true;
		
		
		
		function transition () {
			var selected_content = $('selected_content');
			selected_content.set('opacity',1);
			selected_content.removeAttribute('id');
			rotator_content[counter].setAttribute('id','selected_content');
			
			var myFx = new Fx.Elements([selected_content,rotator_content[counter]],{duration:1000, 
				wait: false,
				transition: Fx.Transitions.Quad.easeInOut,
				onStart: function () {allow_transition = false},
				onComplete:function () {allow_transition = true}});
			
			
			myFx.start({
				'0': { 
					opacity: [0]
				},
				'1': { 
					opacity: [1]
				}
			});
			
		
			
			var active_rotator = $('active_rotator');
			active_rotator.removeAttribute('id');
			rotator_lks[counter].setAttribute('id','active_rotator');
		}
		
		window.interval = function () {
			if(counter==rotator_content.length-1) {counter= -1}
			counter++;
			transition();
		}
		
		var slideshow = false;
		var autoplay = true;
		var set_slideshow;
		
		function play_rotator () {
			if(slideshow==false) {
				slideshow = true;
				play.className = 'stop';
				set_slideshow = window.setInterval(interval,4000);
			}
			else {
				slideshow = false;
				play.className = 'play';
				window.clearInterval(set_slideshow);
			}
		}
		
		if(autoplay) {
			play_rotator();
		}
		
		play.onclick = function () {
			play_rotator();
			return false;
		}
		
		
		
		
		for(i=0; i<rotator_lks.length; i++) {
				rotator_lks[i].onclick = (function (j) {
				return function () {
					
					if(this.id=='active_rotator') {return false}
					slideshow = false;
					play.className = '';
					window.clearInterval(set_slideshow);
					counter = j;
					transition ();
					return false;
					
				}
			})(i);
	    }
		
		rotator_prev.onclick = function () {
			
			slideshow = false;
			play.className = '';
			window.clearInterval(set_slideshow);
			if(counter==0) {counter=rotator_content.length}
			counter--;
			transition ();
			return false;
		}
		
		rotator_next.onclick = function () {
			
			slideshow = false;
			play.className = '';
			window.clearInterval(set_slideshow);
			if(counter==rotator_content.length-1) {counter= -1}
			counter++;
			transition ();
			return false;
		}
		
		
		
		
		
	}	
	
	
	rotatorWidget();
	
});


