var imgPortLeuteAktiv = new Image();
imgPortLeuteAktiv.src = "img/portfolio/tab_leute_aktiv.jpg";

var imgPortLeute = new Image();
imgPortLeute.src = "img/portfolio/tab_leute.jpg";


var imgPortPortraitAktiv = new Image();
imgPortPortraitAktiv.src = "img/portfolio/tab_portrait_aktiv.jpg";

var imgPortPortrait = new Image();
imgPortPortrait.src = "img/portfolio/tab_portrait.jpg";


var imgPortReportAktiv = new Image();
imgPortReportAktiv.src = "img/portfolio/tab_report_aktiv.jpg";

var imgPortReport = new Image();
imgPortReport.src = "img/portfolio/tab_report.jpg";


var imgPortHochzeitAktiv = new Image();
imgPortHochzeitAktiv.src = "img/portfolio/tab_hochzeit_aktiv.jpg";

var imgPortHochzeit = new Image();
imgPortHochzeit.src = "img/portfolio/tab_hochzeit.jpg";


var imgPortLandschaftAktiv = new Image();
imgPortLandschaftAktiv.src = "img/portfolio/tab_landschaft_aktiv.jpg";

var imgPortLandschaft = new Image();
imgPortLandschaft.src = "img/portfolio/tab_landschaft.jpg";


function loadPortfolio(id,lang){
	var el = "tab_" + id
	var sKlasseInaktiv = new Array();
	sKlasseInaktiv[1] = "port_leute";
	sKlasseInaktiv[2] = "port_portraits";
	sKlasseInaktiv[3]="port_report";
	sKlasseInaktiv[4]="port_hochzeit";
	sKlasseInaktiv[5]="port_landschaft";	
	
	switch(id){
		case 1:
			sKlasse="port_leute_aktiv";	
			galID = "5";				
			break;
		case 2:
			sKlasse="port_portraits_aktiv";	
			galID = "1";						
			break;			
		case 3:
			sKlasse="port_report_aktiv";	
			galID = "4";						
			break;		
		case 4:
			sKlasse="port_hochzeit_aktiv";		
			galID = "3";							
			break;		
		case 5:
			sKlasse="port_landschaft_aktiv";
			galID = "2";	
			break;				
	}
	sKlasseGes = "fl port_box_aktiv " + sKlasse;
	document.getElementById(el).className = sKlasseGes;
	
	// Alte zurücksetzen
	for ( var i = 1; i <= 5;i++){
		if ( i != id ){
			document.getElementById("tab_" + i).className = "fl port_box " + sKlasseInaktiv[i];
		}
	}
	
	//  Seite in Frame laden
	document.getElementById("portfolio_frame").src = "views/bildergalerie.php?lang=" + lang + "&gal=" + galID;

}

function openBox(id){
	var el = document.getElementById(id);
	if (el.style.display == "block"){
		el.style.display = "none";
	}
	else{
		el.style.display = "block";
	}
}