var MeylanOver = new Image();

MeylanOver.src = "images/meylancolor.jpg";

var MeylanOff = new Image();

MeylanOff.src = "images/meylangray.jpg";

var HesslerOver = new Image();

HesslerOver.src = "images/hesslercolor.jpg";

var HesslerOff = new Image();

HesslerOff.src = "images/hesslergray.jpg";

var WollinkaOver = new Image();

WollinkaOver.src = "images/wollinkacolor.jpg";

var WollinkaOff = new Image();

WollinkaOff.src = "images/wollinkagray.jpg";

function OverImage(Index, Image, Quote)
{
	var TheQuote = document.getElementById(Quote);
	
	var RootTable = document.getElementById('RootTable');
	
	TheQuote.style.display = '';
	
	if(Index == 1)//1 = Meylan
	{
		Image.src = MeylanOver.src;
		SetPosition(TheQuote, Image, -170,  -296);
	}
	if(Index == 2)//2 = Hessler
	{
		Image.src = HesslerOver.src;
		SetPosition(TheQuote, Image, -70,  -296);
	}
	if(Index == 3)//3 = Wollinka
	{
		Image.src = WollinkaOver.src;
		
		SetPosition(TheQuote, Image, -35,  -328);
	}

}

function SetPosition(Quote, Reference, AdditionalX, AdditionalY)
{
	if(Reference.getBoundingClientRect)
	{
		Quote.style.left = Reference.getBoundingClientRect().left + AdditionalX + 'PX';
		Quote.style.top = Reference.getBoundingClientRect().top + AdditionalY + document.documentElement.scrollTop + 'PX';
	}
	else
	{
		var SX = 0;
		var SY = 0;
		var Element = Reference;
		while (Element) 
		{
			SX += Element.offsetLeft;
			SY += Element.offsetTop;
			Element = Element.offsetParent;
		}
		Quote.style.left = SX + AdditionalX + 'PX';
		Quote.style.top = SY + AdditionalY + 'PX';
	}
}

function OffImage(Index, Image, Quote)
{
	if(Index == 1)//1 = Meylan
	{
		Image.src = MeylanOff.src;
	}
	if(Index == 2)//2 = Hessler
	{
		Image.src = HesslerOff.src;
	}
	if(Index == 3)//3 = Wollinka
	{
		Image.src = WollinkaOff.src;
	}
	
	var TheQuote = document.getElementById(Quote);
	
	TheQuote.style.display = 'none';
}