// (c) 2007 jz Gosign media. GmbH


//
// "Deeplinks"
//

var deeplinks = { '#neugierig': 124 }

Event.observe(window, 'load', function() {
	var deeplink = deeplinks[location.hash];
	if(deeplink)
		navigation(deeplink);
});



//
// Navigation:
//

// Speichert die aktuell geöffnete ID:
var navigation_current = 0;

// Wechselt zur Seite mit der ID s:
var navigation_s;
function navigation(s)
{
	if(s == navigation_current)
		return;

	navigation_s = s;

	if(navigation_current != 0)
	{
		new Effect.Morph('navigation_' + navigation_current, { style: { backgroundColor: '#ffffff' }, duration: 0.50 } );
		new Effect.Fade('text', { duration: 0.50, afterFinish: navigation2 } );
		navigation_current = 0;
	}
	else
		navigation2();
}
function navigation2()
{
	new Ajax.Updater('text', 'index.php?id=' + navigation_s, { onSuccess: navigation3 } );
}
function navigation3()
{
	if($('navigation_' + navigation_s))
		new Effect.Morph('navigation_' + navigation_s, { style: { backgroundColor: '#e0ff66' } } );
	navigation_current = navigation_s;
	new Effect.Appear('text');
}

// Schließt die Inhalte:
function motum()
{
	if(navigation_current != 0)
	{
		new Effect.Morph('navigation_' + navigation_current, { style: { backgroundColor: '#ffffff' }, duration: 0.50 } );
		new Effect.Fade('text', { duration: 0.50 } );
		navigation_current = 0;
	}
}

//
// Fenster:
//

// Oeffnet das Fenster:
function oeffnen(x, y)
{
	// Link erhellen:
	if(!$('link_' + x + '_' + y).hasClassName("visited"))
		$('link_' + x + '_' + y).addClassName("visited");

	// Grünes Kreuz und Fenster positionieren:
	var offsetX = 60 + $('spalte1').getWidth() + $('spalte2').getWidth() + $('spalte3').getWidth() + (x - 1) * 50;
	var offsetY = 162 + (y - 1) * 25;
	$('kreuz_vertikal').style.left = (offsetX + 14) + "px";
	$('kreuz_horizontal').style.top = (offsetY + 2) + "px";
	$('fenster').style.left = (offsetX - 110) + "px";
	$('fenster').style.top = (offsetY - 125) + "px";
	$('kreuz_vertikal').style.width = (22) + "px";

	// Fenstertitel je nach Spalte:
	var titel = ["", "personelle Vertretung", "Name & Corporate Design", "Drucksachen", "Digitales", "Messe & Ausstellung", "Veranstaltung"];
	$('fenster_titel').update(titel[x]);

	// Info und Bild initialisieren:
	$('fenster_bild').src = daten[x + "_" + y][0].bild;
	setTimeout("$('fenster_bild').src = daten['" + x + "_" + y + "'][0].bild;", 10);
	$('fenster_info_ueberschrift').update(daten[x + "_" + y][0].ueberschrift);
	$('fenster_info_text').update(daten[x + "_" + y][0].text);

	// Seiten:
	var seiten = "";
	for(var i = 0; i < daten[x + "_" + y].length; i++)
	{
		if(i > 0)
			seiten += ' | ';
		seiten += '<a href="javascript:;" onfocus="blur();" onclick="seite(' + x + ', ' + y + ', ' + (i + 1) + ');">' + (i + 1) + '</a>';
	}
	$('fenster_seiten').update(seiten);

	// Anzeigen:
	new Effect.Appear('overlay', { to: 0.60 });
	new Effect.Grow('fenster');
}

// Wählt eine Seite im Fenster:
var seite_x, seite_y, seite_i, seite_info;
function seite(x, y, i)
{
	seite_x = x;
	seite_y = y;
	seite_i = i;
	new Effect.Fade('fenster_bild', { duration: 0.50, afterFinish: seite2 });
	if($('fenster_info').visible()){
		seite_info = false; //Änderung true seit 27.03.2008 von Mansoor
		new Effect.Fade('fenster_info', { duration: 0.50 });
		new Effect.Morph('fenster_infobutton', { style: { backgroundColor: '#cccccc' }, duration: 0.50 } );
	}
	else
		seite_info = false;
}
function seite2()
{
	$('fenster_bild').src = daten[seite_x + "_" + seite_y][seite_i - 1].bild;
	$('fenster_info_ueberschrift').update(daten[seite_x + "_" + seite_y][seite_i - 1].ueberschrift);
	$('fenster_info_text').update(daten[seite_x + "_" + seite_y][seite_i - 1].text);
	new Effect.Appear('fenster_bild');
	if(seite_info)
	{
		new Effect.Appear('fenster_info');
		new Effect.Morph('fenster_infobutton', { style: { backgroundColor: '#e0ff66' } } );
	}
}

// Zeigt oder versteckt das Info-Feld zum Bild:
function info()
{
	if($('fenster_info').visible())
	{
		new Effect.Fade('fenster_info', { duration: 0.50 });
		new Effect.Morph('fenster_infobutton', { style: { backgroundColor: '#cccccc' }, duration: 0.50 } );
	}
	else
	{
		new Effect.Appear('fenster_info', { duration: 0.50 } );
		new Effect.Morph('fenster_infobutton', { style: { backgroundColor: '#e0ff66' }, duration: 0.50 } );
	}
}

