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;
}

durationtime = 0.2;

/* funktionen */	

function closeall()
{
	gebrauchtwagenclose();
	serviceclose();
	versicherungenclose();
	unternehmenclose();
	motorradclose();
	neufahrzeugeclose();
}
	
function neufahrzeugeopen(neufahrzeugeul)
{
	gebrauchtwagenclose();
	serviceclose();
	/* /* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	motorradclose();
	
	var neufahrzeugeappear = Effect.Appear('neufahrzeugeul', { duration: durationtime });
	// neufahrzeuge.style.backgroundImage = "url(images/neufahrzeuge_back_on.jpg)";
}

function neufahrzeugeclose(neufahrzeugul)
{
	Effect.Fade('neufahrzeugeul', { duration: durationtime });
	// neufahrzeuge.style.backgroundImage = "url(images/neufahrzeuge_back_out.jpg)";
}		
		
function gebrauchtfahrzeugeopen(gebrauchtfahrzeugeul)
{
	neufahrzeugeclose();
	serviceclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	motorradclose();

	Effect.Appear('gebrauchtfahrzeugeul', { duration: durationtime });
	// gebrauchtfahrzeuge.style.backgroundImage = "url(images/gebrauchtfahrzeuge_back_on.jpg)";
}

function gebrauchtwagenclose(gebrauchtfahrzeugeul)
{
	Effect.Fade('gebrauchtfahrzeugeul', { duration: durationtime });
	// gebrauchtfahrzeuge.style.backgroundImage = "url(images/gebrauchtfahrzeuge_back_out.jpg)";
}

function serviceopen(serviceul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	motorradclose();

	Effect.Appear('serviceul', { duration: durationtime });
	// service.style.backgroundImage = "url(images/service_back_on.jpg)";
}

function serviceclose(serviceul)
{
	Effect.Fade('serviceul', { duration: durationtime });
	// service.style.backgroundImage = "url(images/service_back_out.jpg)";
}

function dienstleistungenopen(dienstleistungenul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();
	motorradclose();

	Effect.Appear('dienstleistungenul', { duration: durationtime });
	// dienstleistungen.style.backgroundImage = "url(images/dienstleistungen_back_on.jpg)";
}

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

function fahrschuleopen(fahrschuleul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	versicherungenclose();
	unternehmenclose();
	motorradclose();

	Effect.Appear('fahrschuleul', { duration: durationtime });
	// fahrschule.style.backgroundImage = "url(images/fahrschule_back_on.jpg)";
}

function fahrschuleclose(fahrschuleul)
{
	Effect.Fade('fahrschuleul', { duration: durationtime });
	// fahrschule.style.backgroundImage = "url(images/fahrschule_back_out.jpg)";
}

function versicherungenopen(versicherungenul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	/* fahrschuleclose(); */
	unternehmenclose();
	motorradclose();

	Effect.Appear('versicherungenul', { duration: durationtime });
	// versicherungen.style.backgroundImage = "url(images/versicherungen_back_on.jpg)";
}

function versicherungenclose(versicherungenul)
{
	Effect.Fade('versicherungenul', { duration: durationtime });
	// versicherungen.style.backgroundImage = "url(images/versicherungen_back_out.jpg)";
}

function unternehmenopen(unternehmenul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	motorradclose();

	Effect.Appear('unternehmenul', { duration: durationtime });
	// unternehmen.style.backgroundImage = "url(images/unternehmen_back_on.jpg)";
}

function unternehmenclose(unternehmenul)
{
	Effect.Fade('unternehmenul', { duration: durationtime });
	// unternehmen.style.backgroundImage = "url(images/unternehmen_back_out.jpg)";
}

function motorradopen(motorradul)
{
	neufahrzeugeclose();
	gebrauchtwagenclose();
	serviceclose();
	/* fahrschuleclose(); */
	versicherungenclose();
	unternehmenclose();

	Effect.Appear('motorradul', { duration: durationtime });
	// unternehmen.style.backgroundImage = "url(images/unternehmen_back_on.jpg)";
}

function motorradclose(motorradul)
{
	Effect.Fade('motorradul', { duration: durationtime });
	// 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()
}