// home.js
//   requires prototype.js
//   requires scriptaculous.js

function initHome()
{
	initRollover();
	startTimer();
}

// Transition

var delay = 10000;
var timerID = null;
var haveToToggle = true;

function startTimer()
{
	timerID = self.setTimeout( "toggleMenu()", delay );
}

function toggleMenu()
{
	if( haveToToggle )
	{
		haveToToggle = false;

		$('main').style.cursor = "default";

		Effect.Fade('artisans', {duration: 2.0});
		Effect.Fade('home', {duration: 2.0});

		Effect.Appear('menu', {duration: 2.0});
		Effect.Appear('degustation', {duration: 2.0});
	}
}

// Rollover

var images;
var buttons;

// Initialize the rollover
function initRollover()
{
	if( !document.getElementsByTagName || !document.getElementById ) return;
	
	if( ! window.XMLHttpRequest ) return;
	
	var menu = document.getElementById( 'menu' );
	var anchors = menu.getElementsByTagName( 'a' );

	buttons = document.getElementById( 'buttons' ).getElementsByTagName( 'img' );
	images = document.getElementById( 'rollover' ).getElementsByTagName( 'img' );
	
	// loop through all anchor tags
	var n = anchors.length;

	for( var i = 0; i < n; i++ )
	{
		var anchor = anchors[i];

		if( anchor.getAttribute( "href" ) )
		{
			var rel = anchor.getAttribute( "rel" );
			
			anchor.parentNode.onmouseover = function ()
			{
				enter( this, this.firstChild.getAttribute( 'rel' ) );
				return false;
			}

			anchor.parentNode.onmouseout = function ()
			{
				exit( this ); 
				return false;
			}
		} 
	}
}

function enter( element, rel )
{
	var image = document.getElementById( rel );
	
	element.className = 'activeTab';	
	image.style.visibility = 'visible';

	var n = buttons.length;
	for( var i = 0; i < n; i++ )
	{
		buttons[i].style.visibility = 'hidden';
	}
}

function exit( element )
{	
	element.className = '';

	var n = images.length;
	for( var i = 0; i < n; i++ )
	{
		images[i].style.visibility = 'hidden';
	}

	var n = buttons.length;
	for( var i = 0; i < n; i++ )
	{
		buttons[i].style.visibility = 'visible';
	}
}