/*
This little script handles the homepage banners and menu.
Hovering over a link changes what is displayed in the menu
*/

var cycle_counter = 1;
var cycle_interval = 0;
var cycle_duration = 6000;


/*
This function displays the banner requested in argument (integer from 1 to 4)
*/
function show_banner(number) {
	hide_all_banners();
	var menu_id = '#banner_' + number;
	var link_id = '#banner_link' + number;
	$(menu_id).css('display', 'block');
	$(link_id).addClass('select');
}


/* This function hides all the banners */
function hide_all_banners() {
	$('#banner_1, #banner_2, #banner_3, #banner_4').css('display', 'none');
	$('#banner_link1, #banner_link2, #banner_link3, #banner_link4').removeClass('select');
}

/* This function cycles through the banners */
function cycle_banners() {
	hide_all_banners();
	show_banner((cycle_counter % 4) + 1);
	cycle_counter++;
}

/*
This function initializes everything.
*/
$(document).ready(function() {
	$('#banner_link1').addClass('select');
	$('#banner_link1').mouseover(function() {show_banner(1); clearInterval(cycle_interval)});
	$('#banner_link2').mouseover(function() {show_banner(2); clearInterval(cycle_interval)});
	$('#banner_link3').mouseover(function() {show_banner(3); clearInterval(cycle_interval)});
	$('#banner_link4').mouseover(function() {show_banner(4); clearInterval(cycle_interval)});
	cycle_interval = setInterval(cycle_banners, cycle_duration);
});