// JavaScript Document Ausstellung VHS

function bilderladen() { //v3.0
  var d=document; if(d.images){ if(!d.varia_p) d.varia_p=new Array();
    var i,j=d.varia_p.length,a=bilderladen.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.varia_p[j]=new Image; d.varia_p[j++].src=a[i];}}
//alert("i: "+i+" a.length: "+a.length);
}

function bildzahl()	{
if (this.onload) {
//  alert("Ihr Browser kennt Microsofts onload-Objekt!");
var bildzahl="\""+this.onload+"\"";
} else {
//  alert("Ihr Browser kennt NICHT Microsofts onload-Objekt.");
var bildzahl="\""+document.getElementsByTagName("body")[0].onload+"\"";
}

bildzahl=bildzahl.match(/\d+/)-1;
//alert("Bildzahl: "+bildzahl);
	BildCheck(bildzahl)
}

var scrollpunkt;
var pw="ichdarf";

function zeigen(bild_nr,breite)	{
//alert("navigator.appVersion: "+navigator.appVersion.substring(0, 4));
if (navigator.appName=="Opera" && navigator.appVersion.substring(0, 4)<9.80)
 var scrollpunkt = document.documentElement.scrollTop;
else
 var scrollpunkt = document.body.scrollTop;
 var links=Math.round((screen.width-18-breite-50)/2);	//scrollbalken-bildbreite-rahmenbreite
//alert("Eigenschaft: "+breite+" Links: "+links);
var scrollpunkt=scrollpunkt+25+(screen.height-768)/6;
	
	document.getElementById("grossbild").style.top = scrollpunkt;
	document.getElementById("grossbild").style.left = links;
	document.getElementById("dasbild").innerHTML = "<img src=\""+bild_nr+"g.jpg\" alt=\"Bild.\" style=\"border:none\" onclick=\"verstecken()\">";
	document.getElementById("elo").style.backgroundImage="url(..\/vhs_elo.gif)";
	document.getElementById("elo").style.height="25px";
	document.getElementById("elo").style.width="25px";
	document.getElementById("oq").style.backgroundImage="url(..\/vhs_oq.gif)";
	document.getElementById("ero").style.backgroundImage="url(..\/vhs_ero.gif)";
	document.getElementById("ero").style.width="25px";
	document.getElementById("lh").style.backgroundImage="url(..\/vhs_lh.gif)";
	document.getElementById("rh").style.backgroundImage="url(..\/vhs_rh.gif)";
	document.getElementById("elu").style.backgroundImage="url(..\/vhs_elu.gif)";
	document.getElementById("elu").style.height="25px";
	document.getElementById("uq").style.backgroundImage="url(..\/vhs_uq.gif)";
	document.getElementById("eru").style.backgroundImage="url(..\/vhs_eru.gif)";
}

function verstecken(){
	document.getElementById("dasbild").innerHTML = "<img src=\"..\/..\/..\/..\/..\/index\/leer.gif\" alt=\"grossfoto\" style=\"border:none\">";
	document.getElementById("elo").style.backgroundImage="url(..\/..\/..\/..\/..\/index\/leer.gif)";
	document.getElementById("elo").style.height="0px";
	document.getElementById("elo").style.width="0px";
	document.getElementById("oq").style.backgroundImage="url(..\/..\/..\/..\/..\/index\/leer.gif)";
	document.getElementById("ero").style.backgroundImage="url(..\/..\/..\/..\/..\/index\/leer.gif)";
	document.getElementById("ero").style.width="0px";
	document.getElementById("lh").style.backgroundImage="url(..\/..\/..\/..\/..\/index\/leer.gif)";
	document.getElementById("rh").style.backgroundImage="url(..\/..\/..\/..\/..\/index\/leer.gif)";
	document.getElementById("elu").style.backgroundImage="url(..\/..\/..\/..\/..\/index\/leer.gif)";
	document.getElementById("elu").style.height="0px";
	document.getElementById("uq").style.backgroundImage="url(..\/..\/..\/..\/..\/index\/leer.gif)";
	document.getElementById("eru").style.backgroundImage="url(..\/..\/..\/..\/..\/index\/leer.gif)";
}

function li_bl()	{
	document.getElementById("vorher").innerHTML = "<img src=\"..\/links_bl.gif\" style=\"border:none\" onmouseout=\"li_br()\">";
}
function li_br()	{
	document.getElementById("vorher").innerHTML = "<img src=\"..\/links_br.gif\" style=\"border:none\" onmouseover=\"li_bl()\">";
}
function re_bl()	{
	document.getElementById("nachher").innerHTML = "<img src=\"..\/rechts_bl.gif\" style=\"border:none\" onmouseout=\"re_br()\">";
}
function re_br()	{
	document.getElementById("nachher").innerHTML = "<img src=\"..\/rechts_br.gif\" style=\"border:none\" onmouseover=\"re_bl()\">";
}



