/*-----------------------------------------------------------------*
 *  JavaScript Functions
 *  (c) 2008 Andre Evertz <a.evertz@devil-coding.de>
 *  http://www.devil-coding.de
 *-----------------------------------------------------------------*/

// Events
function LoadEvents()
{
	// Initialize events
	Event.observe("Button01", "mouseover", ImageOver01, false);
	Event.observe("Button01", "mouseout", ImageOut01, false);
	Event.observe("Image01", "mouseover", ImageOver01, false);
	Event.observe("Image01", "mouseout", ImageOut01, false);
	
	Event.observe("Button02", "mouseover", ImageOver02, false);
	Event.observe("Button02", "mouseout", ImageOut02, false);
	Event.observe("Image02", "mouseover", ImageOver02, false);
	Event.observe("Image02", "mouseout", ImageOut02, false);
	
	Event.observe("Button03", "mouseover", ImageOver03, false);
	Event.observe("Button03", "mouseout", ImageOut03, false);
	Event.observe("Image03", "mouseover", ImageOver03, false);
	Event.observe("Image03", "mouseout", ImageOut03, false);
	
	Event.observe("Button04", "mouseover", ImageOver04, false);
	Event.observe("Button04", "mouseout", ImageOut04, false);
	Event.observe("Image04", "mouseover", ImageOver04, false);
	Event.observe("Image04", "mouseout", ImageOut04, false);
	
	// Image 1 over
	function ImageOver01()
	{
		// Change color
		$('Image01').style.backgroundColor = "#c02000";
	}
	
	// Image 1 out
	function ImageOut01()
	{
		// Change color
		$('Image01').style.backgroundColor = "#ffffff";
	}
	
	// Image 2 over
	function ImageOver02()
	{
		// Change color
		$('Image02').style.backgroundColor = "#c02000";
	}
	
	// Image 2 out
	function ImageOut02()
	{
		// Change color
		$('Image02').style.backgroundColor = "#ffffff";
	}
	
	// Image 3 over
	function ImageOver03()
	{
		// Change color
		$('Image03').style.backgroundColor = "#c02000";
	}
	
	// Image 3 out
	function ImageOut03()
	{
		// Change color
		$('Image03').style.backgroundColor = "#ffffff";
	}
	
	// Image 4 over
	function ImageOver04()
	{
		// Change color
		$('Image04').style.backgroundColor = "#c02000";
	}
	
	// Image 4 out
	function ImageOut04()
	{
		// Change color
		$('Image04').style.backgroundColor = "#ffffff";
	}
}

// Change Navigation
function ChangeNavigation(Target, Event, Sub)
{
	if(!Sub) {Sub = '';}
	// Check event
	if(Event == "Over")
	{
		// Change image
		$(Target).src = SiteUrl + "/images/layout/button_on"+Sub+".jpg";
	}
	else
	{
		// Change image
		$(Target).src = SiteUrl + "/images/layout/button_off"+Sub+".jpg";
	}
}

// Load events
Event.observe(window, "load", LoadEvents);