
function init()
{
	var elem;

	// Poppy
	elem = document.getElementById('poppy');
	elem.onmouseover = function() { show('bagels-poppy'); }
	elem.onmouseout = function() { hide('bagels-poppy'); }

	// Cinnamon
	elem = document.getElementById('cin');
	elem.onmouseover = function() { show('bagels-cin'); }
	elem.onmouseout = function() { hide('bagels-cin'); }

	// Sesame
	elem = document.getElementById('sesame');
	elem.onmouseover = function() { show('bagels-sesame'); }
	elem.onmouseout = function() { hide('bagels-sesame'); }

	// Parmesan
	elem = document.getElementById('parmesan');
	elem.onmouseover = function() { show('bagels-parmesan'); }
	elem.onmouseout = function() { hide('bagels-parmesan'); }

	// Natural
	elem = document.getElementById('natural');
	elem.onmouseover = function() { show('bagels-natural'); }
	elem.onmouseout = function() { hide('bagels-natural'); }

	// Blueberry
	elem = document.getElementById('blueberry');
	elem.onmouseover = function() { show('bagels-berry'); }
	elem.onmouseout = function() { hide('bagels-berry'); }

	// Organic-plain
	elem = document.getElementById('org-plain');
	elem.onmouseover = function() { show('organic-plain'); }
	elem.onmouseout = function() { hide('organic-plain'); }

	// Organic-whole
	elem = document.getElementById('org-whole');
	elem.onmouseover = function() { show('organic-wholemeal'); }
	elem.onmouseout = function() { hide('organic-wholemeal'); }

	// Hide nutrional info
	elem = document.getElementById('bagels-poppy');
	elem.style.display = 'none';
	elem = document.getElementById('bagels-cin');
	elem.style.display = 'none';
	elem = document.getElementById('bagels-sesame');
	elem.style.display = 'none';
	elem = document.getElementById('bagels-parmesan');
	elem.style.display = 'none';
	elem = document.getElementById('bagels-natural');
	elem.style.display = 'none';
	elem = document.getElementById('bagels-berry');
	elem.style.display = 'none';
	elem = document.getElementById('organic-plain');
	elem.style.display = 'none';
	elem = document.getElementById('organic-wholemeal');
	elem.style.display = 'none';
}

function show( id )
{

	var elem;
	elem = document.getElementById('bagels-default');
	elem.style.display = 'none';

	elem = document.getElementById(id);
	elem.style.display = 'block';
}

function hide( id )
{
	var elem;

	elem = document.getElementById(id);
	elem.style.display = 'none';

	elem = document.getElementById('bagels-default');
	elem.style.display = 'block';
}

// Register event handlers once page loaded
$(document).ready( function(){ init(); } );

