var portfolios; // werden ueber PHP-Include definiert!
var vorschauen_geladen = false;

var vorschauen, uebersicht, aktuelle_id, portfolio_pfad;
var v_timer, v_counter;
function initVorschauen(zeigen){
	aktuelle_id = getAktuelleID();
	
	if (aktuelle_id != -1){ portfolio_pfad = "../"; }
	else { portfolio_pfad = ""; }
	
	
	vorschauen = new Array();
	for (var i = 0; i < portfolios.length; i++){
		vorschauen[i] = new Array();
		vorschauen[i][0] = new Image(); vorschauen[i][0].src = portfolio_pfad + portfolios[i] + "/media/vorschau_0.gif";
		vorschauen[i][1] = new Image(); vorschauen[i][1].src = portfolio_pfad + portfolios[i] + "/media/vorschau_1.gif";
	}

	uebersicht = new Array();
	uebersicht[0] = new Image(); uebersicht[0].src = portfolio_pfad + "media/uebersicht_0.gif";
	uebersicht[1] = new Image(); uebersicht[1].src = portfolio_pfad + "media/uebersicht_1.gif";

	var zustand = 0;
	for (var id = 0; id < portfolios.length; id++){
		if (id == aktuelle_id){ zustand = 1; }
		else { zustand = 0; }
		document.getElementsByName("vorschau_" + id)[0].src = vorschauen[id][zustand].src;
	}

	vorschauen_geladen = true; v_counter = 0;
	if (zeigen){ 
		v_0_timer = setTimeout("starteBewegung(true, -1)", 200);
		v_timer = setTimeout("starteBewegung(false, -1)", 1400);
	}
}

// Aktionen fuer das Menue

function spotVorschau(id, zustand){
	if (vorschauen_geladen && id != aktuelle_id && id < portfolios.length){
		document.getElementsByName("vorschau_" + id)[0].src = vorschauen[id][zustand].src;
	}
}

function oeffnePortfolio(id){
	window.clearTimeout(v_timer);
	if (id != aktuelle_id){
		starteBewegung(false, id);
	} else {
		starteBewegung(false, -1); 
	}
	return false;
}

function zeigeVorschauen(zustand){
	if (vorschauen_geladen){
		window.clearTimeout(v_timer);
		if (zustand != 0){
			v_timer = setTimeout("starteBewegung(true, -1)", 50);
		} else {
			v_timer = setTimeout("starteBewegung(false, -1)", 150);
		}
	}
}

var v_intervall;
function starteBewegung(zeigen, link_id){
	var zeit = 30;
	window.clearInterval(v_intervall);
	v_intervall = window.setInterval("bewegeVorschauen(" + zeigen + ", " + link_id + ")", zeit);
}

function bewegeVorschauen(zeigen, link_id){
	var hoehe_vorschauen = 34, steps = 6;
	
	if (zeigen){
		if (v_counter < steps){
			v_counter++; 
			document.getElementById("vorschauen").style.top = Math.round(hoehe_vorschauen * (1 - Math.sin(Math.PI/2 * v_counter/steps))) + "px";
			if (v_counter == 1){
				document.getElementById("vorschauenbox").style.visibility = "visible";
				document.getElementsByName("uebersicht")[0].src = uebersicht[1].src;
			}
		} else {
			window.clearTimeout(v_intervall);
		}
	} else {
		if (v_counter > 0){
			v_counter--; 
			document.getElementById("vorschauen").style.top = Math.round(hoehe_vorschauen * (1 - Math.sin(Math.PI/2 * v_counter/steps))) + "px";
		} else {
			window.clearTimeout(v_intervall);
			document.getElementById("vorschauenbox").style.visibility = "hidden";
			document.getElementsByName("uebersicht")[0].src = uebersicht[0].src;
			
			if (link_id != -1){ window.location.href = portfolio_pfad + portfolios[link_id] + "/"; }
		}
	}

	//document.getElementById("debug").innerHTML = "zeigen: " + zeigen + ", counter " + v_counter;
}

function getAktuelleID(){
	var pfad = self.location.href.toString();
	for (id = 0; id < portfolios.length; id++){
		if (pfad.indexOf(portfolios[id] + "/") != -1){ return id; }
	}
	return -1;
}