// Hilfsvariablen
var i1 = new Number(1);
var i2 = new Number(1);
var delay = new Number(5000);
var newFrom = new Number(12);
var newTo = new Number(1);

// Liste der Filialen
var Stores = new Array(46);

Stores[0] = new Object();
Stores[0].name = "Alsfeld";
Stores[0].img = "/media/Filialen/alsfeld-230.jpg";
Stores[0].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-alsfeld.html";

Stores[1] = new Object();
Stores[1].name = "Asendorf";
Stores[1].img = "/media/Filialen/asendorf-230.jpg";
Stores[1].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-asendorf.html";

Stores[2] = new Object();
Stores[2].name = "Bad Kissingen";
Stores[2].img = "/media/Filialen/bad-kissingen-230.jpg";
Stores[2].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-bad-kissingen.html";

Stores[3] = new Object();
Stores[3].name = "Bad Salzungen";
Stores[3].img = "/media/Filialen/bad-salzungen-230.jpg";
Stores[3].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-bad-salzungen.html";

Stores[4] = new Object();
Stores[4].name = "Bad Segeberg";
Stores[4].img = "/media/Filialen/bad-segeberg-230.jpg";
Stores[4].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-bad-segeberg.html";

Stores[5] = new Object();
Stores[5].name = "Bardowick";
Stores[5].img = "/media/Filialen/bardowick-230.jpg";
Stores[5].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-bardowick.html";

Stores[6] = new Object();
Stores[6].name = "Barsinghausen";
Stores[6].img = "/media/Filialen/barsinghausen-230.jpg";
Stores[6].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-barsinghausen.html";

Stores[7] = new Object();
Stores[7].name = "Bottrop";
Stores[7].img = "/media/Filialen/bottrop-230.jpg";
Stores[7].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-bottrop.html";

Stores[8] = new Object();
Stores[8].name = "Bremervörde";
Stores[8].img = "/media/Filialen/bremervoerde-230.jpg";
Stores[8].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-bremervoerde.html";

Stores[9] = new Object();
Stores[9].name = "Buchholz";
Stores[9].img = "/media/Filialen/buchholz-230.jpg";
Stores[9].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-buchholz.html";

Stores[10] = new Object();
Stores[10].name = "Cuxhaven";
Stores[10].img = "/media/Filialen/cuxhaven-230.jpg";
Stores[10].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-cuxhaven.html";

Stores[11] = new Object();
Stores[11].name = "Dortmund-Aplerbeck";
Stores[11].img = "/media/Filialen/dortmund-aplerbeck-230.jpg";
Stores[11].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-dortmund-aplerbeck.html";

Stores[12] = new Object();
Stores[12].name = "Dortmund-Lütgendortmund";
Stores[12].img = "/media/Filialen/luetgendortmund-230.jpg";
Stores[12].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-luetgendortmund.html";

Stores[13] = new Object();
Stores[13].name = "Elmshorn";
Stores[13].img = "/media/Filialen/elmshorn-230.jpg";
Stores[13].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-elmshorn.html";

Stores[14] = new Object();
Stores[14].name = "Elsenfeld";
Stores[14].img = "/media/Filialen/elsenfeld-230.jpg";
Stores[14].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-elsenfeld.html";

Stores[15] = new Object();
Stores[15].name = "Fulda";
Stores[15].img = "/media/Filialen/fulda-230.jpg";
Stores[15].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-fulda.html";

Stores[16] = new Object();
Stores[16].name = "Garbsen-Berenbostel";
Stores[16].img = "/media/Filialen/beerenbostel-230.jpg";
Stores[16].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-garbsen-berenbostel.html";

Stores[17] = new Object();
Stores[17].name = "Glückstadt";
Stores[17].img = "/media/Filialen/glueckstadt-230.jpg";
Stores[17].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-glueckstadt.html";

Stores[18] = new Object();
Stores[18].name = "Hameln";
Stores[18].img = "/media/Filialen/hameln-230.jpg";
Stores[18].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-hameln.html";

Stores[19] = new Object();
Stores[19].name = "Heide";
Stores[19].img = "/media/Filialen/heide-230.jpg";
Stores[19].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-heide.html";

Stores[20] = new Object();
Stores[20].name = "Hildesheim";
Stores[20].img = "/media/Filialen/hildesheim-230.jpg";
Stores[20].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-hildesheim.html";

Stores[21] = new Object();
Stores[21].name = "Husum";
Stores[21].img = "/media/Filialen/husum-230.jpg";
Stores[21].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-husum.html";

Stores[22] = new Object();
Stores[22].name = "Lübbecke";
Stores[22].img = "/media/Filialen/luebbecke-230.jpg";
Stores[22].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-luebbecke.html";