function rew_r_bl()	{
	document.getElementById("vorher").innerHTML = "<img src=\"..\/rew_r_bl.gif\" style=\"border:none\" onmouseout=\"rew_r_br()\">";
}
function rew_r_br()	{
	document.getElementById("vorher").innerHTML = "<img src=\"..\/rew_r_br.gif\" style=\"border:none\" onmouseover=\"rew_r_bl()\">";
}
function lew_l_bl()	{
	document.getElementById("nachher").innerHTML = "<img src=\"..\/lew_l_bl.gif\" style=\"border:none\" onmouseout=\"lew_l_br()\">";
}
function lew_l_br()	{
	document.getElementById("nachher").innerHTML = "<img src=\"..\/lew_l_br.gif\" style=\"border:none\" onmouseover=\"lew_l_bl()\">";
}

function sti_r_bl()	{
	document.getElementById("vorher").innerHTML = "<img src=\"..\/sti_r_bl.gif\" style=\"border:none\" onmouseout=\"sti_r_br()\">";
}
function sti_r_br()	{
	document.getElementById("vorher").innerHTML = "<img src=\"..\/sti_r_br.gif\" style=\"border:none\" onmouseover=\"sti_r_bl()\">";
}
function sti_l_bl()	{
	document.getElementById("nachher").innerHTML = "<img src=\"..\/sti_l_bl.gif\" style=\"border:none\" onmouseout=\"sti_l_br()\">";
}
function sti_l_br()	{
	document.getElementById("nachher").innerHTML = "<img src=\"..\/sti_l_br.gif\" style=\"border:none\" onmouseover=\"sti_l_bl()\">";
}

function rew_l_bl()	{
	document.getElementById("nachher").innerHTML = "<img src=\"..\/rew_l_bl.gif\" style=\"border:none\" onmouseout=\"rew_l_br()\">";
}
function rew_l_br()	{
	document.getElementById("nachher").innerHTML = "<img src=\"..\/rew_l_br.gif\" style=\"border:none\" onmouseover=\"rew_l_bl()\">";
}
function lew_r_bl()	{
	document.getElementById("vorher").innerHTML = "<img src=\"..\/lew_r_bl.gif\" style=\"border:none\" onmouseout=\"lew_l_br()\">";
}
function lew_r_br()	{
	document.getElementById("vorher").innerHTML = "<img src=\"..\/lew_r_br.gif\" style=\"border:none\" onmouseover=\"lew_r_bl()\">";
}


function groes_zeigen()	{
if (screen.width<1024)	{
	document.getElementById("groesse").innerHTML = "";
var bildanzahl=26;
//	BildCheck(26);
	}
else	{	
var bildanzahl=27;
//	BildCheck(27);
	}	

if(document.getElementById("svlsw_abfrage").innerHTML!=leer)	{
	bildanzahl=bildanzahl+1;
	}
	BildCheck(bildanzahl);
}

function groes_bl()	{
	document.getElementById("groesse").innerHTML = "<img src=\"groes_bl.gif\" style=\"border:none\" alt=\"groesse\" onclick=\"aendern()\" onmouseout=\"groes_br()\">";
}
function groes_br()	{
	document.getElementById("groesse").innerHTML = "<img src=\"groes_br.gif\" style=\"border:none\" alt=\"groesse\" onclick=\"aendern()\" onmouseover=\"groes_bl()\">";
}
function ruecksetz_bl()	{
	document.getElementById("groesse").innerHTML = "<img src=\"reset_bl.gif\" style=\"border:none\" alt=\"groesse\" onclick=\"zurueck()\" onmouseout=\"ruecksetz_br()\">";
}
function ruecksetz_br()	{
	document.getElementById("groesse").innerHTML = "<img src=\"reset_br.gif\" style=\"border:none\" alt=\"groesse\" onclick=\"zurueck()\" onmouseover=\"ruecksetz_bl()\">";
}

function aendern()	{
var tafeln = document.getElementById("tafeln").innerHTML;
//alert(tafeln);

if (screen.width>=1024)	{
var faktor = screen.width/954;	//=(838/900)*1024=954
var ze = ""+Math.round(10*faktor)+"";
var az = ""+Math.round(18*faktor)+"";
var nz = ""+Math.round(19*faktor)+"";
var zg = ""+Math.round(20*faktor)+"";
var dz = ""+Math.round(23*faktor)+"";
var vz = ""+Math.round(40*faktor)+"";
var sz = ""+Math.round(70*faktor)+"";
var hd = ""+Math.round(100*faktor)+"";
var dh = ""+Math.round(300*faktor)+"";
var shad = ""+Math.round(638*faktor)+"";
var ahad = ""+Math.round(838*faktor)+"";

tafeln = tafeln.replace(/838px/g,ahad+"px").replace(/638px/g,shad+"px").replace(/300px/g,dh+"px").replace(/100px/g,hd+"px").replace(/70px/g,sz+"px").replace(/width:40px/g,+"width:"+vz+"px").replace(/23px/g,dz+"px").replace(/\b20px\b/g,zg+"px").replace(/19px/g,nz+"px").replace(/18px/g,az+"px").replace(/10px/g,ze+"px");

document.getElementById("tafeln").innerHTML = tafeln;

document.getElementById("groesse").innerHTML = "<img src=\"reset_br.gif\" style=\"border:none\" alt=\"groesse\" onclick=\"zurueck()\" onmouseover=\"ruecksetz_bl()\">";
//alert(document.getElementById("groesse").innerHTML);
	}
}

