var img_auto_loop_delay_seconds = 5;
var img_transition_seconds = 0;

function imgSwap(id) {
	clearInterval($('contents').loopInt);
	var to_hide, to_show, j;
	to_show = $('photo_'+id);
	var photos = $$(".main_photo");
	photos.each(function(li, i) {
        if(!Element.visible(li)) return false;
		Effect.Fade(li, { duration: img_transition_seconds });
    });
    Effect.Appear(to_show, { duration: img_transition_seconds });
}
function img_init_auto_loop() {
	clearInterval($('contents').loopInt);
    $('contents').loopInt = setInterval(function() {
		img_rotate();
        }, img_auto_loop_delay_seconds * 1000);
}
function img_rotate() {
	var to_hide, to_show, j;
	var photos = $$(".main_photo");
	photos.find(function(li, i) {
        if(!Element.visible(li)) return false;
        to_hide = li;
        j = [++i == photos.length ? 0 : i];
        to_show = photos[j];
        return true;
    });
	Effect.Fade(to_hide, { duration: img_transition_seconds });
    Effect.Appear(to_show, { duration: img_transition_seconds });
}
function swap_init() {
	$$('.event').each(function(li, i) {
		Event.observe(li, 'mouseout', img_init_auto_loop);
	});
}

var quote_auto_loop_delay_seconds = 15;
function quotes_init() {
	if(!$('quotes')) return false;
	$('quotes').loopInt = setTimeout(function() {
		quote_rotate();
		}, 5000);
}

function quote_rotate(){
	var active;

	var quotes = $$('.quotes_wrap');
	quotes.each(function(quote,i){
		if(quote.hasClassName('on')) {
			active=i;
			new Effect.Fade(quote, {duration: 1, queue: 'start', scope: 'quote'});
			quote.removeClassName('on');
		}
	});
	active++;
	if(active < quotes.length) {
		var q = quotes[active];
	} else {
		var q = quotes[0];
	}
	q.addClassName('on');
	new Effect.Appear(q, {duration: 1, queue: 'end', scope: 'quote'});
	
	$('quotes').loopInt = setTimeout(function() {
		quote_rotate();
		}, quote_auto_loop_delay_seconds * 1000);
}

var sponsor_auto_loop_delay_seconds = 15;
function sponsors_init() {
	if(!($$('.reg_sponsor').length >1)) return false;
	$('sponsors').loopInt = setTimeout(function() {
		sponsor_rotate();
		}, sponsor_auto_loop_delay_seconds * 1000);
}

function sponsor_rotate(){
	var active;

	var sponsors = $$('.reg_sponsor');
	sponsors.each(function(sponsor,i){
		if(sponsor.hasClassName('on')) {
			active=i;
			new Effect.Fade(sponsor, {duration: 1, queue: 'start', scope: 'sponsor'});
			sponsor.removeClassName('on');
		}
	});
	active++;
	if(active < sponsors.length) {
		var s = sponsors[active];
	} else {
		var s = sponsors[0];
	}
	s.addClassName('on');
	new Effect.Appear(s, {duration: 1, queue: 'end', scope: 'sponsor'});

	
	$('sponsors').loopInt = setTimeout(function() {
		sponsor_rotate();
		}, sponsor_auto_loop_delay_seconds * 1000);
}

var exsponsor_auto_loop_delay_seconds = 15;
function exsponsors_init() {
	if(!($$('.animated_sponsor').length > 1)) return false;
	$('animated_ex_sponsors').loopInt = setTimeout(function() {
		exsponsor_rotate();
		}, 20000);
}

function exsponsor_rotate(){
	var active;

	var sponsors = $$('.animated_sponsor');
	sponsors.each(function(sponsor,i){
		if(sponsor.hasClassName('on')) {
			active=i;
			new Effect.Fade(sponsor, {duration: 1, queue: 'start', scope: 'exsponsor'});
			sponsor.removeClassName('on');
		}
	});
	active++;
	if(active < sponsors.length) {
		var s = sponsors[active];
	} else {
		var s = sponsors[0];
	}
	s.addClassName('on');
	new Effect.Appear(s, {duration: 1, queue: 'end', scope: 'exsponsor'});

	
	$('animated_ex_sponsors').loopInt = setTimeout(function() {
		exsponsor_rotate();
		}, exsponsor_auto_loop_delay_seconds * 1000);
}

var banner_auto_loop_delay_seconds = 10;
function banner_init() {
	if($$('#banner_left .banner').length < 2) return false;
	$('banner_right').loopInt = setTimeout(function() {
		banner_right_rotate();
		}, 5000);
	if($$('#banner_right .banner').length < 2) return false;
	$('banner_left').loopInt = setTimeout(function() {
		banner_left_rotate();
		}, 1000);
}


function banner_right_rotate(){
	var active;

	var banners = $$('#banner_right .banner');
	banners.each(function(banner,i){
		if(banner.hasClassName('on')) {
			active=i;
			new Effect.Fade(banner, {duration: 1, queue: 'start', scope: 'banner'});
			banner.removeClassName('on');
		}
	});
	active++;
	if(active < banners.length) {
		var q = banners[active];
	} else {
		var q = banners[0];
	}
	q.addClassName('on');
	new Effect.Appear(q, {duration: 1, queue: 'end', scope: 'banner'});
	
	$('banner_right').loopInt = setTimeout(function() {
		banner_right_rotate();
		}, banner_auto_loop_delay_seconds * 1000);
}

function banner_left_rotate(){
	var active;

	var banners = $$('#banner_left .banner');
	banners.each(function(banner,i){
		if(banner.hasClassName('on')) {
			active=i;
			new Effect.Fade(banner, {duration: 1, queue: 'start', scope: 'banner'});
			banner.removeClassName('on');
		}
	});
	active++;
	if(active < banners.length) {
		var q = banners[active];
	} else {
		var q = banners[0];
	}
	q.addClassName('on');
	new Effect.Appear(q, {duration: 1, queue: 'end', scope: 'banner'});
	
	$('banner_left').loopInt = setTimeout(function() {
		banner_left_rotate();
		}, banner_auto_loop_delay_seconds * 1000);
}

Event.observe(window, 'load', img_init_auto_loop);
Event.observe(window, 'load', swap_init);
Event.observe(window, 'load', quotes_init);
//Event.observe(window, 'load', sponsors_init);
Event.observe(window, 'load', exsponsors_init);
Event.observe(window, 'load', banner_init);
