$(document).ready(function() {
var bigHeadFile = Array();
bigHeadFile[0] = "3.jpg"
bigHeadFile[1] = "4.jpg"
bigHeadFile[2] = "2.jpg"
bigHeadFile[3] = "1.jpg"
var bigHeadDescr = Array();
bigHeadDescr[0] = "Carl Ludwig Jessen: Dörns in Klockries
Museumsberg Flensburg"
bigHeadDescr[1] = "Theodor Möller, Rumohrholz, Herd in der Kate Delfs
Schleswig-Holsteinischen Landesbibliothek in Kiel"
bigHeadDescr[2] = "Porträt des Ehepaars Swin
Dithmarscher Landesmuseum, Meldorf"
bigHeadDescr[3] = "Iwan Aiwasoffski, Küstenlandschaft mit Hafenstadt
Kunsthalle zu Kiel"
$(document).ready(function() {
$('#slideShow').css('background-image','url(/instances/Nord/images/bigHead/3.jpg)');
$('#sliderCaption').html(bigHeadDescr[0]);
});
$(document).ready(function() {
$('.slideShowDot').live('click', function() {
var thisSlideShowDot = this;
var dotImageIndex = $(thisSlideShowDot).index();
// erst ausblenden
$('#slideShow').animate ({
opacity: 0.0
}, 200, function() {
// neues Bild setzen
$('#slideShow').css('background-image','url(/instances/Nord/images/bigHead/' + bigHeadFile[dotImageIndex] + ')');
// Bildbeschreibung aktualisieren
$('#sliderCaption').html(bigHeadDescr[dotImageIndex]);
// und wieder einblenden
$('#slideShow').animate ({
opacity : 1
}, 200, function() {
});
});
// activePunkte setzen
$('.slideShowDot').removeClass('slideShowDotActive');
$(this).addClass('slideShowDotActive');
});
});});
////////////////////////////////////////////////////////////////////
// den Header-Slider auf Klick kleiner machen
////////////////////////////////////////////////////////////////////
$('#hideSliderButton').live('click', function() {
// Weiche rein, für schon gedrückt oder auch nicht..
//if (0 == 0) {
if ($('#slideShow').height() > 60) {
// Caption und slider rausfaden
$('#changeSlider').fadeOut(200, function() {
$('#sliderCaption').fadeOut(200, function() {
$('#changeSlider').css('top', '90px');
// hintergrundbild ein bisschen verrücken
$('#slideShow').animate({
height : '60px',
backgroundPosition: '0 -25px'
}, 250, function() {
//$('#changeSlider').fadeIn(250, function() {
// den Zustand in ner PHP-Session-Var speichern
$.post( '/setsliderhided', function() {
//location.reload(true);
});
//});
});
});
});
}
//if (0 == 1) {
if ($('#slideShow').height() == 60) {
// Caption und slider rausfaden
$('#changeSlider').fadeOut(200, function() {
$('#sliderCaption').fadeIn(200, function() {
$('#changeSlider').css('top', '270px');
// hintergrundbild n bisschen verrücken
$('#slideShow').animate({
height : '300px',
backgroundPosition: '0px 0px'
}, 250, function() {
$('#changeSlider').fadeIn(250, function() {
// neues Hintergrundbild für den ausgelösten Button
//$('#hideSliderButton').animate
// den Zustand in ner PHP-Session-Var speichern
$.post( '/setsliderhided', function() {
//location.reload(true);
});
});
});
});
});
}
});