//functions

window.addEvent('domready', function(){
	bannerSwitch();
});

function bannerSwitch() {
	var imggal = $('imggal');
	var banners = $$('#imggal img');
	var rollMessage = $$('#imggal span');
	var curBanner = 0;
	var swapTime = 8000;
	var transTime = 1000;
	var counter = 0;
	
	var mouse_over = false;
	
	bannerSwap();
	
	bannerSwap.periodical(swapTime, this);
		banners[0].setOpacity(1);
		rollMessage[0].setOpacity(0);
		for(var i=1;i<banners.length;i++){
			banners[i].setOpacity(0);
			rollMessage[i].setOpacity(0);
		}
		
		imggal.addEvents({
			mouseenter: do_roll_over,
			mouseleave: do_roll_out
		});
		
		
		function bannerSwap() {
			var oldEl = banners[curBanner];
			var oldEl2 = rollMessage[curBanner];
			var oldElEffect = oldEl.set('tween', {duration: transTime});
			oldElEffect = oldEl.tween('opacity', '0');
			var oldElEffect2 = oldEl2.set('tween', {duration: transTime});
			oldElEffect2 = oldEl2.tween('opacity', '0');
			if(curBanner == banners.length-1){
				curBanner = 0;
			}
			else {
				curBanner++;
			}
			var newEl = banners[curBanner];
			var newElEffect = newEl.set('tween', {duration: transTime});
			newElEffect = newEl.tween('opacity', '1');
			
			if(mouse_over == true) {
				var newEl2 = rollMessage[curBanner];
				var newElEffect2 = newEl2.set('tween', {duration: transTime});
				newElEffect2 = newEl2.tween('opacity', '.75');
			}
			
		}
		
		function do_roll_over(e) {
			mouse_over = true;
			// e.stop();
			// This morphes the opacity and backgroundColor
			rollMessage[curBanner].set('tween', {duration: transTime});
			oldElEffect2 = rollMessage[curBanner].tween('opacity', '.75');
			
		}
		
		function do_roll_out(e) {
			mouse_over = true;
			// e.stop();
			// Morphes back to the original style
			rollMessage[curBanner].set('tween', {duration: transTime});
			oldElEffect2 = rollMessage[curBanner].tween('opacity', '0');
			
		}
}