window.onload = init;


function init()
{
	/* variablen definieren */
	
	var neufahrzeuge = document.getElementById("neufahrzeuge");
	var neufahrzeugediv = document.getElementById("neufahrzeugediv");
	var neufahrzeugeul = document.getElementById("neufahrzeugeul");
	
	var gebrauchtfahrzeugeul = document.getElementById("gebrauchtfahrzeugeul");
	var gebrauchtfahrzeuge = document.getElementById("gebrauchtfahrzeuge");
	
	var serviceul = document.getElementById("serviceul");
	var service = document.getElementById("service");
	
	var fahrschuleul = document.getElementById("fahrschuleul");
	var fahrschule = document.getElementById("fahrschule");
	
	var versicherungenul = document.getElementById("versicherungenul");
	var versicherungen = document.getElementById("versicherungen");
	
	var unternehmenul = document.getElementById("unternehmenul");
	var unternehmen = document.getElementById("unternehmen");
	
	var motorradul = document.getElementById("motorradul");
	var motorrad = document.getElementById("motorrad");
	
	var home = document.getElementById("home");

	/* event-handler */

	neufahrzeuge.onmouseover = neufahrzeugeopen;
	
	gebrauchtfahrzeuge.onmouseover = gebrauchtfahrzeugeopen;
	service.onmouseover = serviceopen;
	fahrschule.onmouseover = closeall;
	versicherungen.onmouseover = versicherungenopen;
	unternehmen.onmouseover = unternehmenopen;
	motorrad.onmouseover = motorradopen;
	home.onmouseover = closeall;
	
	hideall();
}

durationtime = 200;

/* funktionen */

function hideall() {
	//alert($('neufahrzeugeul').get('style'));
	//alert("hiding");
		
	$('neufahrzeugeul').fade('hide');
	$('gebrauchtfahrzeugeul').fade('hide');
	$('serviceul').fade('hide');
	$('versicherungenul').fade('hide');
	$('unternehmenul').fade('hide');
	$('motorradul').fade('hide');
	
	$('neufahrzeugeul').set('tween', {duration: durationtime});
	$('gebrauchtfahrzeugeul').set('tween', {duration: durationtime});
	$('serviceul').set('tween', {duration: durationtime});
	$('versicherungenul').set('tween', {duration: durationtime});
	$('unternehmenul').set('tween', {duration: durationtime});
	$('motorradul').set('tween', {duration: durationtime});
	
}

function closeall()
{
	gebrauchtwagenclose();
	serviceclose();
	versicherungenclose();
	unternehmenclose();
	motorradclose();
	neufahrzeugeclose();
}
	
