// timers in ms
var fade_in_t = 1200;
var fade_out_t = 800;
var hang_t = 6000;
var count = 1;

window.addEvent('domready', function() {
	if ($ES('.logo-box').length > 1) {
		var current = $E('.'+count, '.logo-box');
		assignBackgrounds();
		setTimeout(function(){fadeOut(current)}, hang_t);
		navhover();
	}
});

function assignBackgrounds() {
	var y = 0;
	$ES('.logo-box').each(function(e) {
		var ypos = -60 * y;
		e.setStyle('background-position', '0 '+ypos+'px');
		y++;
	});
}

function fadeOut(current) {
	var fadeLogosOut = new Fx.Style(current, 'opacity', {duration: fade_out_t, onComplete: function() {	
			current.setStyle('display', 'none');

			count++;
			if ($ES('.logo-box').length < count) {
				count = 1;
			}
			current = $E('.'+count, '.logo-box');
			current.setStyle('opacity', '0');
			current.setStyle('display', 'block');
			fadeIn(current);
		}
	});
	fadeLogosOut.start(0);
}

function fadeIn(current) {
	var fadeLogosIn = new Fx.Style(current, 'opacity', {duration: fade_in_t, onComplete: function() {
			setTimeout(function(){fadeOut(current)}, hang_t);
		}
	});
	fadeLogosIn.start(1);
}

function navhover() {
	var y = 0;
	$ES('a', 'home-navbar').each(function(e) {
		var ypos = y;
		e.addEvent('mouseenter', function() { $('home-navbar-bg').setStyle('background-position', '0 '+ypos+'px'); });
		y -= 12;
	});
	$ES('a', 'home-navbar').each(function(e) {
		e.addEvent('mouseleave', function() { $('home-navbar-bg').setStyle('background-position', '0 0'); });
	});
}