// Schließt das Fenster:
function schliessen()
{
	if($('fenster_info').visible())
	{
		new Effect.Fade('fenster_info', { duration: 0.50 });
		new Effect.Morph('fenster_infobutton', { style: { backgroundColor: '#cccccc' }, duration: 0.50 } );
	}
	new Effect.Fade('overlay', { duration: 0.50 });
	new Effect.Shrink('fenster', { duration: 0.50 });
}










































//
// Fenster:
//

// Oeffnet das Fenster:
function oeffnen2(x, y)
{
	// Link erhellen:
	//if(!$('link_' + x + '_' + y).hasClassName("visited"))
		//$('link_' + x + '_' + y).addClassName("visited");

	// Grünes Kreuz und Fenster positionieren:
	var offsetX = 408;
	var offsetY = 162 + (y - 1) * 25;
	$('kreuz_vertikal').style.left = (offsetX + 14) + "px";
	$('kreuz_horizontal').style.top = (offsetY + 2) + "px";
	$('fenster_2').style.left = (offsetX - 55) + "px";
	$('fenster_2').style.top = (offsetY - 125) + "px";
	$('kreuz_vertikal').style.width = (144) + "px";

	// Fenstertitel je nach Spalte:
	var titel = ["", "personelle Vertretung", "Name &amp; Corporate Design", "Drucksachen", "Digitales", "Messe &amp; Ausstellung", "Veranstaltung"];
	$('fenster_2_titel').update(daten2[1 + "_" + y][0].ueberschrift);
	$('fenster_2_info_ueberschrift').update(daten2[1 + "_" + y][0].titel);
	$('fenster_2_info_text').update(daten2[1 + "_" + y][0].inhalt);

	// Info und Bild initialisieren:
	//$('fenster_2_bild').src = daten[x + "_" + y][0].bild;
	//setTimeout("$('fenster_2_bild').src = daten['" + x + "_" + y + "'][0].bild;", 10);
	//$('fenster_2_info_ueberschrift').update(daten[x + "_" + y][0].ueberschrift);
	//$('fenster_2_info_text').update(daten[x + "_" + y][0].text);

	// Seiten:
	/*
	var seiten = "";
	for(var i = 0; i < daten[x + "_" + y].length; i++)
	{
		if(i > 0)
			seiten += ' | ';
		seiten += '<a href="javascript:;" onfocus="blur();" onclick="seite(' + x + ', ' + y + ', ' + (i + 1) + ');">' + (i + 1) + '</a>';
	}
	*/
	//$('fenster_2_seiten').update(seiten);

	// Anzeigen:
	new Effect.Appear('overlay', { to: 0.60 });
	new Effect.Grow('fenster_2');
}

// Wählt eine Seite im Fenster:
var seite_x, seite_y, seite_i, seite_info;
function seite3(x, y, i)
{
	seite_x = x;
	seite_y = y;
	seite_i = i;
	new Effect.Fade('fenster_2_bild', { duration: 0.50, afterFinish: seite2 });
	if($('fenster_2_info').visible())
	{
		seite_info = true;
		new Effect.Fade('fenster_2_info', { duration: 0.50 });
		new Effect.Morph('fenster_2_infobutton', { style: { backgroundColor: '#cccccc' }, duration: 0.50 } );
	}
	else
		seite_info = false;
}
/*
function seite2()
{
	$('fenster_2_bild').src = daten[seite_x + "_" + seite_y][seite_i - 1].bild;
	$('fenster_2_info_ueberschrift').update(daten[seite_x + "_" + seite_y][seite_i - 1].ueberschrift);
	$('fenster_2_info_text').update(daten[seite_x + "_" + seite_y][seite_i - 1].text);
	new Effect.Appear('fenster_2_bild');
	if(seite_info)
	{
		new Effect.Appear('fenster_2_info');
		new Effect.Morph('fenster_2_infobutton', { style: { backgroundColor: '#e0ff66' } } );
	}
}
*/

// Zeigt oder versteckt das Info-Feld zum Bild:
function info2()
{
	if($('fenster_2_info').visible())
	{
		new Effect.Fade('fenster_2_info', { duration: 0.50 });
		new Effect.Morph('fenster_2_infobutton', { style: { backgroundColor: '#cccccc' }, duration: 0.50 } );
	}
	else
	{
		new Effect.Appear('fenster_2_info', { duration: 0.50 } );
		new Effect.Morph('fenster_2_infobutton', { style: { backgroundColor: '#e0ff66' }, duration: 0.50 } );
	}
}

// Schließt das Fenster:
function schliessen2()
{
/*
	if($('fenster_2_info').visible())
	{
		new Effect.Fade('fenster_2_info', { duration: 0.50 });
		new Effect.Morph('fenster_2_infobutton', { style: { backgroundColor: '#cccccc' }, duration: 0.50 } );
	}
*/
	new Effect.Fade('overlay', { duration: 0.50 });
	new Effect.Shrink('fenster_2', { duration: 0.50 });
}