Stores[23] = new Object();
Stores[23].name = "Munster";
Stores[23].img = "/media/Filialen/munster-230.jpg";
Stores[23].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-munster.html";

Stores[24] = new Object();
Stores[24].name = "Neumünster";
Stores[24].img = "/media/Filialen/neumuenster-230.jpg";
Stores[24].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-neumuenster.html";

Stores[25] = new Object();
Stores[25].name = "Neustadt";
Stores[25].img = "/media/Filialen/neustadt-230.jpg";
Stores[25].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-neustadt.html";

Stores[26] = new Object();
Stores[26].name = "Niebüll";
Stores[26].img = "/media/Filialen/niebuell-230.jpg";
Stores[26].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-niebuell.html";

Stores[27] = new Object();
Stores[27].name = "Nienburg";
Stores[27].img = "/media/Filialen/nienburg-230.jpg";
Stores[27].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-nienburg.html";

Stores[28] = new Object();
Stores[28].name = "Osnabrück";
Stores[28].img = "/media/Filialen/osnabrueck-230.jpg";
Stores[28].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-osnabrueck.html";

Stores[29] = new Object();
Stores[29].name = "Osterholz-Scharmbeck";
Stores[29].img = "/media/Filialen/osterholz-230.jpg";
Stores[29].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-osterholz-scharmbeck.html";

Stores[30] = new Object();
Stores[30].name = "Oyten";
Stores[30].img = "/media/Filialen/oyten-230.jpg";
Stores[30].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-oyten.html";

Stores[31] = new Object();
Stores[31].name = "Peine";
Stores[31].img = "/media/Filialen/peine-230.jpg";
Stores[31].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-peine.html";

Stores[32] = new Object();
Stores[32].name = "Ratzeburg";
Stores[32].img = "/media/Filialen/ratzeburg-230.jpg";
Stores[32].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-ratzeburg.html";

Stores[33] = new Object();
Stores[33].name = "Rendsburg";
Stores[33].img = "/media/Filialen/rendsburg-230.jpg";
Stores[33].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-rendsburg.html";

Stores[34] = new Object();
Stores[34].name = "Rotenburg";
Stores[34].img = "/media/Filialen/rotenburg-230.jpg";
Stores[34].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-rotenburg.html";

Stores[35] = new Object();
Stores[35].name = "Salzwedel";
Stores[35].img = "/media/Filialen/salzwedel-230.jpg";
Stores[35].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-salzwedel.html";

Stores[36] = new Object();
Stores[36].name = "Schlüchtern";
Stores[36].img = "/media/Filialen/schluechtern-230.jpg";
Stores[36].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-schluechtern.html";

Stores[37] = new Object();
Stores[37].name = "Schwentinental (Kiel)";
Stores[37].img = "/media/Filialen/schwentinental-230.jpg";
Stores[37].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-kiel-raisdorf.html";

Stores[38] = new Object();
Stores[38].name = "Schwerin";
Stores[38].img = "/media/Filialen/schwerin-230.jpg";
Stores[38].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-schwerin.html";

Stores[39] = new Object();
Stores[39].name = "Soltau";
Stores[39].img = "/media/Filialen/soltau-230.jpg";
Stores[39].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-soltau.html";

Stores[40] = new Object();
Stores[40].name = "Tostedt";
Stores[40].img = "/media/Filialen/tostedt-230.jpg";
Stores[40].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-tostedt.html";

Stores[41] = new Object();
Stores[41].name = "Stadthagen";
Stores[41].img = "/media/Filialen/stadthagen-230.jpg";
Stores[41].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-stadthagen.html";

Stores[42] = new Object();
Stores[42].name = "Uelzen";
Stores[42].img = "/media/Filialen/uelzen-230.jpg";
Stores[42].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-uelzen.html";

Stores[43] = new Object();
Stores[43].name = "Weyhe";
Stores[43].img = "/media/Filialen/weyhe-230.jpg";
Stores[43].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-weyhe.html";

Stores[44] = new Object();
Stores[44].name = "Wittingen";
Stores[44].img = "/media/Filialen/wittingen-230.jpg";
Stores[44].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-wittingen.html";

Stores[45] = new Object();
Stores[45].name = "Zwickau";
Stores[45].img = "/media/Filialen/zwickau-230.jpg";
Stores[45].link = "/service/alles-ueber-jawoll/filialsuche/jawoll-filiale-zwickau.html";


// Zähler für Filialen
var store = new Number(0);

var preloadImg = new Image();