function zurueck() {
location.reload();
}


function ko_aus_bl()	{
	document.getElementById("konzept").innerHTML = "<img src=\"koaus_bl.gif\" style=\"border:none\" alt=\"konzept\" onclick=\"no_konzept()\" onmouseout=\"ko_aus_br()\">";
}
function ko_aus_br()	{
	document.getElementById("konzept").innerHTML = "<img src=\"koaus_br.gif\" style=\"border:none\" alt=\"konzept\" onclick=\"no_konzept()\" onmouseover=\"ko_aus_bl()\">";
}
function ko_ein_bl()	{
	document.getElementById("konzept").innerHTML = "<img src=\"koein_bl.gif\" style=\"border:none\" alt=\"konzept\" onclick=\"konzept()\" onmouseout=\"ko_ein_br()\">";
}
function ko_ein_br()	{
	document.getElementById("konzept").innerHTML = "<img src=\"koein_br.gif\" style=\"border:none\" alt=\"konzept\" onclick=\"konzept()\" onmouseover=\"ko_ein_bl()\">";
}

function no_konzept() {
for (var i = 1; i <= 4; i++)
	document.getElementById("konzept_"+i+"").innerHTML = " ";
for (var j = 1; j <= 17; j++)
	document.getElementById("td_"+j+"").innerHTML = " ";
document.getElementById("konzept").innerHTML = "<img src=\"koein_br.gif\" style=\"border:none\" alt=\"konzept\" onclick=\"konzept()\" onmouseover=\"ko_ein_bl()\">";
}

var konzept_1 = "Die Ausstellung ist dreigliedrig aufgebaut. Alle Rahmen sind 70 cm x 100 cm groß.\<br\>\&nbsp\;";
var konzept_2 = "An der linken Wand hängen über 9 m Länge sieben Tafeln im Querformat, von denen drei jeweils drei Fotos im Hochformat (20er Format) verschiedene Genre (\"Details\", \"Der Tag mit einer Strumpfhose\" und \"Kinder\") zeigen. Eingekleidet sind diese Tafeln von 40er Querformaten, die Ruhepunkte setzen.";
var konzept_3 = "An der Stirnwand steht eine Querformattafel eingekleidet von zwei Hochformattafeln. Diese Wand ist als Übergang zur rechten Wand zu verstehen. Das Querformat hat ein 50er Foto, das linke Hochformat vier 20er Hochformatfotos zum Thema \"Technik\", das rechte Hochformat drei 20er Querformatfotos mit \"Ungewöhnlichen Ansichten\".";
var konzept_4 = "Die sieben Tafeln an der rechten Wand hängen im Hochformat über 6 m Länge. Es sind vier thematisch gebundene \"Erzähltafeln\", die durch drei 50er Hochformatfotos, wieder als Ruhepunkte, getrennt sind.\<br\>Die \"Erzähltafeln\" bestehen im oberen Teil aus acht beziehungsweise neun 13er Formaten, die miteinander komponiert wurden, im unteren Teil steht jeweils ein 20er Querformat links neben einem im Format veränderten 13er Foto, das eben auch 20 cm lang (hoch) ist und rechts steht.\<br\>Thematisch zeige ich hier auf den \"Erzähltafeln\" \"Industrieruinen\", \"Humor\", \"Architektur\" und als Abschluß und Bezug zu meiner Heimatstadt \"Leipziger Ansichten\".";

var td_1 ="Praha";
var td_2 ="Details";
var td_3 ="Saßnitz";
var td_4 ="Der Tag mit einer Strumpfhose";
var td_5 ="Treppe";
var td_6 ="Kinder";
var td_7 ="Pflaster";
var td_8 ="Technik";
var td_9 ="Fahrzeuge";
var td_10 ="Ungewöhnliche Ansichten";
var td_11 ="Industrieruinen";
var td_12 ="Feder";
var td_13 ="Humor";
var td_14 ="Spinnerei";
var td_15 ="Architektur";
var td_16 ="Smily";
var td_17 ="Leipziger Ansichten";

function konzept() {
for (var i = 1; i <= 4; i++)
	document.getElementById("konzept_"+i+"").innerHTML = eval("konzept_"+i);
for (var j = 1; j <= 17; j++)
	document.getElementById("td_"+j+"").innerHTML = eval("td_"+j);
document.getElementById("konzept").innerHTML = "<img src=\"koaus_br.gif\" style=\"border:none\" alt=\"konzept\" onclick=\"no_konzept()\" onmouseover=\"ko_aus_bl()\">";
}

function verweis_pw(datei,fenster){
 var hoehe = 160;
 var weite = 620;
navigat=window.open(datei,fenster,"height=160,width=620,location=no,scrollbars=yes,menubar=no,resizable=yes");
navigat.moveTo(screen.width/2-weite/2,screen.height/2-hoehe/2);
navigat.focus();
}