function showMap (evt) {
	evt.preventDefault();
	if ($('map')) {
		$('map').setStyle('display', 'block');
	} else {
		var imgSrc = 'images/lageplan.png';
		if ($('map_link').className != 'de') {
			var imgSrc = '../' + imgSrc;
		}
		var map = new Element('div', {'id': 'map', 'style': 'display: block'});
		var img = new Element('img', {'src': imgSrc, 'width': '557', 'height': '428', 'alt': 'Lageplan: Hotel Villa Oriental in Frankfurt am Main'});
		
		map.injectInside(document.body);
		img.injectInside(map);
		img.addEvent('click', hideMap);
	}
}

function hideMap () {
	if ($('map')) {
		$('map').setStyle('display', 'none');
	}
}

window.addEvent('domready', function() {
	if ($('map_link')) {
		$('map_link').addEvent('click', showMap.bindWithEvent($('map_link')));
	}
});



function voFade(dir, amount, step, name)
{
	var navImg1 = document.getElementById(name);
	var f_amount = 0;
	var delay = 20;
	
	if (!navImg1)
	{
		setTimeout('voFade(\''+dir+'\', '+ amount +', '+ step +', \''+ name +'\')', delay);
		return;
	}
	
	if (amount < 0)
	{
		dir = 'in';
		amount = 0;
		delay = 4000;
	}
	else if (amount > 100)
	{
		dir = 'out';
		amount = 100;
		delay = 4000;
	}
	
	f_amount = amount / 100;
	navImg1.style.opacity = f_amount;
	navImg1.style.filter = 'alpha(opacity='+amount+')';
	
	if (dir == 'in') setTimeout('voFade(\''+dir+'\', '+ (amount+step) +', '+ step +', \''+ name +'\')', delay);
	else if (dir == 'out') setTimeout('voFade(\''+dir+'\', '+ (amount-step) +', '+ step +', \''+ name +'\')', delay);
}

function voStartFade()
{
	setTimeout('voFade(\'out\', 100, 1, \'img1_2\')', 1000);
	setTimeout('voFade(\'out\', 100, 1, \'img2_2\')', 1000);
}