/*
ACHTUNG:
BEVOR DIESE DATEI EINGEBUNDEN WIRD MUSS die Datei jquery-1.3.2.js oder eine kompatible Version von jQuery
EBENFALLS IN DAS DOKUMENT EINGEBUNDEN WERDEN!
*/
var oldScreenWidth = 0;
var oldScreenHeight = 0;
var refPicNum = 0;
var refPicX = 0;
var refPicY = 0;
var firstresize = 0;
var contentBoxHeight = "200px";
var contentBoxWidth = 530;
var boxAbstandBrowserFenster = 15;
/*
Das Array bgs:
Beinhaltet fuer jede Seite Informationen, welche Bilder verwendet werden
und an welcher Stelle die Inhaltsbox angezeigt wird.
*/
var bgs = new Array();
/*
bgs["beispiel"] = new Array(
new Array("bilddateiname", "top-Wert", "left-Wert", "Alpha-Wert", originalBildbreite, originalBildhöhe, BreiteContentBoxFür dieses Bild, HöheContentBoxFürDiesesBild),
new Array("bild_4.jpg", "50px", "100px", "0.5", "1024", "681", 500, 300),
StandardbreiteContentbox,
StandardhöheContentbox
);
// MODUS (siebtes Arrayelement): 1: left und top
2: right und top
3: left und bottom
4: right und bottom
*/
bgs["index.php"] = new Array(
new Array("home_1.jpg", "20", "20", "0.5", "Foto: Leo Baeck Salon, April 2009", "1024", "681",300,500),
/* new Array("home_3.jpg", "800", "400", "0.8", "Foto: Zeit Matinee, 2008", "1024", "682", 400, 405), */
/* new Array("home_5.jpg", "500", "350", "0.8", "Foto: Kunstfest Weimar, 2009", "1024", "681"), */
new Array("home_6.jpg", "500", "350", "0.8", "Foto: Leo Baeck Salon, März 2008", "1024", "681"),
new Array("berlinerstiftungswoche_1.jpg", "20", "10", "0.8", "Foto: Berliner Stiftungswoche, Juni 2010", "1024", "683"),
new Array("berlinerstiftungswoche_2.jpg", "370", "10", "0.8", "Foto: Berliner Stiftungswoche, Juni 2010", "1024", "683"),
new Array("kunstfest_1.jpg", "50", "350", "0.5", "Foto: Kunstfest Weimar, 2010", "1024", "681"),
new Array("kunstfest_2.jpg", "500", "30", "0.8", "Foto: Kunstfest Weimar, 2010", "1024", "681"),
new Array("kunstfest_3.jpg", "500", "350", "0.8", "Foto: Kunstfest Weimar, 2010", "1024", "681"),
new Array("LBS_1.jpg", "50", "30", "0.5", "Foto: Leo Baeck Salon, April 2010", "1024", "681"),
new Array("LBS_2.jpg", "500", "330", "0.8", "Foto: Leo Baeck Salon, April 2010", "1024", "681"),
new Array("Stuttgart_1.jpg", "500", "10", "0.8", "Foto: Hearing - Erinnerungsorte in Stuttgart, Juli 2010", "1024", "681"),
new Array("Stuttgart_2.jpg", "50", "30", "0.5", "Foto: Hearing - Erinnerungsorte in Stuttgart, Juli 2010", "1024", "681"),
new Array("matinee_2011_1.jpg", "550", "10", "0.8", "Foto: ZEIT Matinee, Hamburg, Januar 2011", "1024", "681"),
new Array("matinee_2011_2.jpg", "300", "20", "0.8", "Foto: ZEIT Matinee, Berlin, Dezember 2010", "1024", "681"),
500,
390
);
bgs["buero.php"] = new Array(
new Array("buero_1.jpg", "20", "500", "0.5", "", "1024", "768", 380, 250),
new Array("buero_2.jpg", "20", "20", "0.7", "", "1024", "582"),
530,
200
);
bgs["shaack.php"] = new Array(
new Array("haack_1.jpg", "40", "40", "0.8", "", "1024", "719"),
450,
290
);
bgs["team.php"] = new Array(
// new Array("team_1.jpg", "20", "480", "0.8", "Auf dem Foto: Lucie Menz", "1024", "687", 350,180),
// new Array("team_2.jpg", "700", "700", "0.8", "Auf dem Foto: Robert Jahrisch", "1024", "687", 350,180),
// new Array("team_3.jpg", "700", "700", "0.8", "Auf dem Foto: Gabi Haack %A9 B%FCro f%FCr Kultur Konzept", "1024", "687", 350,180),
new Array("collage_team.jpg", "700", "700", "0.8", "Auf dem Foto: Lucie Menz, Robert Jahrisch, Gabi Haack %A9 B%FCro f%FCr Kultur Konzept", "1024", "768", 350,180),
530,
180
);
bgs["sundp.php"] = new Array(
new Array("sundp_1.jpg", "50", "280", "0.7", "Foto: Staatliche Kunstsammlungen Dresden, 2004", "1024", "768"),
new Array("sundp_2.jpg", "700", "700", "0.6", "Foto: Staatliche Kunstsammlungen Dresden, 2004", "1024", "768", 400,280),
530,
240
);
bgs["bundp.php"] = new Array(
new Array("bundp_1.jpg", "20", "20", "0.4", "Foto: J%FCdisches Museum Berlin, 2007", "1024", "1288",360,350),
new Array("bundp_2.jpg", "20", "20", "0.6", "Foto: Staatliche Kunstsammlungen Dresden, 2004", "800", "533"),
new Array("bundp_3.jpg", "345", "10", "0.8", "Foto: Konferenz Nationaler Kultureinrichtungen, 2005", "640", "480",530,255),
530,
250
);
bgs["kunds.php"] = new Array(
new Array("kunds_1.jpg", "500", "600", "0.4", "Foto: Leo Baeck Institute, 2008", "1024", "681"),
new Array("kunds_2.jpg", "550", "20", "0.8", "Foto: Staatliche Museen zu Berlin, 2003", "1024", "843", 300, 320),
530,
200
);
bgs["mediencoaching.php"] = new Array(
new Array("mediencoaching_1.jpg", "20", "20", "0.4", "Foto: Leo Baeck Salon, 2009", "1024", "681",400,350),
new Array("mediencoaching_2.jpg", "1000", "500", "0.7", "Foto: Zeit Matinee, 2007", "850", "567", 500, 300),
new Array("mediencoaching_3.jpg", "1000", "500", "0.7", "Foto: Zeit Matinee, 2009", "1024", "683", 500, 300),
530,
300
);
bgs["pundoe.php"] = new Array(
//new Array("pundoe_1.jpg", "500", "350", "0.7", "Foto: Kunstfest Weimar 2009", "1024", "681"),
new Array("pundoe_2.jpg", "500", "20", "0.7", "Foto: Kunstfest Weimar 2009", "1024", "681"),
new Array("pundoe_3.jpg", "20", "20", "0.7", "Foto: Allianz Stiftungsforum, 2008", "1024", "612"),
new Array("pundoe_4.jpg", "20", "20", "0.7", "Foto: Pressekonferenz Kunstfest Weimar, %A9 Maik Schuck", "1024", "612"),
new Array("pundoe_5.jpg", "20", "20", "0.7", "Foto: Pressekonferenz Kunstfest Weimar, %A9 Maik Schuck", "1024", "612"),
new Array("pundoe_6.jpg", "20", "20", "0.7", "Foto: Pressekonferenz Kunstfest Weimar, %A9 Maik Schuck", "1024", "612"),
530,
240
);
bgs["prundk.php"] = new Array(
//new Array("prundk_1.jpg", "40", "20", "0.8", "Foto: Staatliche Kunstsammlungen Dresden, 2004", "500", "333",320,250),
//new Array("prundk_2.jpg", "40", "350", "0.8", "Foto: Leo Baeck Institute, 2005", "1024", "681"),
new Array("prundk_3.jpg", "40", "350", "0.8", "Foto: %A9 Maik Schuck", "1024", "675"),
new Array("prundk_4.jpg", "40", "350", "0.8", "Foto: %A9 Maik Schuck", "1024", "681"),
new Array("prundk_5.jpg", "600", "350", "0.8", "Foto: %A9 Maik Schuck", "1024", "681"),
530,
200
);
bgs["rundt.php"] = new Array(
new Array("rundt_1.jpg", "800", "20", "0.8", "Foto: Kanzleramt und Ministerien", "1024", "768"),
new Array("rundt_2.jpg", "500", "350", "0.8", "Foto: Kunstfest Weimar 2009", "1024", "681",550,250),
new Array("rundt_3.jpg", "20", "350", "0.8", "Foto: Leo Baeck Salon, 2008", "1024", "681",550,250),
530,
250
);
bgs["veranstaltungsmanagement.php"] = new Array(
//new Array("veranstaltungsmanagement_1.jpg", "800", "600", "0.8", "Foto: Leo Baeck Salon, 2009", "1024", "681",330,420),
new Array("veranstaltungsmanagement_2.jpg", "40", "350", "0.8", "Foto: Leo Baeck Institute, 2005", "1024", "681",530,300),
//new Array("veranstaltungsmanagement_3.jpg", "800", "600", "0.8", "Foto: Staatliche Kunstsammlungen Dresden, 2008", "1024", "768",330,420),
//new Array("veranstaltungsmanagement_4.jpg", "10", "10", "0.8", "Foto: Kunstfest Weimar 2009", "1024", "687",300,520),
//new Array("veranstaltungsmanagement_5.jpg", "40", "350", "0.8", "Foto: Kunstfest Weimar 2009", "1024", "822",530,300),
new Array("veranstaltungsmanagement_6.jpg", "40", "350", "0.8", "Foto: Homo Ludens, %A9 Hillary Goidell", "1024", "1087",530,300),
new Array("veranstaltungsmanagement_7.jpg", "40", "300", "0.8", "Foto: Le Cri, %A9 Agathe Poupeney", "1024", "683",530,300),
new Array("projekte_4.jpg", "20", "160", "0.8", "Foto: Kulturstiftung des Bundes, 2006", "1024", "966",350,400),
530,
290
);
bgs["projekte.php"] = new Array(
new Array("projekte_1.jpg", "80", "100", "0.6", "Foto: Kunstfest Weimar, 2009", "1024", "681",530,360),
new Array("projekte_2.jpg", "20", "20", "0.8", "Foto: Staatliche Kunstsammlungen Dresden, 2008", "1024", "931",350,400),
new Array("projekte_3.jpg", "20", "20", "0.8", "Foto: Zeit Matinee, 2009", "1024", "682",350,400),
new Array("home_2.jpg", "800", "20", "0.8", "Foto: Kunstfest Weimar, 2008", "1024", "683"),
new Array("home_4.jpg", "500", "350", "0.8", "Foto: Staatliche Kunstsammlungen Dresden, 2009", "1024", "768"),
new Array("projekte_4.jpg", "20", "160", "0.8", "Foto: Kulturstiftung des Bundes, 2006", "1024", "966",350,400),
//new Array("projekte_5.jpg", "330", "200", "0.8", "Foto: Staatliche Kunstsammlungen Dresden, 2004", "500", "334",350,400),
530,
310
);
bgs["kontakt.php"] = new Array(
new Array("kontakt_1.jpg", "20", "20", "0.8", "", "1024", "768"),
300,
320
);
bgs["impressum.php"] = new Array(
//new Array("impressum_1.jpg", "20", "20", "0.7", "Foto: Kunstfest Weimar 2008", "1024", "683"),
new Array("impressum_2.jpg", "20", "20", "0.9", "Foto: %A9 Hillary Goidell", "1024", "681"),
new Array("impressum_3.jpg", "20", "20", "0.9", "Foto: Barok, %A9 BAROKTHEGREAT", "1024", "768"),
400,
380
);
/* Menuanimation */
$(document).ready(function(){
// Die Inhaltsbox muss vertikal verschoben werden (header)
if(navigator.userAgent.indexOf("MSIE") > -1) {
vertikaleKorrektur = 82;
} else {
vertikaleKorrektur = 82;
}
// Wenn man ueber den mittleren Navigationspunkt faehrt, klappt sich das Menue aus
$("#menustarter").hover(
function () {
$("#menu").animate({
opacity: "1"
}, 300);
$("#menu").css("display","block");
},
function () {
}
);
// faehrt die Maus aus dem Menue heraus, so wird das Menue wieder geschlossen
$("#menu").hover(
function () {
},
function () {
$("#menu").animate({
opacity: "0"
}, 300);
$("#menu").css("display","none");
}
);
// Faehrt man ueber das Hintergrund wird sicherheitshalber das Menue ausgeblendet (manchmal funktioniert
// das normale onMouseOut-Ereignis nicht korrekt)
$("#backgroundimage").hover(
function () {
$("#menu").animate({
opacity: "0"
}, 300);
$("#menu").css("display","none");
},
function () {
}
);
});
// Funktion um ein zufaelliges Hintergrundbild aus dem bgs-Array herauszusuchen und anzuzeigen.
// Ausserdem animiert die Funktion die Inhalts-Box (nach den Werten, die ebenfalls im bgs-Array stehen)
function randomBG(filename) {
var picname = "";
var bild = new Image();
var picture = $("#backgroundimage");
var attributes = null;
var screenHeight = 0;
var screenWidth = 0;
// alert(i);
if(navigator.userAgent.indexOf("irefox") > -1) {
screenWidth = window.innerWidth;
screenHeight = window.innerHeight;
} else {
screenWidth = $(window).width();
screenHeight = $(window).height();
}
do { // tue solange nicht das selbe Bild wie vorher geladen wurde (verhindert, dass das selbe bild wie auf der Referrer-Seite ausgewählt, angezeigt wird)
if(filename == "") {
refPicNum = Math.round(Math.random() * (bgs["index.php"].length-3));
attributes = bgs["index.php"][refPicNum];
contentBoxWidth = bgs["index.php"][bgs["index.php"].length-2]-2;
contentBoxHeight = bgs["index.php"][bgs["index.php"].length-1];
} else {
// Zufälliges Bild aussuchen (random)
refPicNum = Math.round(Math.random() * (bgs[filename].length-3));
attributes = bgs[filename][refPicNum];
// Contentboxbreite und Höhe aus dem Array lesen
// falls individuell für das Bild vorhanden, für das Bild, sonst den allgemeinen Wert
if(attributes[7]) {
contentBoxWidth = attributes[7];
} else {
contentBoxWidth = bgs[filename][bgs[filename].length-2]-2;
}
if(attributes[8]) {
contentBoxHeight = attributes[8];
} else {
contentBoxHeight = bgs[filename][bgs[filename].length-1];
}
}
picname = attributes[0];
} while (picname == bgs[dateinameReferrer()][refPicNumGet][0] && bgs[dateinameReferrer()].length > 3); // ein Bild soll nicht doppelt angezeigt werden
var seitenVerhaeltnis = screenWidth/screenHeight;
var seitenVerhaeltnisBild = attributes[5]/attributes[6];
$(document).ready(function(){
$("#fusszeile").text(unescape(attributes[4]));
bild.src = "img/bgs/"+picname;
document.getElementById('backgroundimage').src = bild.src;
if(seitenVerhaeltnis<=seitenVerhaeltnisBild) {
picture.attr('width', screenHeight*seitenVerhaeltnisBild);
picture.attr('height', screenHeight);
}else {
picture.attr('width', screenWidth);
picture.attr('height', screenWidth/seitenVerhaeltnisBild);
}
setPosition(dateinameReferrer());
if(refPicXGet > 0 && refPicYGet > 0) {
$("#main-container").css("left",refPicXGet);
$("#main-container").css("top",refPicYGet);
} else {
$("#main-container").css("top",attributes[1]);
$("#main-container").css("left",attributes[2]);
}
var x = (attributes[1]*(picture.attr('width')/attributes[5]));
var y = (attributes[2]*(picture.attr('height')/attributes[6]));
if(x+contentBoxWidth > screenWidth) {
x = screenWidth-contentBoxWidth-boxAbstandBrowserFenster;
}
if(y+contentBoxHeight+80 > screenHeight) {
y = screenHeight-contentBoxHeight-80-boxAbstandBrowserFenster;
}
refPicX = x;
refPicY = y;
$("#main-container").animate({
left: x+"px",
top: y+"px",
height: (contentBoxHeight+vertikaleKorrektur)+"px",
width: contentBoxWidth+"px"
}, 1500);
$("#content-inner-container").animate({
opacity: attributes[3],
height: contentBoxHeight+"px",
width: contentBoxWidth+"px"
}, 1500);
$("#text").animate({
height: (contentBoxHeight)+"px",
width: (contentBoxWidth-8)+"px"
}, 1500);
$("#logo-container").animate({
width: contentBoxWidth+"px"
}, 1500);
$("a.menuelementlink").each(function(i) {
this.rel = this.href;
this.href = this.href + "?refPicNum="+refPicNum+"&refPicX="+refPicX+"&refPicY="+refPicY;
});
});
//alert(picname);
}
// Hintergrundbild automatisch an den Abzeigebereich des Browsers anpassen.
function autoFitBackgroundImage() {
var attributes = bgs[dateiname()][refPicNum];
var box = $("#backgroundimage-container");
var picture = $("#backgroundimage");
var screenHeight = 0;
var screenWidth = 0;
// alert(i);
if(navigator.userAgent.indexOf("irefox") > -1) {
screenWidth = window.innerWidth;
screenHeight = window.innerHeight;
} else {
screenWidth = $(window).width();
screenHeight = $(window).height();
}
// alert($(window).height());
if(oldScreenWidth != screenWidth || oldScreenHeight != screenHeight) {
// alert("uiuiui");
oldScreenWidth = screenWidth;
oldScreenHeight = screenHeight;
var seitenVerhaeltnis = screenWidth/screenHeight;
var seitenVerhaeltnisBild = attributes[5]/attributes[6];
box.attr('width', screenWidth);
box.attr('height', screenHeight);
// alert(seitenVerhaeltnisBild);
if(seitenVerhaeltnis<=seitenVerhaeltnisBild) {
picture.attr('width', screenHeight*seitenVerhaeltnisBild);
picture.attr('height', screenHeight);
}else {
picture.attr('width', screenWidth);
picture.attr('height', screenWidth/seitenVerhaeltnisBild);
}
if(firstresize != 0) {
var x = (attributes[1]*(picture.attr('width')/attributes[5]));
var y = (attributes[2]*(picture.attr('height')/attributes[6]));
if(x+contentBoxWidth > screenWidth) {
x = screenWidth-contentBoxWidth-boxAbstandBrowserFenster;
}
if(y+contentBoxHeight+80 > screenHeight) {
y = screenHeight-contentBoxHeight-80-boxAbstandBrowserFenster;
}
if(y > 0 && x > 0) {
$("#main-container").animate({
left: x+"px",
top: y+"px"
}, 50);
}
}
refPicX = x;
refPicY = y;
firstresize=1;
if(refPicX > 0 && refPicY > 0) {
$("a.menuelementlink").each(function(i) {
this.href = this.rel + "?refPicNum="+refPicNum+"&refPicX="+refPicX+"&refPicY="+refPicY;
});
}
}
// Scrollleisten einblenden, wenn nötig
if(screenHeight-100 < contentBoxHeight) {
$("body").css("overflow","auto");
$("html").css("overflow","auto");
} else {
$("body").css("overflow","hidden");
$("html").css("overflow","hidden");
}
}
function calculateRatio(picWidth, picHeight) {
var screenHeight = 0;
var screenWidth = 0;
if(navigator.userAgent.indexOf("irefox") > -1) {
screenWidth = window.innerWidth;
screenHeight = window.innerHeight;
} else {
screenWidth = $(window).width();
screenHeight = $(window).height();
}
var seitenVerhaeltnis = screenWidth/screenHeight;
var seitenVerhaeltnisBild = picWidth/picHeight;
if(seitenVerhaeltnis<=seitenVerhaeltnisBild) {
return new Array(screenHeight*seitenVerhaeltnisBild, screenHeight);
}else {
return new Array(screenWidth, screenWidth/seitenVerhaeltnisBild);
}
}
// Funktion zum sofortigen umsetzen von Informationen aus dem bgs-Array
// wird dazu verwendet, um die Inhalts-Box an der selben Stelle anzuzeigen, wie der Referrer
function setPosition (filename) {
var attributes = null;
var contentBoxHeight = "200px";
var contentBoxWidth = "200px";
if(filename == "") {
attributes = bgs["index.php"][refPicNumGet];
contentBoxHeight = bgs["index.php"][bgs["index.php"].length-1];
contentBoxWidth = bgs["index.php"][bgs["index.php"].length-2];
} else {
attributes = bgs[filename][refPicNumGet];
contentBoxHeight = bgs[filename][bgs[filename].length-1];
contentBoxWidth = bgs[filename][bgs[filename].length-2]-2;
}
/*
$("#main-container").css("top",attributes[1]);
$("#main-container").css("left",attributes[2]);
*/
$("#main-container").css("height",(contentBoxHeight+vertikaleKorrektur)+"px");
$("#main-container").css("width",contentBoxWidth+"px");
$("#text").css("height",contentBoxHeight+"px");
$("#text").css("width",(contentBoxWidth-8)+"px");
$("#content-inner-container").css("height",contentBoxHeight+"px");
$("#content-inner-container").css("width",contentBoxWidth+"px");
$("#content-inner-container").css("opacity",attributes[3]);
$("#logo-container").css("width",contentBoxWidth+"px");
$("#main-container").css("visibility", "visible");
}
//////////////////////////////////////////////
// Gibt Dateinamen der aktuellen Datei zurueck
function dateinameReferrer() {
var strFilename;
var strHref = "";
if(document.referrer.indexOf("sabinehaack.de") >= 0) {
strHref = document.referrer;
} else {
strHref = self.location.href;
}
strHref = strHref.replace(/\//g,"\\");
var iIdx = strHref.lastIndexOf("\\");
if (-1 < iIdx) {
strFilename = strHref.substring(iIdx+1);
} else {
strFilename = strHref;
}
if(strFilename.split("?")[0] != "") {
return strFilename.split("?")[0];
} else {
return "index.php";
}
}
//////////////////////////////////////////////
//////////////////////////////////////////////
// Gibt Dateinamen der aktuellen Datei zurueck
function dateiname() {
var strFilename;
var strHref = self.location.href;
strHref = strHref.replace(/\//g,"\\");
var iIdx = strHref.lastIndexOf("\\");
if (-1 < iIdx) {
strFilename = strHref.substring(iIdx+1);
} else {
strFilename = strHref;
}
if(strFilename.split("?")[0] != "") {
return strFilename.split("?")[0];
} else {
return "index.php";
}
}
//////////////////////////////////////////////
function projektShow(projektid) {
document.getElementById(projektid).style.display = "block";
document.getElementById("projekt-starttext").style.display = "none";
document.getElementById(projektid+"link").style.color = "#aaaaaa";
document.getElementById("fusszeile").style.display = "none";
}
function projektHide(projektid) {
document.getElementById(projektid).style.display = "none";
document.getElementById("projekt-starttext").style.display = "block";
document.getElementById("fusszeile").style.display = "block";
}
function image_preload() {
// Preload der Bilder organisieren
$("#preloader-images").html("
");
}