window.onload = function() { navi(); }

function preload() {
    if (!document.images) { return; }
    var ar = new Array();
    var arguments = preload.arguments;

    for (var i=1; i<arguments.length; i++) {
        ar[i] = new Image();
        ar[i].src = arguments[0] + "/" + arguments[i];
    }
}
var navT = [0,28,41,54];
var navW = [0,7,152,297,7,152,297];


function navi() {

	var page = $("page").className.split(".");
	page.each(function(item, index) { page[index] = parseInt(item) });
	//aktive gif
	if(page[0] != 0){
		pfad = "../";
		$('n'+page[0]).src = pfad + 'pix/nav/nav' + page[0] + '_1.gif';
		// active positionieren
		var vtop = 7; if(page[0] > 3) vtop = 80;
		vtop = (vtop + navT[page[1]]) + 'px';
		vleft = navW[page[0]] + 'px';
		$('active').setStyle({ left: vleft,top: vtop });
	} else {
		pfad = "";
	}
	// hrefs bei der aktuellen navi korrigieren
	
	$$("#navigation a, #navigation area").each(function(item) { 
		var a = new Array();
		a = item.getElementsBySelector('img');
		if(a[0]) {
			var nr = a[0].id.replace(/^.(.)$/, "$1");
		} else { 
			var nr = item.up(0).name.replace(/^map(.)$/, "$1");
			a[0] = $("n"+nr);	
		}
		if(page[0] != nr) {
			item.onfocus 		= function () { this.blur; }
			item.onmouseover 	= function () { a[0].src = pfad + 'pix/nav/nav' + nr + '_1.gif'; }
			item.onmouseout 	= function () { a[0].src = pfad + 'pix/nav/nav' + nr + '_2.gif'; }
		}
	}); 
}

var active_gallery_pic= null;

function galerie(ID) {
	// beim ersten Durchlauf die Nr 1 zum aktiven erklären
	active_gallery_pic= $('klein1');
	// Durchlauf auf alle Bilder im div 
	$$("#galerie img").each(function(item) {
		item.onfocus 		= function () { this.blur; }
		item.onmouseover 	= function () { new Effect.Opacity(this, {duration:0, from:0.5, to:1}); }
		item.onmouseout 	= function () { if(active_gallery_pic != this) new Effect.Opacity(this, {duration:0, from:1, to:0.5}); }
		// Wenn es nicht die Nr1 ist, bekommt es ein Click-event und wird abgefaded, sonst normal dargestellt
		if(item.id.replace(/^klein(.)$/,"$1") != 1) {
			galerie_click(item);
			new Effect.Appear(item, {duration:0, from:0, to:0.5});
		} else new Effect.Appear(item, {duration:0, from:0, to:1});	
	}); 
}
function galerie_click(item){
	item.onclick = function () {
		// welches ist sichtbar, wird zu hinten, andere zu vorne
		if($("gross1").visible()) { vorne = $("gross2"); hinten =  $("gross1"); } 
		else { vorne = $("gross1"); hinten =  $("gross2"); }
		// das neue Bild wird eingesetzt
		vorne.src = vorne.src.replace(/^(.*)(.)_(.*)$/,"$1"+ this.id.replace(/^klein(.)$/,"$1") + "_$3");
		// Neue einblenden
		Effect.Appear(vorne,{duration:1.0});
		// Alte ausblenden
		Effect.Fade(hinten,{duration:1.0});
		// das voherige geklickte Bild abfaden und wieder klickfähig machen
		new Effect.Opacity(active_gallery_pic, {duration:0, from:1, to:0.5});
		galerie_click(active_gallery_pic);
		// das aktuelle zum aktiven erklären und onclick löschen
		active_gallery_pic = this;
		this.onclick="";
	}
}