generated from knso/webklar-preview-template
Modernisierung der Lackwerk-Webseite
Im Ordner alt webseite/ lag ein HTTrack-Mirror der alten Seite von lackwerk-kl.de – eine starre 950px-Seite von 2014/2022 mit fixem Layout, Stock-Fotos und einer simplen Bildergalerie. Nicht responsive, nicht mehr zeitgemäß. Was ich Schritt für Schritt gemacht habe 1. Firma recherchiert Aus Altseite, Google, Branchenverzeichnissen und Facebook ein vollständiges Profil erstellt: Lackwerk GmbH, Gienanthstr. 2–4, Kaiserslautern · Inhaber Patric Hertz · gegründet 2014 Leistungen, Öffnungszeiten, Rechtsdaten (HRB 31677, USt DE295225567) Bewertungen: 5,0★ bei 72 Google-Bewertungen, 100 % empfohlen (Facebook), 334 Follower 2. Echte Bilder von Facebook geholt (wie von dir gewünscht) Von der öffentlichen Seite derlackspezialist die echten Arbeitsfotos extrahiert und heruntergeladen: Lackierer in der Spritzkabine → Hero-Bild komplette Porsche-911-Restauration (Rohzustand → Grundierung → frisch lackiert → Hochglanz) → Referenz-Galerie Logo + einige Werkstattmotive aus der Altseite als Ergänzung 3. Neue Webseite gebaut – ein sauberes, modernes index.html (21st-inspiriert, aber seriös): Bereich Inhalt Header Glasig, sticky, Wortmarke, Mobile-Menü Hero Dunkel-elegant, echtes Kabinen-Foto, Gradient-Text, Trust-Zahlen Trust-Leiste Meisterqualität, alle Marken, faire Preise Leistungen 6 Karten mit Icons & Hover-Effekt Über uns Firmengeschichte + Patric Hertz Prozess 4 Schritte von Anfrage bis Übergabe Referenzen Bento-Galerie mit Lightbox (echte Fotos) Bewertungen Nur belegbare Kennzahlen, keine erfundenen Zitate Kontakt Daten, Öffnungszeiten, funktionierende Google-Map Footer Impressum & Datenschutz als Modals Markenfarbe Blau (passend zum Logo), Fonts Sora/Inter, dezente Scroll-Animationen, voll responsiv. 4. Im Browser getestet & gefixt Alle Sektionen, Modal, Map und schnelles Scrollen geprüft. Zwei Details korrigiert: Header-Umbruch bei mittlerer Breite + Absicherung, damit bei schnellem Scrollen keine Sektion unsichtbar bleibt. Dateien index.html – neue Webseite (ersetzt die Platzhalter-Vorlage) assets/ – Logo + Werkstattmotive assets/work/ – echte Facebook-Arbeitsfotos Alte Seite unter alt webseite/ unberührt als Referenz
This commit is contained in:
149
alt webseite/alte webseite/www.lackwerk-kl.de/index.html
Normal file
149
alt webseite/alte webseite/www.lackwerk-kl.de/index.html
Normal file
@@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
|
||||
<!-- Mirrored from www.lackwerk-kl.de/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 12 Jul 2026 12:02:55 GMT -->
|
||||
<head>
|
||||
|
||||
<title>der Lackierer in Kaiserslautern</title>
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="generator" content="Xpage Internet Studio 7 (c) 2003-2013 XDEV Software Corp." />
|
||||
<meta name="keywords" content="lackwerk, lackierer, lack, Lackierungen, Smart Repair,<br>Oldtimerrestauration, Lackaufbereitung" />
|
||||
<meta http-equiv="content-language" content="de" />
|
||||
<meta name="date" content="2014-6-13T10:17+00:00" />
|
||||
<meta name="robots" content="all" />
|
||||
<meta http-equiv="pragma" content="no-cache" />
|
||||
<meta http-equiv="imagetoolbar" content="no" />
|
||||
<link rel="stylesheet" type="text/css" href="scripts/index70c6.css?buildID=220701151239" />
|
||||
<link rel="stylesheet" type="text/css" href="scripts/global70c6.css?buildID=220701151239" />
|
||||
<!--[if gte IE 9]><style type="text/css">._xgr{filter:none;}</style><![endif]-->
|
||||
<script type="text/javascript" src="scripts/jquery.js"></script>
|
||||
<script type="text/javascript" src="scripts/global.js"></script>
|
||||
<script type="text/javascript" src="scripts/index70c6.js?buildID=220701151239"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
registerButtonHandler();
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="background-color:rgb(255,255,255);">
|
||||
|
||||
<div id="X0_0" class="xdiv S0" style="position:relative; width:950px; height:900px; z-index:0;">
|
||||
<div id="X5_e" class="xdiv" style="left:-2px; top:-126px; width:951px; height:486px; z-index:0;">
|
||||
<div class="imglayer" style="z-index:0"><img id="X5_e_imglayer" src="media/lw1_951x486.jpg" class="imglayer" alt="lw1" /></div>
|
||||
</div>
|
||||
<div id="X5_f" class="xdiv" style="left:-2px; top:840px; width:951px; height:141px; z-index:1;">
|
||||
<div class="imglayer" style="z-index:0"><img id="X5_f_imglayer" src="media/lw2_951x141.jpg" class="imglayer" alt="lw2" /></div>
|
||||
</div>
|
||||
<a href="http://facebook.com/derlackspezialist" target="_blank">
|
||||
<div id="X5_5" class="xdiv" style="left:898px; top:851px; width:40px; height:40px; z-index:2;">
|
||||
<div class="imglayer" style="z-index:0"><img id="X5_5_imglayer" src="media/facebook_40x40.png" class="imglayer" alt="facebook" /></div>
|
||||
</div>
|
||||
</a>
|
||||
<div id="X3_0" class="xdiv" style="left:7px; top:848px; width:137px; height:45px; z-index:3;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:137px; height:42px; z-index:0; "><div align="left"><strong class="S1">Lackwerk GmbH<br>Gienanthstr. 2-4<br>67663 Kaiserslautern</strong></div></div>
|
||||
</div>
|
||||
<div id="X3_1" class="xdiv" style="left:150px; top:848px; width:137px; height:45px; z-index:4;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:137px; height:42px; z-index:0; "><div align="right"><strong class="S1"><br>Tel: 0631 / 35 78 90-6<br>Fax: 0631 / 35 78 90-8</strong></div></div>
|
||||
</div>
|
||||
<div id="X3_2" class="xdiv" style="left:305px; top:848px; width:206px; height:45px; z-index:5;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:206px; height:42px; z-index:0; "><div align="left"><strong class="S1"><br>web: http://www.lackwerk-kl.de<br>mail: info@lackwerk-kl.de</strong></div></div>
|
||||
</div>
|
||||
<div id="X3_3" class="xdiv" style="left:784px; top:848px; width:110px; height:45px; z-index:6;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:110px; height:42px; z-index:0; "><div align="right"><strong class="S1"><br> finden Sie uns bei<br>Facebook</strong></div></div>
|
||||
</div>
|
||||
<div id="X3_4" class="xdiv" style="left:516px; top:848px; width:77px; height:45px; z-index:7;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:77px; height:42px; z-index:0; "><div align="left"><strong class="S1"><br>Inhaber:<br>Patric Hertz</strong></div></div>
|
||||
</div>
|
||||
<div id="X4_0" class="xdiv" style="overflow:visible; left:-5px; top:358px; width:956px; height:484px; z-index:8;">
|
||||
<div id="Xe_0" class="xdiv S2" style="width:100%; height:100%;">
|
||||
<div id="X5_d" class="xdiv" style="left:5px; top:-85px; width:950px; height:630px; z-index:0;">
|
||||
<div class="imglayer" style="z-index:0"><img id="X5_d_imglayer" src="media/Fotolia_55927497_M_950x630.jpg" class="imglayer" alt="Fotolia_55927497_M" /></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Xe_1" class="xdiv S2" style="width:100%; height:100%; display:none;">
|
||||
<div id="X5_c" class="xdiv" style="left:5px; top:-1px; width:950px; height:632px; z-index:0;">
|
||||
<div class="imglayer" style="z-index:0"><img id="X5_c_imglayer" src="media/Fotolia_58904654_M_950x632.jpg" class="imglayer" alt="Fotolia_58904654_M" /></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Xe_2" class="xdiv S2" style="width:100%; height:100%; display:none;">
|
||||
<div id="X5_9" class="xdiv" style="left:-376px; top:-144px; width:1690px; height:1124px; z-index:0;">
|
||||
<div class="imglayer" style="z-index:0"><img id="X5_9_imglayer" src="media/Fotolia_58904662_M_1690x1124.jpg" class="imglayer" alt="Fotolia_58904662_M" /></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Xe_3" class="xdiv S2" style="width:100%; height:100%; display:none;">
|
||||
<div id="X5_a" class="xdiv" style="left:5px; top:-1px; width:950px; height:631px; z-index:0;">
|
||||
<div class="imglayer" style="z-index:0"><img id="X5_a_imglayer" src="media/Fotolia_60630538_M_950x631.jpg" class="imglayer" alt="Fotolia_60630538_M" /></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Xe_4" class="xdiv S2" style="width:100%; height:100%; display:none;">
|
||||
<div id="X5_b" class="xdiv" style="left:-465px; top:-270px; width:1850px; height:1230px; z-index:0;">
|
||||
<div class="imglayer" style="z-index:0"><img id="X5_b_imglayer" src="media/Fotolia_602154532_M.jpg" class="imglayer" alt="Fotolia_602154532_M" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">startSlideShow("X4_0");</script>
|
||||
<div id="X1_0" class="xdiv" style="left:-2px; top:369px; width:951px; height:46px; z-index:9;">
|
||||
<div style="width:100%; height:100%; z-index:0; background-color:rgb(255,255,255); filter:alpha(opacity=59); opacity:0.59"></div>
|
||||
<div id="X3_5" class="xdiv" style="left:-3px; top:9px; width:954px; height:30px; z-index:1;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:954px; height:26px; z-index:0; "><div align="center"><h1 class="S3">Lackierungen aller Art - Smart Repair - Oldtimerlackierung - Lackaufbereitung</h1></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="X3_6" onclick="startAction('X3_6_2')" class="xdiv S4" style="left:607px; top:876px; width:72px; height:19px; z-index:10;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:72px; height:14px; z-index:0; "><div align="left"><strong class="S1">Impressum</strong></div></div>
|
||||
</div>
|
||||
<div id="X1_2" onclick="startAction('X1_2_2')" class="xdiv S4" style="display:none; left:10px; top:9px; width:930px; height:826px; z-index:11;">
|
||||
<div style="width:100%; height:100%; z-index:0; background-color:rgb(255,255,255); filter:alpha(opacity=71); opacity:0.71"></div>
|
||||
<div id="X3_7" class="xdiv" style="left:8px; top:6px; width:903px; height:812px; z-index:1;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:903px; height:357px; z-index:0; "><div align="left"><h4 class="S5">Impressum:<br>Angaben gemäß § 5 TMG und DL-InfoV:<br>Lackwerk GmbH<br>Gienanthstr. 2-4<br>67663 Kaiserslautern<br> <br>Telefon: 0631 / 35 78 90-6<br> <br></h4><h4 class="S6">Handelsregister-Nummer Kaiserslautern :­ 31677</h4><h4 class="S5"><br>Umsatzsteuer-Identifikationsnummer<br>gemäß §27 a Umsatzsteuergesetz: </h4><h4 class="S6">DE295225567</h4><h4 class="S5"><br>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:<br>Patric Hertz<br> <br>Gestaltung & Hosting:<br>ecker licht + werbung<br>merkurstraße 45, 67663 kaiserslautern<br></h4><a href="http://www.ecker-lichtwerbung.de/" target="_blank"><h4 class="S7">www.ecker-lichtwerbung.de</h4></a><h4 class="S5"><br>Bilder: dermonaco / Fotolia</h4></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="X3_9" onclick="startAction('X3_9_2')" class="xdiv S4" style="left:607px; top:862px; width:72px; height:19px; z-index:12;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:72px; height:14px; z-index:0; "><div align="left"><strong class="S1">Anfahrt</strong></div></div>
|
||||
</div>
|
||||
<div id="X1_3" onmousedown="startAction('X1_3_4')" class="xdiv S4" style="display:none; left:17px; top:15px; width:917px; height:815px; z-index:13;">
|
||||
<div style="width:100%; height:100%; z-index:0; background-color:rgb(255,255,255); filter:alpha(opacity=71); opacity:0.71"></div>
|
||||
<div id="X3_a" onclick="startAction('X3_a_2')" class="xdiv S4" style="left:855px; top:791px; width:55px; height:20px; z-index:1;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:55px; height:15px; z-index:0; "><div align="right"><h6 class="S8">zurück</h6></div></div>
|
||||
</div>
|
||||
<div id="Xp_0" class="xdiv" style="left:13px; top:12px; width:893px; height:777px; z-index:2;">
|
||||
<iframe style="width:100%; height:100%; margin:0; border:0" frameborder="0" scrolling="no" src="http://maps.google.com/maps?f=q&source=s_d&aq=0&ie=UTF8&t=k&z=16&iwloc=A&output=embed&q=lackwerk%2C+gienanthstrasse+2-4%2C+67663+kaiserslautern(Lackwerk+GmbH)"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div id="X3_b" onclick="startAction('X3_b_2')" class="xdiv S4" style="left:693px; top:862px; width:75px; height:19px; z-index:14;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:75px; height:14px; z-index:0; "><div align="left"><strong class="S1">Datenschutz</strong></div></div>
|
||||
</div>
|
||||
<div id="X1_4" onclick="startAction('X1_4_2')" class="xdiv S4" style="display:none; left:10px; top:9px; width:930px; height:826px; z-index:15;">
|
||||
<div style="width:100%; height:100%; z-index:0; background-color:rgb(255,255,255); filter:alpha(opacity=71); opacity:0.71"></div>
|
||||
<div id="X3_c" class="xdiv" style="left:8px; top:6px; width:903px; height:813px; z-index:1;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:903px; height:720px; z-index:0; "><div align="left"><h4 class="S9">1. Haftungsbeschränkung<br> <br></h4><h4 class="S10">Die Inhalte des Internetauftritts wurden mit größtmöglicher Sorgfalt und nach bestem Gewissen erstellt. Dennoch übernimmt der Anbieter dieser Webseite keine Gewähr für die Aktualität, Vollständigkeit und Richtigkeit der bereitgestellten Seiten und Inhalte.</h4><h4 class="S9"><br></h4><h4 class="S10">Als Diensteanbieter ist der Anbieter dieser Webseite gemäß § 7 Abs. 1 TMG für eigene Inhalte und bereitgestellte Informationen auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich; nach den §§ 8 bis 10 TMG jedoch nicht verpflichtet, die übermittelten oder gespeicherten fremden Informationen zu überwachen. Eine Entfernung oder Sperrung dieser Inhalte erfolgt umgehend ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung. Eine Haftung ist erst ab dem Zeitpunkt der Kenntniserlangung möglich.<br> <br></h4><h4 class="S9">2. Externe Links<br> <br></h4><h4 class="S10">Die Webseite enthält sog. &dbquo;externe Links (Verlinkungen) zu anderen Webseiten, auf deren Inhalt der Anbieter der Webseite keinen Einfluss hat. Aus diesem Grund kann der Anbieter für diese Inhalte auch keine Gewähr übernehmen.Für die Inhalte und Richtigkeit der bereitgestellten Informationen ist der jeweilige Anbieter der verlinkten Webseite verantwortlich. Zum Zeitpunkt der Verlinkung waren keine Rechtsverstöße erkennbar. Bei Bekanntwerden einer solchen Rechtsverletzung wird der Link umgehend entfernen.<br> <br></h4><h4 class="S9">3. Urheberrecht/Leistungsschutzrecht<br> <br></h4><h4 class="S10">Die auf dieser Webseite veröffentlichten Inhalte, Werke und bereitgestellten Informationen unterliegen dem deutschen Urheberrecht und Leistungsschutzrecht. Jede Art der Vervielfältigung, Bearbeitung, Verbreitung, Einspeicherung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedarf der vorherigen schriftlichen Zustimmung des jeweiligen Rechteinhabers. Das unerlaubte Kopieren/Speichern der bereitgestellten Informationen auf diesen Webseiten ist nicht gestattet und strafbar.<br> <br></h4><h4 class="S9">4. Datenschutz<br> <br></h4><h4 class="S10">Durch den Besuch des Internetauftritts können Informationen (Datum, Uhrzeit, aufgerufene Seite) über den Zugriff auf dem Server gespeichert werden. Es werden keine personenbezogenenen (z. B. Name, Anschrift oder E-Mail-Adresse) Daten, gespeichert.<br>Sofern personenbezogene Daten erhoben werden, erfolgt dies, sofern möglich, nur mit dem vorherigen Einverständnis des Nutzers der Webseite. Eine Weitergabe der Daten an Dritte findet ohne ausdrückliche Zustimmung des Nutzers nicht statt.<br>Der Anbieter weist darauf hin, dass die Übertragung von Daten im Internet (z. B. per E-Mail) Sicherheitslücken aufweisen und ein lückenloser Schutz der Daten vor dem Zugriff Dritter nicht gewährleistet werden kann. Der Anbieter übernimmt keine Haftung für die durch solche Sicherheitslücken entstandenen Schäden.<br>Der Verwendung der Kontaktdaten durch Dritte zur gewerblichen Nutzung wird ausdrücklich widersprochen. Es sei denn, der Anbieter hat zuvor seine schriftliche Einwilligung erteilt.Der Anbieter behält sich rechtliche Schritte für den Fall der unverlangten Zusendung von Werbeinformationen, z. B. durch Spam-Mails, vor.<br> <br> <br></h4><h4 class="S11">Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.</h4></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="X1_5" class="xdiv S12" style="left:4px; top:134px; width:951px; height:55px; z-index:16;">
|
||||
<div id="X7_0" onclick="startAction('X7_0_2')" class="xdiv S4" style="overflow:visible; left:792px; top:9px; width:153px; height:39px; z-index:0;">
|
||||
<div id="Xf_0" class="xdiv S13" style="width:100%; height:100%; z-index:0;">
|
||||
<div style="position:absolute; left:2px; top:11px; width:149px; height:14px; z-index:0; "><div align="center"><strong class="S1">OK</strong></div></div>
|
||||
</div>
|
||||
<div class="buttoncontrol"> </div>
|
||||
</div>
|
||||
<div id="X3_d" class="xdiv S15" style="left:16px; top:11px; width:596px; height:37px; z-index:1;">
|
||||
<div style="position:absolute; left:0px; top:0px; width:596px; height:28px; z-index:0; "><div align="left"><strong class="S14">Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.</strong></div></div>
|
||||
</div>
|
||||
<div id="X7_1" onclick="startAction('X7_1_2')" class="xdiv S4" style="overflow:visible; left:625px; top:9px; width:153px; height:39px; z-index:2;">
|
||||
<div id="Xf_1" class="xdiv S16" style="width:100%; height:100%; z-index:0;">
|
||||
<div style="position:absolute; left:2px; top:11px; width:149px; height:14px; z-index:0; "><div align="center"><strong class="S14">Datenschutzerklärung</strong></div></div>
|
||||
</div>
|
||||
<div class="buttoncontrol"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
<!-- Mirrored from www.lackwerk-kl.de/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 12 Jul 2026 12:03:03 GMT -->
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
@@ -0,0 +1 @@
|
||||
The requested file does not exist.
|
||||
866
alt webseite/alte webseite/www.lackwerk-kl.de/scripts/global.js
Normal file
866
alt webseite/alte webseite/www.lackwerk-kl.de/scripts/global.js
Normal file
@@ -0,0 +1,866 @@
|
||||
/*
|
||||
* Xpage Internet Studio 7
|
||||
* Copyright (c) 2004 - 2012, XDEV Software and/or its affiliates. All rights reserved.
|
||||
*/
|
||||
var overlayOpen = [];
|
||||
|
||||
function preloadImages() {
|
||||
if (document.images) {
|
||||
for ( var i = 0; i < preloadImages.arguments.length; i++) {
|
||||
new Image().src = preloadImages.arguments[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function registerButtonHandler() {
|
||||
$(".buttoncontrol").each(function() {
|
||||
var buttonID = this.parentNode.id;
|
||||
var buttonData = layerbuttons[buttonID];
|
||||
for ( var i = 0; i < 4; i++) {
|
||||
if (buttonData.layer[i] != null) {
|
||||
var layer = $("#" + buttonData.layer[i]);
|
||||
buttonData.layer[i] = layer;
|
||||
}
|
||||
}
|
||||
buttonShowLayer(buttonID, showButtonSelected(buttonData) ? [ 2, 0 ] : [ 0 ]);
|
||||
$(this).mouseenter(function(event) {
|
||||
if (buttonData.group == null)
|
||||
buttonSetOverlayVisible(buttonData, true);
|
||||
buttonShowLayer(buttonID, showButtonSelected(buttonData) ? [ 3, 2, 0 ] : [ 1, 0 ]);
|
||||
});
|
||||
$(this).mouseout(function(event) {
|
||||
if (buttonData.group == null)
|
||||
buttonSetOverlayVisible(buttonData, false);
|
||||
buttonShowLayer(buttonID, showButtonSelected(buttonData) ? [ 2, 0 ] : [ 0 ]);
|
||||
});
|
||||
$(this).mousedown(function(event) {
|
||||
if (buttonData.group != null && !buttonData.isMenuButton) {
|
||||
for ( var bid in layerbuttons) {
|
||||
if (layerbuttons[bid].group == buttonData.group && bid != buttonID) {
|
||||
layerbuttons[bid].isSelected = false;
|
||||
buttonShowLayer(bid, showButtonSelected(layerbuttons[bid]) ? [ 2, 0 ] : [ 0 ]);
|
||||
buttonSetOverlayVisible(layerbuttons[bid], false);
|
||||
}
|
||||
}
|
||||
buttonData.isSelected = true;
|
||||
buttonShowLayer(buttonID, [ 3, 2, 0 ]);
|
||||
buttonSetOverlayVisible(buttonData, true);
|
||||
} else {
|
||||
buttonShowLayer(buttonID, [ 2, 1, 0 ]);
|
||||
}
|
||||
});
|
||||
$(this).mouseup(function(event) {
|
||||
if (buttonData.group == null)
|
||||
buttonShowLayer(buttonID, showButtonSelected(buttonData) ? [ 3, 2, 1, 0 ] : [ 1, 0 ]);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function showButtonSelected(buttonData) {
|
||||
return buttonData.isSelected || (buttonData.pageLink && document.currentPage == buttonData.pageLink);
|
||||
}
|
||||
|
||||
function buttonShowLayer(buttonID, layerIdx) {
|
||||
var buttonData = layerbuttons[buttonID];
|
||||
var currentLayer = 0;
|
||||
if (buttonData.currentLayer)
|
||||
currentLayer = buttonData.currentLayer;
|
||||
var nextLayer = 0;
|
||||
for ( var i = 0; i < layerIdx.length; i++) {
|
||||
var index = layerIdx[i];
|
||||
if (buttonData.layer[index] != null) {
|
||||
nextLayer = index;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (currentLayer != nextLayer) {
|
||||
buttonData.currentLayer = nextLayer;
|
||||
currentLayer = buttonData.layer[currentLayer];
|
||||
nextLayer = buttonData.layer[nextLayer];
|
||||
switchLayers(currentLayer, nextLayer, buttonData.transitionType, buttonData.transitionDuration);
|
||||
}
|
||||
}
|
||||
|
||||
function buttonSetOverlayVisible(buttonData, visible) {
|
||||
if (buttonData.overlay != null) {
|
||||
var overlay = $("#" + buttonData.overlay);
|
||||
if (overlay != null && overlay.is(":visible") != visible) {
|
||||
overlay.stop(false, true);
|
||||
if (visible) {
|
||||
overlay.animate({
|
||||
height : "show"
|
||||
}, 400, "swing");
|
||||
} else {
|
||||
overlay.animate({
|
||||
height : "hide"
|
||||
}, 200, "swing");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function registerMenuHandler() {
|
||||
overlayOpen = [];
|
||||
$("div").each(function() {
|
||||
var id = this.id;
|
||||
if (id == null || id == "" || id.charAt(0) == "X") {
|
||||
$(this).mouseenter(function(event) {
|
||||
var mbDiv = getMenuButton(this, this.id);
|
||||
if (mbDiv != null) {
|
||||
var buttonData = layerbuttons[mbDiv.id];
|
||||
var group = buttonData.group;
|
||||
lwSetOverlayVisible(group, mbDiv.id);
|
||||
if (jQuery.inArray(group, overlayOpen) == -1)
|
||||
overlayOpen.push(group);
|
||||
var last = getLastOverlay();
|
||||
while (overlayOpen.length > 0 && last != group) {
|
||||
lwSetOverlayVisible(last, null);
|
||||
overlayOpen.pop();
|
||||
last = getLastOverlay();
|
||||
}
|
||||
}
|
||||
});
|
||||
$(this).mouseup(function(event) {
|
||||
// delay to give a-hrefs a chance
|
||||
$(this).delay(1).queue(function() {
|
||||
for ( var bid in layerbuttons) {
|
||||
var buttonData = layerbuttons[bid];
|
||||
if (buttonData.isMenuButton) {
|
||||
buttonSetOverlayVisible(buttonData, false);
|
||||
}
|
||||
}
|
||||
$(this).dequeue();
|
||||
});
|
||||
overlayOpen = [];
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function getMenuButton(div, id) {
|
||||
var mb = null;
|
||||
for ( var bid in layerbuttons)
|
||||
if (bid == id)
|
||||
mb = document.getElementById(bid);
|
||||
if (mb == null) {
|
||||
var parentDiv = div.parentNode;
|
||||
if (parentDiv != null)
|
||||
mb = getMenuButton(parentDiv, parentDiv.id);
|
||||
}
|
||||
return mb;
|
||||
}
|
||||
|
||||
function getLastOverlay() {
|
||||
var length = overlayOpen.length;
|
||||
if (length > 0)
|
||||
return overlayOpen[length - 1];
|
||||
return null;
|
||||
}
|
||||
|
||||
function lwSetOverlayVisible(group, exceptID) {
|
||||
for ( var bid in layerbuttons) {
|
||||
var buttonData = layerbuttons[bid];
|
||||
if (buttonData.isMenuButton && buttonData.group == group) {
|
||||
buttonSetOverlayVisible(buttonData, exceptID == bid);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function startSlideShow(slideShowID) {
|
||||
var slideShow = slideShows[slideShowID];
|
||||
slideShow.running = true;
|
||||
var duration = slideShow.slides[slideShow.currentSlideIndex].duration;
|
||||
$("#" + slideShowID).delay(duration).queue(function() {
|
||||
runSlideShow(slideShowID);
|
||||
$(this).dequeue();
|
||||
});
|
||||
}
|
||||
|
||||
function stopSlideShow(slideShowID) {
|
||||
var slideShow = slideShows[slideShowID];
|
||||
slideShow.running = false;
|
||||
$("#" + slideShowID).stop(true, true);
|
||||
for ( var i = 0; i < slideShow.slides.length; i++)
|
||||
$("#" + slideShow.slides[i].slideID).stop(true, true);
|
||||
}
|
||||
|
||||
function slideShowPreviousSlide(slideShowID) {
|
||||
stopSlideShow(slideShowID);
|
||||
var slideShow = slideShows[slideShowID];
|
||||
var nextSlideIndex;
|
||||
if (slideShow.currentSlideIndex > 0)
|
||||
nextSlideIndex = slideShow.currentSlideIndex - 1;
|
||||
else
|
||||
nextSlideIndex = slideShow.slides.length - 1;
|
||||
slideShowSlide(slideShow, nextSlideIndex);
|
||||
}
|
||||
|
||||
function slideShowNextSlide(slideShowID) {
|
||||
stopSlideShow(slideShowID);
|
||||
var slideShow = slideShows[slideShowID];
|
||||
var nextSlideIndex;
|
||||
if (slideShow.currentSlideIndex < slideShow.slides.length - 1)
|
||||
nextSlideIndex = slideShow.currentSlideIndex + 1;
|
||||
else
|
||||
nextSlideIndex = 0;
|
||||
slideShowSlide(slideShow, nextSlideIndex);
|
||||
}
|
||||
|
||||
function slideShowGotoSlide(slideShowID, nextSlideIndex) {
|
||||
var slideShow = slideShows[slideShowID];
|
||||
if (nextSlideIndex != slideShow.currentSlideIndex) {
|
||||
stopSlideShow(slideShowID);
|
||||
if (nextSlideIndex >= 0 && nextSlideIndex < slideShow.slides.length) {
|
||||
slideShowSlide(slideShow, nextSlideIndex);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function runSlideShow(slideShowID) {
|
||||
var slideShow = slideShows[slideShowID];
|
||||
if (!slideShow.running)
|
||||
return;
|
||||
var nextSlideIndex = -1;
|
||||
if (slideShow.randomize) {
|
||||
do {
|
||||
nextSlideIndex = parseInt(Math.random() * (slideShow.slides.length));
|
||||
} while (nextSlideIndex == slideShow.currentSlideIndex);
|
||||
} else if (slideShow.isDirectionBackwards) {
|
||||
nextSlideIndex = slideShow.currentSlideIndex - 1;
|
||||
if (nextSlideIndex < 0 && slideShow.pingPong) {
|
||||
if (slideShow.passCount)
|
||||
slideShow.passCount++;
|
||||
else
|
||||
slideShow.passCount = 1;
|
||||
slideShow.isDirectionForward = true;
|
||||
nextSlideIndex = 1;
|
||||
}
|
||||
} else {
|
||||
nextSlideIndex = slideShow.currentSlideIndex + 1;
|
||||
if (nextSlideIndex == slideShow.slides.length) {
|
||||
if (slideShow.pingPong) {
|
||||
slideShow.isDirectionForward = false;
|
||||
nextSlideIndex -= 2;
|
||||
} else {
|
||||
if (slideShow.passCount)
|
||||
slideShow.passCount++;
|
||||
else
|
||||
slideShow.passCount = 1;
|
||||
nextSlideIndex = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (nextSlideIndex != -1 && (slideShow.randomize || !(slideShow.fixedPassCount > 0 && slideShow.passCount >= slideShow.fixedPassCount))) {
|
||||
var pause = slideShow.slides[nextSlideIndex].duration;
|
||||
slideShowSlide(slideShow, nextSlideIndex, function() {
|
||||
if (slideShow.running) {
|
||||
$("#" + slideShowID).delay(pause).queue(function() {
|
||||
runSlideShow(slideShowID);
|
||||
$(this).dequeue();
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function slideShowSlide(slideShow, nextSlideIndex, callback) {
|
||||
var currentSlide = slideShow.slides[slideShow.currentSlideIndex];
|
||||
var nextSlide = slideShow.slides[nextSlideIndex];
|
||||
slideShow.currentSlideIndex = nextSlideIndex;
|
||||
switchLayers($("#" + currentSlide.slideID), $("#" + nextSlide.slideID), nextSlide.transitionType, nextSlide.transitionDuration, callback);
|
||||
}
|
||||
|
||||
function switchLayers(currentLayer, nextLayer, transitionType, transitionDuration, callback) {
|
||||
switch (transitionType) {
|
||||
case 0: { // no effect
|
||||
currentLayer.stop(false, false);
|
||||
nextLayer.stop(false, false);
|
||||
nextLayer.fadeTo(0, 1);
|
||||
currentLayer.fadeTo(0, 0);
|
||||
if (callback) {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 1: { // fade
|
||||
currentLayer.stop(false, false);
|
||||
nextLayer.stop(false, false);
|
||||
currentLayer.css('zIndex', 0);
|
||||
nextLayer.css('zIndex', 1);
|
||||
currentLayer.fadeTo(transitionDuration, 0, "easeOutQuad");
|
||||
nextLayer.fadeTo(transitionDuration, 1, "easeInQuad", callback);
|
||||
}
|
||||
break;
|
||||
case 2: { // drop right to left
|
||||
moveLayers(currentLayer, nextLayer, transitionDuration, "drop", "right", "left", callback);
|
||||
}
|
||||
break;
|
||||
case 3: { // drop left to right
|
||||
moveLayers(currentLayer, nextLayer, transitionDuration, "drop", "left", "right", callback);
|
||||
}
|
||||
break;
|
||||
case 4: { // drop top to bottom
|
||||
moveLayers(currentLayer, nextLayer, transitionDuration, "drop", "up", "down", callback);
|
||||
}
|
||||
break;
|
||||
case 5: { // drop bottom to top
|
||||
moveLayers(currentLayer, nextLayer, transitionDuration, "drop", "down", "up", callback);
|
||||
}
|
||||
break;
|
||||
case 6: { // clip vertical
|
||||
moveLayers(currentLayer, nextLayer, transitionDuration, "clip", "vertical", "vertical", callback);
|
||||
}
|
||||
break;
|
||||
case 7: { // clip horizontal
|
||||
moveLayers(currentLayer, nextLayer, transitionDuration, "clip", "horizontal", "horizontal", callback);
|
||||
}
|
||||
break;
|
||||
case 8: { // puff / diagonal
|
||||
currentLayer.stop(false, true);
|
||||
nextLayer.stop(false, true);
|
||||
currentLayer.css('zIndex', 1);
|
||||
nextLayer.css('zIndex', 0);
|
||||
nextLayer.css('opacity', 1);
|
||||
nextLayer.show("puff", transitionDuration, callback);
|
||||
currentLayer.hide("puff", transitionDuration);
|
||||
}
|
||||
break;
|
||||
case 9: { // scale
|
||||
currentLayer.stop(false, true);
|
||||
nextLayer.stop(false, true);
|
||||
currentLayer.css('zIndex', 1);
|
||||
nextLayer.css('zIndex', 0);
|
||||
nextLayer.css('opacity', 1);
|
||||
nextLayer.show("scale", transitionDuration, callback);
|
||||
currentLayer.hide("scale", transitionDuration);
|
||||
}
|
||||
break;
|
||||
case 10: { // fold
|
||||
currentLayer.stop(false, true);
|
||||
nextLayer.stop(false, true);
|
||||
currentLayer.css('zIndex', 1);
|
||||
nextLayer.css('zIndex', 0);
|
||||
nextLayer.css('opacity', 1);
|
||||
nextLayer.show("fold", {
|
||||
horizFirst : false
|
||||
}, transitionDuration, callback);
|
||||
currentLayer.hide("fold", {
|
||||
horizFirst : true
|
||||
}, transitionDuration);
|
||||
}
|
||||
break;
|
||||
case 11: { // vertical in, horizontal out
|
||||
moveLayers(currentLayer, nextLayer, transitionDuration, "blind", "vertical", "horizontal", callback);
|
||||
}
|
||||
break;
|
||||
case 12: { // horizontal in, vertical out
|
||||
moveLayers(currentLayer, nextLayer, transitionDuration, "blind", "horizontal", "vertical", callback);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function moveLayers(currentLayer, nextLayer, transitionDuration, effect, from, to, callback) {
|
||||
currentLayer.stop(false, true);
|
||||
nextLayer.stop(false, true);
|
||||
currentLayer.css('zIndex', 1);
|
||||
nextLayer.css('zIndex', 0);
|
||||
nextLayer.css('opacity', 1);
|
||||
nextLayer.show(effect, {
|
||||
direction : from
|
||||
}, transitionDuration, callback);
|
||||
currentLayer.hide(effect, {
|
||||
direction : to
|
||||
}, transitionDuration);
|
||||
}
|
||||
|
||||
function runWebcam(wc, imgurl, ms) {
|
||||
var d = new Date();
|
||||
d = "?" + d.getTime();
|
||||
document.images[wc].src = imgurl + d;
|
||||
setTimeout("runWebcam('" + wc + "','" + imgurl + "'," + ms + ")", ms)
|
||||
}
|
||||
|
||||
function CXTransform(id, relative, sRect, stepRects, stepDurations) {
|
||||
this.id = id;
|
||||
this.relative = relative;
|
||||
this.sRect = sRect;
|
||||
this.stepRects = stepRects;
|
||||
this.stepDurations = stepDurations;
|
||||
this.curStep = -1;
|
||||
}
|
||||
|
||||
function CXRect(x, y, w, h) {
|
||||
this.x = x;
|
||||
this.y = y;
|
||||
this.w = w;
|
||||
this.h = h;
|
||||
}
|
||||
|
||||
function CXGoto(absolute, step, count) {
|
||||
this.absolute = absolute;
|
||||
this.step = step;
|
||||
this.count = count;
|
||||
this.stepped = 0;
|
||||
}
|
||||
|
||||
function CXLink(typ, s1, s2, s3, s4, s5, s6, s7) {
|
||||
this.typ = typ;
|
||||
this.s1 = s1;
|
||||
this.s2 = s2;
|
||||
this.s3 = s3;
|
||||
this.s4 = s4;
|
||||
this.s5 = s5;
|
||||
this.s6 = s6;
|
||||
this.s7 = s7;
|
||||
}
|
||||
|
||||
function performLink(cxlink) {
|
||||
var retVal = true;
|
||||
if (cxlink.typ == 1 || cxlink.typ == 2) {
|
||||
if (cxlink.s2 == '_blank') {
|
||||
if (cxlink.s3) {
|
||||
window.open(cxlink.s1, cxlink.s4, 'width=' + cxlink.s5 + ',height=' + cxlink.s6 + ',menubar=no,toolbar=no,status=no,scrollbars=yes');
|
||||
} else {
|
||||
window.open(cxlink.s1);
|
||||
}
|
||||
} else if (cxlink.s2 == '_top') {
|
||||
top.location.href = cxlink.s1;
|
||||
} else if (cxlink.s2 == '_parent') {
|
||||
parent.location.href = cxlink.s1;
|
||||
} else if (cxlink.s2 == '_self' || cxlink.s2 == '') {
|
||||
window.location.href = cxlink.s1;
|
||||
} else {
|
||||
var target = document.getElementById(cxlink.s2);
|
||||
if (target != null) {
|
||||
target.src = cxlink.s1;
|
||||
} else {
|
||||
target = top.document.getElementById(cxlink.s2);
|
||||
if (target != null)
|
||||
target.src = cxlink.s1;
|
||||
}
|
||||
}
|
||||
} else if (cxlink.typ == 3) {
|
||||
window.location.href = cxlink.s1;
|
||||
} else if (cxlink.typ == 4) {
|
||||
var frm = document.getElementById(cxlink.s1);
|
||||
if (frm != null) {
|
||||
if (checkForm(cxlink)) {
|
||||
frm.submit();
|
||||
} else {
|
||||
retVal = false;
|
||||
}
|
||||
}
|
||||
} else if (cxlink.typ == 5) {
|
||||
var frm = document.getElementById(cxlink.s1);
|
||||
if (frm != null)
|
||||
frm.reset();
|
||||
} else if (cxlink.typ == 9) {
|
||||
window.print();
|
||||
} else if (cxlink.typ == 10) {
|
||||
window.close();
|
||||
} else if (cxlink.typ == 6) {
|
||||
var frmM = document.getElementById(cxlink.s1);
|
||||
if (frmM != null) {
|
||||
if (checkForm(cxlink)) {
|
||||
var frmMoldAction = frmM.action;
|
||||
frmM.action = cxlink.s7;
|
||||
frmM.submit();
|
||||
frmM.action = frmMoldAction;
|
||||
}
|
||||
}
|
||||
}
|
||||
return retVal;
|
||||
}
|
||||
|
||||
function checkForm(cxlink) {
|
||||
for ( var i = 0; i < cxlink.s2.length; i++) {
|
||||
var ok = true;
|
||||
if (cxlink.s2[i].indexOf("radio_") == 0) {
|
||||
if (cxlink.s3[i][1]) {
|
||||
var radios = document.getElementsByName(cxlink.s2[i].substring(6));
|
||||
ok = false;
|
||||
for ( var ri = 0; ri < radios.length && ok == false; ri++) {
|
||||
if (radios[ri].checked) {
|
||||
ok = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
var cpn = document.getElementById(cxlink.s2[i]);
|
||||
if (cpn != null) {
|
||||
if (cpn.type == "checkbox") {
|
||||
if (cxlink.s3[i][1] && !cpn.checked) {
|
||||
ok = false;
|
||||
}
|
||||
} else if (cpn.type.indexOf("select") >= 0) {
|
||||
if (cxlink.s3[i][1] && cpn.value.length == 0) {
|
||||
ok = false;
|
||||
}
|
||||
} else {
|
||||
if (cxlink.s3[i][1] && cpn.value.length == 0) {
|
||||
ok = false;
|
||||
} else if (cpn.value.length > 0) {
|
||||
if (cxlink.s3[i][0] == 1) {
|
||||
if (isNaN(cpn.value)) {
|
||||
ok = false;
|
||||
} else {
|
||||
var intval = parseInt(cpn.value);
|
||||
if (cxlink.s3[i][2] && cxlink.s3[i][4]) {
|
||||
if (intval < cxlink.s3[i][3] || intval > cxlink.s3[i][5]) {
|
||||
ok = false;
|
||||
}
|
||||
} else if (cxlink.s3[i][2]) {
|
||||
if (intval < cxlink.s3[i][3]) {
|
||||
ok = false;
|
||||
}
|
||||
} else if (cxlink.s3[i][4]) {
|
||||
if (intval > cxlink.s3[i][5]) {
|
||||
ok = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (cxlink.s3[i][0] == 2) {
|
||||
var sl = cpn.value.length;
|
||||
if (cxlink.s3[i][2] && cxlink.s3[i][4]) {
|
||||
if (sl < cxlink.s3[i][3] || sl > cxlink.s3[i][5]) {
|
||||
ok = false;
|
||||
}
|
||||
} else if (cxlink.s3[i][2]) {
|
||||
if (sl < cxlink.s3[i][3]) {
|
||||
ok = false;
|
||||
}
|
||||
} else if (cxlink.s3[i][4]) {
|
||||
if (sl > cxlink.s3[i][5]) {
|
||||
ok = false;
|
||||
}
|
||||
}
|
||||
} else if (cxlink.s3[i][0] == 3) {
|
||||
var usr = "([a-zA-Z0-9][a-zA-Z0-9_.-]*|\"([^\\\\\x80-\xff\015\012\"]|\\\\[^\x80-\xff])+\")";
|
||||
var domain = "([a-z<><7A><EFBFBD>A-Z<><5A><EFBFBD>0-9][a-z<><7A><EFBFBD>A-Z<><5A><EFBFBD>0-9._-]*\\.)*[a-z<><7A><EFBFBD>A-Z<><5A><EFBFBD>0-9][a-z<><7A><EFBFBD>A-Z<><5A><EFBFBD>0-9._-]*\\.[a-zA-Z]{2,5}";
|
||||
var reg = new RegExp("^" + usr + "\@" + domain + "$");
|
||||
ok = reg.test(cpn.value);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
var overlay = $("#" + cxlink.s4[i]);
|
||||
if (overlay != null) {
|
||||
if (ok)
|
||||
overlay.hide();
|
||||
else
|
||||
overlay.show();
|
||||
}
|
||||
if (!ok)
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function CXVis(id, type) {
|
||||
this.id = id;
|
||||
this.type = type;
|
||||
}
|
||||
|
||||
function CXStartPos(id, x, y, w, h) {
|
||||
this.id = id;
|
||||
this.x = x;
|
||||
this.y = y;
|
||||
this.w = w;
|
||||
this.h = h;
|
||||
}
|
||||
|
||||
function CXSearch(ole, oleDiv, txt, x, y, w, h) {
|
||||
this.ole = ole;
|
||||
this.oleDiv = oleDiv;
|
||||
this.txt = txt;
|
||||
this.x = x;
|
||||
this.y = y;
|
||||
this.w = w;
|
||||
this.h = h;
|
||||
}
|
||||
|
||||
function CXChange(id, key, val, op) {
|
||||
this.id = id;
|
||||
this.key = key;
|
||||
this.val = val;
|
||||
this.op = op;
|
||||
}
|
||||
|
||||
function CXSlideShowControl(id, op, slideIndex) {
|
||||
this.id = id;
|
||||
this.op = op;
|
||||
this.slideIndex = slideIndex;
|
||||
}
|
||||
|
||||
function startAction(id) {
|
||||
var retVal = true;
|
||||
if (cxactions[id] != null && !cxactions[id][3]) {
|
||||
cxactions[id][3] = true;
|
||||
retVal = performAction(id);
|
||||
}
|
||||
return retVal;
|
||||
}
|
||||
|
||||
function performAction(id) {
|
||||
var retVal = true;
|
||||
if (cxactions[id] != null) {
|
||||
var curStep = cxactions[id][2];
|
||||
if (cxactions[id][0].length - 1 > curStep) {
|
||||
var timeout = 0;
|
||||
var nextStep = true;
|
||||
var data = cxactions[id][1][curStep];
|
||||
switch (cxactions[id][0][curStep]) {
|
||||
case 0:
|
||||
for ( var i = 0; i < data.length; i++) {
|
||||
var cxchange = data[i];
|
||||
var elem = document.getElementById(cxchange.id);
|
||||
if (elem != null) {
|
||||
cxchange.val = parseInt(cxchange.val);
|
||||
if (cxchange.key == "opacity") {
|
||||
if ($.browser.msie) {
|
||||
var init = true;
|
||||
if (elem.style.filter.length > 0) {
|
||||
var str = elem.style.filter;
|
||||
var search = "alpha(opacity=";
|
||||
var i = str.indexOf(search);
|
||||
if (i >= 0) {
|
||||
init = false;
|
||||
var before = str.substr(0, i + search.length);
|
||||
var after = str.substr(i + search.length);
|
||||
i = after.indexOf(")");
|
||||
var opacity = parseFloat(after.substr(0, i));
|
||||
after = after.substr(i);
|
||||
var val = cxchange.val / 255 * 100;
|
||||
if (cxchange.op == "=")
|
||||
opacity = val;
|
||||
else if (cxchange.op == "+")
|
||||
opacity += val;
|
||||
else if (cxchange.op == "-")
|
||||
opacity -= val;
|
||||
if (opacity >= 0 && opacity <= 100) {
|
||||
opacity = String(opacity);
|
||||
if (opacity.length > 5)
|
||||
opacity = opacity.substr(0, 5);
|
||||
elem.style.filter = before + opacity + after;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (init) {
|
||||
var opacity = 100;
|
||||
var val = cxchange.val / 255 * 100;
|
||||
if (cxchange.op == "=")
|
||||
opacity = val;
|
||||
else if (cxchange.op == "-")
|
||||
opacity -= val;
|
||||
if (opacity >= 0 && opacity <= 100) {
|
||||
opacity = String(opacity);
|
||||
if (opacity.length > 5)
|
||||
opacity = opacity.substr(0, 5);
|
||||
elem.style.filter = "alpha(opacity=" + opacity + ")";
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (cxchange.op == "=") {
|
||||
var opacity = cxchange.val / 255;
|
||||
if (opacity >= 0.0 && opacity <= 1.0) {
|
||||
opacity = String(opacity);
|
||||
if (opacity.length > 4)
|
||||
opacity = opacity.substr(0, 4);
|
||||
elem.style.opacity = opacity;
|
||||
}
|
||||
} else {
|
||||
var opacity = 1.0;
|
||||
if (elem.style.opacity)
|
||||
opacity = parseFloat(elem.style.opacity);
|
||||
if (cxchange.op == "+")
|
||||
opacity += cxchange.val / 255;
|
||||
else
|
||||
opacity -= cxchange.val / 255;
|
||||
if (opacity >= 0.0 && opacity <= 1.0) {
|
||||
opacity = String(opacity);
|
||||
if (opacity.length > 4)
|
||||
opacity = opacity.substr(0, 4);
|
||||
elem.style.opacity = opacity;
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (cxchange.key == "top") {
|
||||
var top = parseInt(elem.style.top);
|
||||
if (cxchange.op == "=")
|
||||
top = cxchange.val;
|
||||
else if (cxchange.op == "+")
|
||||
top += cxchange.val;
|
||||
else if (cxchange.op == "-")
|
||||
top -= cxchange.val;
|
||||
elem.style.top = top + "px";
|
||||
} else if (cxchange.key == "left") {
|
||||
var left = parseInt(elem.style.left);
|
||||
if (cxchange.op == "=")
|
||||
left = cxchange.val;
|
||||
else if (cxchange.op == "+")
|
||||
left += cxchange.val;
|
||||
else if (cxchange.op == "-")
|
||||
left -= cxchange.val;
|
||||
elem.style.left = left + "px";
|
||||
} else if (cxchange.key == "width") {
|
||||
var width = parseInt(elem.style.width);
|
||||
if (cxchange.op == "=")
|
||||
width = cxchange.val;
|
||||
else if (cxchange.op == "+")
|
||||
width += cxchange.val;
|
||||
else if (cxchange.op == "-")
|
||||
width -= cxchange.val;
|
||||
elem.style.width = width + "px";
|
||||
} else if (cxchange.key == "height") {
|
||||
var height = parseInt(elem.style.height);
|
||||
if (cxchange.op == "=")
|
||||
height = cxchange.val;
|
||||
else if (cxchange.op == "+")
|
||||
height += cxchange.val;
|
||||
else if (cxchange.op == "-")
|
||||
height -= cxchange.val;
|
||||
elem.style.height = height + "px";
|
||||
}
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 1:
|
||||
if (data.stepRects.length > data.curStep) {
|
||||
var scpn = $("#" + data.id);
|
||||
if (scpn != null) {
|
||||
nextStep = false;
|
||||
timeout = -1;
|
||||
if (data.curStep < 0) {
|
||||
data.curStep = 0;
|
||||
if (!data.relative) {
|
||||
scpn.css('left', data.sRect.x);
|
||||
scpn.css('top', data.sRect.y);
|
||||
scpn.css('width', data.sRect.w);
|
||||
scpn.css('height', data.sRect.h);
|
||||
}
|
||||
}
|
||||
var r = data.stepRects[data.curStep];
|
||||
scpn.animate({
|
||||
'left' : r.x,
|
||||
'top' : r.y,
|
||||
'width' : r.w,
|
||||
'height' : r.h
|
||||
}, data.stepDurations[data.curStep], 'linear', function() {
|
||||
data.curStep++;
|
||||
performAction(id);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
data.curStep = -1;
|
||||
}
|
||||
break;
|
||||
case 2:
|
||||
timeout = data;
|
||||
break;
|
||||
case 3:
|
||||
if (data.count < 0 || data.stepped < data.count) {
|
||||
data.stepped++;
|
||||
nextStep = false;
|
||||
var st = curStep;
|
||||
if (data.absolute) {
|
||||
st = data.step;
|
||||
} else {
|
||||
st = curStep + data.step;
|
||||
}
|
||||
cxactions[id][2] = st;
|
||||
} else {
|
||||
data.stepped = 0;
|
||||
}
|
||||
break;
|
||||
case 4:
|
||||
case 8:
|
||||
retVal = performLink(data);
|
||||
break;
|
||||
case 5:
|
||||
var cpn = $("#" + data.id);
|
||||
if (cpn != null) {
|
||||
switch (data.type) {
|
||||
case 0:
|
||||
cpn.show();
|
||||
break;
|
||||
case 1:
|
||||
cpn.hide();
|
||||
break;
|
||||
case 2:
|
||||
if (cpn.is(":visible"))
|
||||
cpn.hide();
|
||||
else
|
||||
cpn.show();
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 6:
|
||||
var cpn0 = $("#" + data.id);
|
||||
if (cpn0 != null) {
|
||||
cpn0.animate({
|
||||
'left' : data.x,
|
||||
'top' : data.y,
|
||||
'width' : data.w,
|
||||
'height' : data.h
|
||||
},1);
|
||||
}
|
||||
break;
|
||||
case 7:
|
||||
var searchString = document.getElementById(data.txt);
|
||||
if (searchString != null) {
|
||||
searchString = searchString.value;
|
||||
var searchPath = "scripts/search.php?q=" + searchString;
|
||||
var searchTarget = document.getElementById(data.ole);
|
||||
if (searchTarget != null) {
|
||||
var oleDiv = document.getElementById(data.oleDiv);
|
||||
if (oleDiv != null) {
|
||||
oleDiv.style.left = data.x + 'px';
|
||||
oleDiv.style.top = data.y + 'px';
|
||||
oleDiv.style.width = data.w + 'px';
|
||||
oleDiv.style.height = data.h + 'px';
|
||||
}
|
||||
searchTarget.src = searchPath;
|
||||
} else {
|
||||
window.location.href = searchPath
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 9:
|
||||
var cpn = $("#" + data.id);
|
||||
if (cpn != null) {
|
||||
switch (data.op) {
|
||||
case 0:
|
||||
stopSlideShow(data.id);
|
||||
break;
|
||||
case 1:
|
||||
startSlideShow(data.id);
|
||||
break;
|
||||
case 2:
|
||||
slideShowNextSlide(data.id);
|
||||
break;
|
||||
case 3:
|
||||
slideShowPreviousSlide(data.id);
|
||||
break;
|
||||
case 4:
|
||||
slideShowGotoSlide(data.id, data.slideIndex);
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
}
|
||||
if (nextStep) {
|
||||
cxactions[id][2]++;
|
||||
}
|
||||
if (timeout >= 0) {
|
||||
setTimeout("performAction('" + id + "')", timeout);
|
||||
}
|
||||
} else {
|
||||
cxactions[id][2] = 0;
|
||||
cxactions[id][3] = false;
|
||||
}
|
||||
}
|
||||
return retVal;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
html, body { margin:0; padding:0; height:100%; }
|
||||
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; }
|
||||
.xdiv { position:absolute; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
|
||||
.buttoncontrol { position:absolute; width:100%; height:100%; z-index:4; background:url(empty) repeat; }
|
||||
.imglayer { position:absolute; width:100%; height:100%; border:none; }
|
||||
@@ -0,0 +1,17 @@
|
||||
.S0 { margin:0 auto; background-color:rgb(255,255,255); }
|
||||
.S1 { line-height:13.6608px; -line-height:14px; font-family:Arial; font-size:12px; font-style:normal; font-weight:bold; color:#ffffff; text-decoration:none; }
|
||||
.S10 { line-height:17.6856px; -line-height:18px; font-family:HelvLight; font-size:15px; font-style:normal; font-weight:normal; color:#2a2a2a; text-decoration:none; display:inline; }
|
||||
.S11 { line-height:17.6856px; -line-height:18px; font-family:HelvLight; font-size:15px; font-style:normal; font-weight:bold; color:#8b0000; text-decoration:none; display:inline; }
|
||||
.S12 { background-color:rgba(255,255,0,0.862); }
|
||||
.S13 { background-color:rgb(139,37,0); border:outset 2px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
|
||||
.S14 { line-height:13.6608px; -line-height:14px; font-family:Arial; font-size:12px; font-style:normal; font-weight:bold; color:#000000; text-decoration:none; }
|
||||
.S15 { background-color:rgba(255,246,143,0); }
|
||||
.S16 { background-color:rgb(255,255,0); border:outset 2px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
|
||||
.S2 { background-color:rgb(223,227,229); }
|
||||
.S3 { line-height:26.1833px; -line-height:26px; font-family:Arial; font-size:23px; font-style:normal; font-weight:normal; color:#595959; text-decoration:none; display:inline; }
|
||||
.S4 { cursor:pointer; }
|
||||
.S5 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#333333; text-decoration:none; display:inline; }
|
||||
.S6 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#000000; text-decoration:none; display:inline; }
|
||||
.S7 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#333333; text-decoration:underline; display:inline; }
|
||||
.S8 { line-height:14.7992px; -line-height:15px; font-family:Arial; font-size:13px; font-style:normal; font-weight:bold; color:#333333; text-decoration:none; display:inline; }
|
||||
.S9 { line-height:17.6856px; -line-height:18px; font-family:HelvLight; font-size:15px; font-style:normal; font-weight:bold; color:#2a2a2a; text-decoration:none; display:inline; }
|
||||
@@ -0,0 +1,18 @@
|
||||
document.currentPage = "index.html";
|
||||
var layerbuttons = [];
|
||||
layerbuttons["X7_0"] = { layer: ["Xf_0",null,null,null], transitionType: 0, transitionDuration: 250 };
|
||||
layerbuttons["X7_1"] = { layer: ["Xf_1",null,null,null], transitionType: 0, transitionDuration: 250 };
|
||||
var slideShows = [];
|
||||
slideShows["X4_0"] = { currentSlideIndex: 0, slides: [{slideID: "Xe_0", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_1", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_2", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_3", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_4", duration: 5000, transitionType: 1, transitionDuration: 1000}] };
|
||||
var cxactions = [];
|
||||
cxactions['X3_6_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_2',2),new CXVis('X1_3',1),new CXVis('X1_4',1),""),0,false);
|
||||
cxactions['X1_2_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_2',1),""),0,false);
|
||||
cxactions['X3_7__0'] = new Array(new Array(4,-1),new Array(new CXLink(2,'http://www.ecker-lichtwerbung.de','_blank',false,'popup',300,300,''),""),0,false);
|
||||
cxactions['X3_9_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_3',2),new CXVis('X1_2',1),new CXVis('X1_4',1),""),0,false);
|
||||
cxactions['X1_3_4'] = new Array(new Array(5,-1),new Array(new CXVis('X1_3',1),""),0,false);
|
||||
cxactions['X3_a_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_3',1),""),0,false);
|
||||
cxactions['X3_b_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_4',2),new CXVis('X1_3',1),new CXVis('X1_2',1),""),0,false);
|
||||
cxactions['X1_4_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_4',1),""),0,false);
|
||||
cxactions['X7_0_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_5',1),""),0,false);
|
||||
cxactions['X7_1_2'] = new Array(new Array(5,5,-1),new Array(new CXVis('X1_4',0),new CXVis('X1_5',1),""),0,false);
|
||||
preloadImages("media/lw1_951x486.jpg","media/lw2_951x141.jpg","media/facebook_40x40.png","media/Fotolia_55927497_M_950x630.jpg","media/Fotolia_58904654_M_950x632.jpg","media/Fotolia_58904662_M_1690x1124.jpg","media/Fotolia_60630538_M_950x631.jpg","media/Fotolia_602154532_M.jpg");
|
||||
157
alt webseite/alte webseite/www.lackwerk-kl.de/scripts/jquery.js
vendored
Normal file
157
alt webseite/alte webseite/www.lackwerk-kl.de/scripts/jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user