// Neuheiten-Slideshow
function updateNewProductsSlideshow(newTopLayer) {
  if (document.getElementById('NewProduct_'+newTopLayer) == null) {
    newTopLayer = 1;
  }
  i1 = newTopLayer;
  clearInterval(intervalNewProducts);
  intervalNewProducts = setInterval( "updateNewProductsSlideshow(i1 + 1)", delay );
  var $old = $('#NewProductsStack div.TopLayer');
  var $new = $('#NewProduct_'+newTopLayer);
  var $oldicon = $('.NewProductsActiveIcon');
  var $newicon = $('#NewProductIcon_'+newTopLayer+' img');
  if ($old[0] != $new[0]) {
    $old.addClass('LowerLayer');
    $old.removeClass('TopLayer');
    $oldicon.css("border-color", "#ddd");
    $oldicon.removeClass("NewProductsActiveIcon");
    $newicon.css("border-color", "#999");
    $newicon.addClass("NewProductsActiveIcon");
    $new.css({opacity: 0.0});
    $new.addClass('TopLayer');
    $new.animate({opacity: 1.0}, 150, function() { $old.removeClass('LowerLayer'); });
  }
}

// Peephole-Slideshow
function updatePeepholeSlideshow(newTopLayer) {
  if (document.getElementById('Peephole_'+newTopLayer) == null) {
    newTopLayer = 34;
  }
  i2 = newTopLayer;
  clearInterval(intervalPeephole);
  intervalPeephole = setInterval( "updatePeepholeSlideshow(i2 - 3)", delay );
  var $old = $('#PeepholeStack div.TopLayer');
  var $new = $('#Peephole_'+newTopLayer);
  var $oldicon = $('.PeepholeActiveIcon');
  var $newicon = $('#PeepholeIcon_'+newTopLayer+' img');
  if ($old[0] != $new[0]) {
    $old.addClass('LowerLayer');
    $old.removeClass('TopLayer');
    $oldicon.css("border-color", "#ddd");
    $oldicon.removeClass("PeepholeActiveIcon");
    $newicon.css("border-color", "#999");
    $newicon.addClass("PeepholeActiveIcon");
    $new.css({opacity: 0.0});
    $new.addClass('TopLayer');
    $new.animate({opacity: 1.0}, 150, function() { $old.removeClass('LowerLayer'); });
  }
}

// Peephole-Scroller
function updatePeepholeScroller() {
  clearInterval(intervalPeepholeScroller);
  $('#PeepholeBlock_'+newFrom).insertBefore($('#PeepholeBlock_'+newTo));
  newFrom = newFrom - 1;
  newTo = newTo - 1;
  if (newFrom < 1) {
    newFrom = 12;
  }
  if (newTo < 1) {
    newTo = 12;
  }
  intervalPeepholeScroller = setInterval( "updatePeepholeScroller()", delay );
}

// Filialen-Slideshow
function updateStoresSlideshow() {
  var $new = $('#StoresStack .LowerLayer');
  var $old = $('#StoresStack .TopLayer');
  $('#StoresStack .LowerLayer .StoreImage')[0].href = Stores[store].link;
  $('#StoresStack .LowerLayer .StoreImage img')[0].src = Stores[store].img;
  $('#StoresStack .LowerLayer .StoreImage img')[0].alt = "Jawoll-Filiale in "+Stores[store].name;
  $('#StoresStack .LowerLayer h3')[0].innerHTML = Stores[store].name;
  $old.addClass('LowerLayer');
  $old.removeClass('TopLayer');
  $new.css({opacity: 0.0});
  $new.removeClass('LowerLayer');
  $new.addClass('TopLayer');
  $new.animate({opacity: 1.0}, 150);
  store = store + 1;
  if (store > (Stores.length - 1)) {
    store = 0;
  }
  preloadImg.src = Stores[store].img;
}

// alles vorbereiten und initialisieren
$(document).ready(function() {
  intervalNewProducts = setInterval( "updateNewProductsSlideshow(2)", delay );
  intervalPeephole = setInterval( "updatePeepholeSlideshow(34)", delay );
  $('#NewProductIcon_1 img').css("border", "solid 1px #aaa");
  $('#NewProductIcon_1 img').addClass("NewProductsActiveIcon");
  $('#PeepholeIcon_1 img').css("border", "solid 1px #aaa");
  $('#PeepholeIcon_1 img').addClass("PeepholeActiveIcon");
  store = Math.round(Math.random() * (Stores.length - 1));
  updateStoresSlideshow(store);
  intervalStores = setInterval( "updateStoresSlideshow()", delay );
  intervalPeepholeScroller = setInterval( "updatePeepholeScroller()", delay );
});