function neufahrzeugeopen(neufahrzeugeul)
{
	gebrauchtwagenclose();
	serviceclose();
	/* /* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	motorradclose();
	
	$('neufahrzeugeul').setStyle('display', 'block');	
	$('neufahrzeugeul').fade(1);
	//var neufahrzeugeappear = $('neufahrzeugeul').fade(1);
	// neufahrzeuge.style.backgroundImage = "url(images/neufahrzeuge_back_on.jpg)";
}

function neufahrzeugeclose(neufahrzeugul)
{
	$('neufahrzeugeul').fade(0).get('tween').chain(function(){ this.element.setStyle('display', 'none'); });
	// neufahrzeuge.style.backgroundImage = "url(images/neufahrzeuge_back_out.jpg)";
}		
		
function gebrauchtfahrzeugeopen(gebrauchtfahrzeugeul)
{
	neufahrzeugeclose();
	serviceclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	motorradclose();
	$('gebrauchtfahrzeugeul').setStyle('display', 'block');
	$('gebrauchtfahrzeugeul').fade(1);
	// gebrauchtfahrzeuge.style.backgroundImage = "url(images/gebrauchtfahrzeuge_back_on.jpg)";
}

function gebrauchtwagenclose(gebrauchtfahrzeugeul)
{
	$('gebrauchtfahrzeugeul').fade(0).get('tween').chain(function(){ this.element.setStyle('display', 'none'); });
	// gebrauchtfahrzeuge.style.backgroundImage = "url(images/gebrauchtfahrzeuge_back_out.jpg)";
}

function serviceopen(serviceul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	motorradclose();
	$('serviceul').setStyle('display', 'block');
	$('serviceul').fade(1);
	// service.style.backgroundImage = "url(images/service_back_on.jpg)";
}

function serviceclose(serviceul)
{
	$('serviceul').fade(0).get('tween').chain(function(){ this.element.setStyle('display', 'none'); });
	// service.style.backgroundImage = "url(images/service_back_out.jpg)";
}

function dienstleistungenopen(dienstleistungenul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	motorradclose();
	$('dienstleistungenul').setStyle('display', 'block');
	$('dienstleistungenul').fade(1);
	// dienstleistungen.style.backgroundImage = "url(images/dienstleistungen_back_on.jpg)";
}

function dienstleistungenclose(dienstleistungenul)
{
	$('dienstleistungenul', { duration: durationtime, queue: queuevalue });
	// dienstleistungen.style.backgroundImage = "url(images/dienstleistungen_back_out.jpg)";
}

function fahrschuleopen(fahrschuleul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	versicherungenclose();
	unternehmenclose();
	motorradclose();
	$('fahrschuleul').setStyle('display', 'block');
	$('fahrschuleul').fade(1);
	// fahrschule.style.backgroundImage = "url(images/fahrschule_back_on.jpg)";
}

function fahrschuleclose(fahrschuleul)
{
	$('fahrschuleul').fade(0).get('tween').chain(function(){ this.element.setStyle('display', 'none'); });
	// fahrschule.style.backgroundImage = "url(images/fahrschule_back_out.jpg)";
}

function versicherungenopen(versicherungenul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	/* fahrschuleclose(); */
	unternehmenclose();
	motorradclose();	
	$('versicherungenul').setStyle('display', 'block');
	$('versicherungenul').fade(1);
	// versicherungen.style.backgroundImage = "url(images/versicherungen_back_on.jpg)";
}

function versicherungenclose(versicherungenul)
{
	$('versicherungenul').fade(0).get('tween').chain(function(){ this.element.setStyle('display', 'none'); });
	// versicherungen.style.backgroundImage = "url(images/versicherungen_back_out.jpg)";
}

function unternehmenopen(unternehmenul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	motorradclose();
	$('unternehmenul').setStyle('display', 'block');
	$('unternehmenul').fade(1);
	// unternehmen.style.backgroundImage = "url(images/unternehmen_back_on.jpg)";
}

function unternehmenclose(unternehmenul)
{
	$('unternehmenul').fade(0).get('tween').chain(function(){ this.element.setStyle('display', 'none'); });
	// unternehmen.style.backgroundImage = "url(images/unternehmen_back_out.jpg)";
}

function motorradopen(motorradul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	$('motorradul').setStyle('display', 'block');
	$('motorradul').fade(1);
	// unternehmen.style.backgroundImage = "url(images/unternehmen_back_on.jpg)";
}

function motorradclose(motorradul)
{
	$('motorradul').fade(0).get('tween').chain(function(){ this.element.setStyle('display', 'none'); });
	// unternehmen.style.backgroundImage = "url(images/unternehmen_back_out.jpg)";
}

/* MOUSEOVEREVENTS BACKGROUND-COLOR */

function out(div)
{
	colorTween.stop(); colorTweenout = new ColorTween(div.style, 'backgroundColor', Tween.regularEaseOut, 'ffffff', 'ffffff', 0.8);
	colorTweenout.start()	
}

function mouseover(div)
{
	colorTween = new ColorTween(div.style, 'backgroundColor', Tween.regularEaseOut, 'ffffff', '2d91c3', 0.8);
    colorTween.start()
}