/*
*
*/

var imagePath = 'http://wk.bakuri.dk/filarkiv/jwl.dk/image/menuPix/';

var menuOnOverImage = new Array(

	{		//	item 0
		image: new Array('00.jpg',
						 '01.jpg',
						 '02.jpg',
						 '03.jpg',
						 '04.jpg',
						 '05.jpg')
	},		
	
	{		//	item 1
		image: new Array('10.jpg',
						 '11.jpg',
						 '12.jpg',
						 '13.jpg',
						 '14.jpg',
						 '15.jpg',
						 '16.jpg',
						 '17.jpg',
						 '18.jpg')
	},
	
	{		//	item 2
		image: new Array('20.jpg',
						 '21.jpg',
						 '22.jpg',
						 '23.jpg',
						 '24.jpg',
						 '25.jpg')
	},
	
	{		//	item 3
		image: new Array('30.jpg',
						 '31.jpg',
						 '32.jpg',
						 '33.jpg')
	},
	
	{		//	item 4
		image: new Array('40.jpg',
						 '41.jpg',
						 '42.jpg',
						 '43.jpg',
						 '44.jpg')
	}
	
);

window.onload = function()
{
	bindAllMenu();
};

function bindAllMenu()
{
	for(i=0; i<menuOnOverImage.length; i++)
	{
		for(j=0; j<menuOnOverImage[i].image.length; j++)
		{
			bindMenu('fm-i' + i + '-' + j, imagePath + menuOnOverImage[i].image[j]);
		}
	}
}

function bindMenu(mID, mImage)
{
	var menuID = $(mID);
	var menuImage = mImage;
	
	bind(menuID, 'mouseover', function() {
		displayMenuImage(menuImage);
	});
	
	bind(menuID, 'mouseout', clearMenuImage);
}

function displayMenuImage(img)
{
	$('menuImage').innerHTML = '<img src="' + img + '" border="0" />';
}

function clearMenuImage()
{
	$('menuImage').innerHTML = '';
}

function bind(obj, event, f)
{
	if(obj.addEventListener)
	{
		obj.addEventListener(event, f, false);
	}
	else if (obj.attachEvent)
	{
		obj.attachEvent("on" + event, f);
	}
}

function $(id)
{
	return document.getElementById(id);
}