// JavaScript Document //------------------------------ jquery ----------------------------------- $(document).ready(function() { document.links.onfocus = this.blur; prozente($("#platzda")); $('#papst') .click(function(){ var tempo = 30000; var links = parseInt($('#schaufenster').css("left")); $('#flaschencontainer').hide(); $('#galerie').attr('aktiv', 0).fadeOut("slow"); $('#nonne').text('>> bildergalerie EIN'); if($('#schaufenster').attr('aktiv') != 1){ $('#schaufenster').attr('aktiv', 1); if (links > 400) $('#schaufenster') .css({ "left": 750}) .animate({"left":-1630}, tempo, zustand) ; else $('#schaufenster') .css({ "left": -1630}) .animate({"left":755}, tempo, zustand) ; } }); $('#nonne') .click(function(){ if($('#galerie').attr('aktiv') != 1){ $(this).text('>> bildergalerie AUS'); $('#flaschencontainer').hide(); $('#galerie') .attr('aktiv', 1) .hide() .fadeIn("slow"); } else{ $(this).text('>> bildergalerie EIN'); if($('#schaufenster').attr('aktiv') != 1)$('#flaschencontainer').show(); $('#galerie') .attr('aktiv', 0) .fadeOut("slow"); }; }); var zaehler=0; for (i=0; i<10; i++) { $('#thumbs div').eq(i) .data({ "id": i+1}) .css({ "backgroundImage": "url(b/galerie/th_arenz_wohnkultur_" + (i+1) + ".jpg)"}) .mouseover(function(){ $(this).fadeTo(600, .5); }) .mouseout(function(){ $(this).fadeTo(600, 1); }) .click(function(){ zaehler = $(this).data('id')-1; $('#bild img') .attr('src', "b/galerie/arenz_wohnkultur_" + $(this).data('id') + ".jpg"); }); } $('#bild img') .click(function(){ zaehler++; $(this) .attr('src', "b/galerie/arenz_wohnkultur_" + ((zaehler%9)+1) + ".jpg"); }); }); function zustand() { $('#schaufenster').attr('aktiv', 0); if($('#galerie').attr('aktiv') != 1) $('#flaschencontainer').show(); } function prozente(quien) { quien.hide().fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600); } function bewegung(quien) { var links = parseInt($('#schaufenster').css("left")); //alert(parseInt($('#schaufenster').css("left"))); if (links > 400) quien.css({ "left": 750}).animate({"left":-1630}, 10000); else quien.css({ "left": -1630}).animate({"left":755}, 10000); //$("#flaschencontainer").show(); } //------------------------------ ende jquery ----------------------------------- var knopf = new Array();//für menuebuttons var uknopf = new Array();//für untermenuelinks var inhalt = new Array();//für kapitelinhalt var thema = new Array('home', 'produkte', 'kontakt', 'impressum', 'angebot', 'matratzen', 'schlafsofas', 'arketipo', 'arper', 'arsnova', 'beleuchtung', 'brand', 'casalis', 'flou', 'gervasoni', 'lema', 'marie', 'mdfitalia', 'minotti', 'moroso', 'piure', 'poliform', 'porro', 'schoenbuch', 'thonet', 'tribu', 'vibieffe', 'walterknoll', 'zack', 'zeitraum'); var uthema = new Array('lema2', 'kontakt2'); var zaehler = 10; var pfeiltat = false; //entscheidet ob aktion von pfeiltaste oder button ausgelöst wird, standard ist button(false) var richtung = 1; //kapitel nach oben oder nach unten var nr; var merke_nr; // function dhtmlweiche(taeter, aufgabe, ereignis){ if (document.addEventListener) taeter.addEventListener(ereignis, aufgabe, true); else switch (ereignis) { case "mouseover": taeter.onmouseover = aufgabe; break; case "mouseout": taeter.onmouseout = aufgabe; break; case "click": taeter.onclick = aufgabe; break; } } // window.onload = function(){ for (i=0;i=20) ? 40 : 20; // 1.zeile/3.zeile/2.zeile var links = (i<10) ? 0 : (i>=20) ? 20 : 10; // 1.zeile/3.zeile/2.zeile if (kap) with (kap.style) { left = ((i-links)*75)+'px'; top = oben + 'px';} //positionierung der menuebuttons knopf.push(kap); inhalt.push(document.getElementById('kapitel'+(i+1))); if (knopf[i]) { simplePreload('b/m_' + thema[i] +'_a.gif');//preload knopf[i].style.backgroundImage = 'url(b/m_' + thema[i] +'.gif)'; dhtmlweiche(knopf[i], menue_klick, "click"); } } unterkapitel(); kapitelwechsel(knopf[0]); for (i=1;i<3;i++){ // pfeilaktionen var taeter = document.getElementById('pf'+i); dhtmlweiche(taeter, pfeil_klick, "click"); } /*stoerer:; var params = { menu: "false", allowScriptAccess: "always" }; swfobject.embedSWF("stoer.swf", "stoerer", "135", "130", "8", params);*/ /*var so = new SWFObject("stoer.swf", "stoerer", "135", "130", "8", "#000"); so.write("loftlink"); so.addParam("allowScriptAccess", "always");*/ /*ende: stoerer:*/ document.links.onfocus = this.blur; document.getElementById('mitte').style.visibility = 'visible'; document.getElementById('loftlink').style.visibility = 'visible'; document.getElementById('erstmal').style.visibility = 'hidden'; simplePreload('b/pfeil_1_o.gif','b/pfeil_2_o.gif','b/plaene.gif'); for (i=0;i= thema.length) nr = merke_nr ; if (this.id == 'pf1') {// wenn pfeil nach oben gedrückt richtung = -1; nr--; if (nr == -1) nr = thema.length -1; //else while (!inhalt[nr]) nr--; // für die lücken, in denen keine buttons existieren }else{// wenn pfeil nach unten gedrückt richtung = 1; nr++; if (nr == thema.length) nr = 0; //else while (!inhalt[nr]) nr++; // für die lücken, in denen keine buttons existieren } kapitelwechsel(); pfeiltat = false; } //------------------------------ ----------------------------------- function kapitelwechsel(taeter) { if (nr < thema.length) merke_nr = nr;//damit die pfeile bei einer unterkapitelwahl nicht durcheinanderkommen if (taeter && taeter.id.substr(0,1) == 'q') nr = parseInt(taeter.id.substr(1)) + thema.length;// wenn ein unterkapitel aufgerufen wird else if (pfeiltat == false) {// wenn von einem button ausgelöst nr = parseInt(taeter.id.substr(1)-1); richtung = (merke_nr>nr) ? -1:1; } else taeter = knopf[nr];// wenn von einem pfeil ausgelöst opfer = inhalt[nr]; for (k=0; k 0) { var ani_kap = window.setTimeout("kap_ani()",1); opfer.style.top = (wert-10) + 'px'; altopfer.style.top = (wert-500) + 'px'; altopfer.style.zIndex = parseInt(opfer.style.zIndex) + 1 + ''; }else if (richtung == -1 && wert < 0) { var ani_kap = window.setTimeout("kap_ani()",1); opfer.style.top = (wert+10) + 'px'; altopfer.style.top = (wert+500) + 'px'; altopfer.style.zIndex = parseInt(opfer.style.zIndex) + 1 + ''; }else{ clearTimeout(ani_kap); opfer.style.top = '0px'; altopfer = opfer; for (k=0;k