var w3cdom = (document.createElement && document.getElementsByTagName);

// vars for managing the navigation items
var navigation_main = new Array();
var navigation_main_hi = new Array();

// vars for managing the navigation items
var navigation_car = new Array();
var navigation_car_hi = new Array();

// vars for managing the car selector items
var car_selector_hi = new Array();

window.onload = init;

function init()
{
	if (!w3cdom) return;
	
	// prepare the car navigation mouseover and mouseout
	var nav = document.getElementById('navigation_main');
	var images = nav.getElementsByTagName('img');
	for (var i=0;i<images.length;i++)
	{
		images[i].onmouseover = highlight_navigation_main;
		images[i].onmouseout = unhighlight_navigation_main;
		var suffix = images[i].src.substring(images[i].src.lastIndexOf('.'));
		navigation_main[i] = new Image();
		navigation_main[i].src = images[i].src;
		navigation_main_hi[i] = new Image();
		navigation_main_hi[i].src = images[i].src.substring(0,images[i].src.lastIndexOf('.')) + "_hi" + suffix;

		images[i].number = i;
	}

	// prepare the main navigation mouseover and mouseout
	var nav = document.getElementById('navigation_car');
	var images = nav.getElementsByTagName('img');
	for (var i=0;i<images.length;i++)
	{
		images[i].onmouseover = highlight_navigation_car;
		images[i].onmouseout = unhighlight_navigation_car;
		var suffix = images[i].src.substring(images[i].src.lastIndexOf('.'));
		navigation_car[i] = new Image();
		navigation_car[i].src = images[i].src;
		navigation_car_hi[i] = new Image();
		navigation_car_hi[i].src = images[i].src.substring(0,images[i].src.lastIndexOf('.')) + "_hi" + suffix;

		images[i].number = i;
	}


	// prepare the car selector mouseover and mouseout
	var nav = document.getElementById('car_selector');
	if(nav) {
		var images = nav.getElementsByTagName('img');
		if(images) {
			for (var i=0;i<images.length;i++)
			{
				images[i].onmouseover = enlarge_image;
				var suffix = images[i].src.substring(images[i].src.lastIndexOf('.'));
				car_selector_hi[i] = new Image();
				car_selector_hi[i].src = images[i].src.substring(0,images[i].src.lastIndexOf('.')) + "_hi" + suffix;

				images[i].number = i;
			}
		}
	}	
}

function highlight_navigation_main()
{
	this.src = navigation_main_hi[this.number].src;
}

function unhighlight_navigation_main()
{
	this.src = navigation_main[this.number].src;
}


function highlight_navigation_car()
{
	this.src = navigation_car_hi[this.number].src;
}

function unhighlight_navigation_car()
{
	this.src = navigation_car[this.number].src;
}

function enlarge_image()
{
	window.document.images['selected'].src = car_selector_hi[this.number].src;
}