/* Jack Kulcke : main JS */ /* build : 1.0 */ /* copyright (skript) by Sebastian Lasse*/ // TODO - back/forward dojo.require("dijit._base.sniff"); dojo.require("dijit.form.Form"); dojo.require("dijit.form.Textarea"); dojo.require("dijit.form.Button"); dojo.require("dijit.form.TextBox"); dojo.require("dijit.form.HorizontalSlider"); dojo.require("dijit.form.ValidationTextBox"); dojo.require("dojo.fx"); dojo.require("dojo.fx.easing"); //dojo.require("dojox.fx.scroll"); dojo.require("dojox.gfx"); dojo.require("dojox.layout.ScrollPane"); dojo.require("dojox.gfx.fx"); dojo.require("dojox.image"); //VARIABLEN GLOBAL var COPYNOTE = "© Jack Kulcke"; var COPYOPACITY = .8; var jkBody, surface1, g1, m1, surface2, g2, m2, surface3, g3, m3, logo, logophrase, SVGsupport, input_message, prevRessort, slider, isntslider; var activeRessort = 1; var activeImage = 1; var GALLERY = new Array(); var PHOTO = new Array(4); PHOTO[1] = new Array(); PHOTO[2] = new Array(); PHOTO[3] = new Array(); PHOTO[4] = new Array(); var COLOR = new Array(2); COLOR[1] = new Array(); COLOR[2] = new Array(); var NAV = new Array(); var rewind = new Array(); rewind[0] = false; function DoResize(){ var viewport = dijit.getViewport(); var IMGheightint = Math.round(viewport.h-94); var IMGheight = IMGheightint+"px"; var IMGwidthint = ((IMGheightint/2)*3-120); var IMGwidth = ((IMGheightint/2)*3-120)+"px"; //dojo.style("TEXTnode","height", viewport.h-148); dojo.style("IMGnode",{"height":IMGheight,"width":IMGwidth}); //dojo.style("NAVInode",{"marginLeft":dojo.position("IMGnode", true).x+"px"}); dojo.style("activephoto",{"height":IMGheightint-80+"px","width":"auto"}); if(dojo.byId("TEXTnode")){dojo.style("TEXTnode","height",dojo.style("activephoto","height")+"px");} if(dojo.byId("KONTAKTnode")){ dojo.style("KONTAKTnode","height",dojo.style("activephoto","height")+"px"); dojo.style(input_message.domNode, "maxHeight", (dojo.style("KONTAKTnode","height")-234)+"px"); } var cpos = dojo.position("activephoto", true); dojo.style("COPYRIGHTnode",{"left":cpos.x+"px", "top":cpos.y+"px", "width":cpos.w+"px", "height":cpos.h+"px", "lineHeight":cpos.h+"px" }); dojo.style("copyright",{"lineHeight":cpos.h+"px" }); var photopos = dojo.position('activephoto', true); if((photopos.h/2)*3 > viewport.w-80){ if(dojo.byId("N1")){ dojo.query(".nav").style("marginRight","16px"); } dojo.style("IMGnode",{"marginLeft":"40px","marginRight":"40px"}); dojo.style(jkBody,{"overflowX":"scroll","overflowY":"hidden","width":(photopos.h/2)*3+"px"}); } else { if(dojo.byId("N1")){ sumwidth = 0; for (i=1; i"+NAV[i]+"","NAVInode","last"); dojo.addClass("N"+(i+1),"navi"); if(i != NAV.length-2){dojo.addClass("N"+(i+1),"nav");} dojo.connect(dojo.byId("N"+(i+1)),"onmouseover",function(e){dojo.style(this,"color","#FFFFFF")}); dojo.connect(dojo.byId("N"+(i+1)),"onmouseout",function(e){ dojo.style(this,"color",COLOR[1][activeImage]); dojo.style("N"+activeRessort,"color","#FFFFFF"); }); dojo.connect(dojo.byId("N"+(i+1)),"onclick",function(e){ dojo.style(this,"color","#FFFFFF"); prevRessort = activeRessort; activeRessort = this.id.replace("N","")*1; if(activeRessort < 5){ switchGalerie(activeRessort); } else if (activeRessort == 5){ LOADKONTAKT(prevRessort); } else { activeRessort = this.id.replace("N","")*1; makeText(activeRessort,prevRessort); } }); } } buildLayout(); initGalleries(); DoResize(); break; case "Allgemein": if(data != undefined && data != ""){ return; //alert(data); } break; } }, error: function(error){ } } var deferred = dojo.xhrGet(xhrArgs); } function makeText(txtnr,prev){ var txt = dojo.create("div",{id:"TEXTnode"},"PHOTOnode","first"); //dojo.place(txtpane,"TEXTnode","first"); //txt.set("id","TEXTnode"); dojo.style("TEXTnode","opacity",0); dojo.byId("TEXTnode").innerHTML = "

Jack Kulcke Fotodesign
Westenhellweg 132
44137 Dortmund

tel: +49 (0)178 - 522 5000
email: mail@jackkulcke.com

stnr: 314/5980/0114 Finanzamt Dortmund-West


geb. 25.06.74 Karlsruhe
Fotodesign Studium FH-Dortmund
Diplom 2006



Kunden u.a.
Alcoa Architectural Products, Frankreich
Appel Messebau GmbH, Dortmund
B&G Fashion, Dortmund
Becker Automatisierungstechnik GmbH, Büren
bitcat GmbH, Dortmund
Bußmann, Semer & Müller, Dortmund
Coesfeld GmbH & Co. KG, Dortmund
Druckerei Bröckelschen, Dortmund
eagle eye technologies GmbH, Berlin
Frankonia Handels GmbH & Co.KG, Rottendorf
Geers, Dr. Volker, Dortmund
Herbert Heldt KG, Dortmund
Henkel AG & Co. KGaA, Düsseldorf
HEYCO Werk Heynen, Remscheid
Hülpert GmbH, Dortmund
Hugo Miebach, Dortmund
Hwang&Banike GmbH, Dortmund
Hydroservice Zylinder, Kamen
IT-Center Dortmund
Jung von Matt Relations GmbH, Kön
Kalyani-Group
- CDP Bharat Forge, Ennepetal
- Bharat Forge Daun, Daun i. d. Eifel
- Bharat Forge Aluminiumtechnik, Brand Erbisdorf
Kayser Werk, Dortmund
Krause & Sandmann GbR, Dortmund
NEM Power-Systems, Recklinghausen
net solutions, Remagen Oberwinter
PSW Press- und Schmiedewerke GmbH, Brand-Erbisdorf
Reich Kupplungen, Bochum
REXNORD Europa
- Rexnord BSD, Dortmund
- Rexnord Kette, Betzdorf
Rolf Schmiel, Essen
Royal Saint Barbara´s Golf Club Dortmund e. V.
scherr kreativmanagement GmbH, Dortmund
TESLA Motors
TNT Express GmbH, Troisdorf
VVA Verlag, Düsseldorf
Weilandt Elektronik, Essen
Wilbrand Haustechnik, Dortmund


"+ '
Allgemeine Liefer- & Geschäftsbedingungen :

I. Allgemeines

1. Die nachfolgenden allgemeinen Liefer- und Geschäftsbedingungen (im folgenden AGB genannt) gelten für alle vom Fotografen durchgeführten Aufträge, Angebote, Lieferungen und Leistungen.

2. Sie gelten als vereinbart mit Entgegennahme der Lieferung oder Leistung bzw. des Angebots des Fotografen durch den Kunden, spätestens jedoch mit der Annahme des Bildmaterials zur Veröffentlichung.

3. Wenn der Kunde den AGB widersprechen will, ist dieses schriftlich binnen drei Werktagen zu erklären. Abweichenden Geschäftsbedingungen des Kunden wird hiermit widersprochen. Abweichende Geschäftsbedingungen des Kunden erlangen keine Gültigkeit, es sei denn, dass der Fotograf diese schriftlich anerkennt.

4. Die AGB gelten im Rahmen einer laufenden Geschäftsbeziehung auch ohne ausdrückliche Einbeziehung auch für alle zukünftigen Aufträge, Angebote, Lieferungen und Leistungen des Fotografen.

II. Überlassenes Bildmaterial

1. Die AGB gelten für jegliches dem Kunden überlassenes Bildmaterial, gleich in welcher Schaffensstufe oder in welcher technischen Form sie vorliegen. Sie gelten insbesondere auch für elektronisches oder digital übermitteltes Bildmaterial.

2. Der Kunde erkennt an, dass es sich bei dem vom Fotografen gelieferten Bildmaterial um urheberrechtlich geschützte Lichtbildwerke i.S.v. § 2 Abs.1 Ziff.5 Urheberrechtsgesetz handelt.

3. Vom Kunden in Auftrag gegebene Gestaltungsvorschläge oder Konzeptionen sind eigenständige Leistungen, die zu vergüten sind.

4. Das überlassene Bildmaterial bleibt Eigentum des Fotografen, und zwar auch in dem Fall, dass Schadensersatz hierfür geleistet wird.

5. Der Kunde hat das Bildmaterial sorgfältig und pfleglich zu behandeln und darf es an Dritte nur zu geschäftsinternen Zwecken der Sichtung, Auswahl und technischen Verarbeitung weitergeben.

6. Reklamationen, die den Inhalt der gelieferten Sendung oder Inhalt, Qualität oder Zustand des Bildmaterials betreffen, sind innerhalb von 48 Stunden nach Empfang mitzuteilen. Anderenfalls gilt das Bildmaterial als ordnungsgemäß, vertragsgemäß und wie verzeichnet zugegangen.

III. Nutzungsrechte

1. Der Kunde erwirbt grundsätzlich nur ein einfaches Nutzungsrecht zur einmaligen Verwendung.

2. Ausschließliche Nutzungsrechte, medienbezogene oder räumliche Exklusivrechte oder Sperrfristen müssen gesondert vereinbart werden und bedingen einen Aufschlag von mindestens 100% auf das jeweilige Grundhonorar.

3. Mit der Lieferung wird lediglich das Nutzungsrecht übertragen für die einmalige Nutzung des Bildmaterials zu dem vom Kunden angegebenen Zweck und in der Publikation und in dem Medium oder Datenträger, welche/-s/-n der Kunde angegeben hat oder welche/-s/-r sich aus den Umständen der Auftragserteilung ergibt. Im Zweifelsfall ist maßgeblich das Objekt (Zeitung, Zeitschrift usw.), für das das Bildmaterial ausweislich des Lieferscheins oder der Versandadresse zur Verfügung gestellt worden ist.

4. Jede über Ziffer 3. hinausgehende Nutzung, Verwertung, Vervielfältigung, Verbreitung oder Veröffentlichung ist honorarpflichtig und bedarf der vorherigen ausdrücklichen Zustimmung des Fotografen. Das gilt insbesondere für:

* eine Zweitverwertung oder Zweitveröffentlichung, insbesondere in Sammelbänden, produktbegleitenden Prospekten, bei Werbemaßnahmen oder bei sonstigen Nachdrucken,

* jegliche Bearbeitung, Änderung oder Umgestaltung des Bildmaterials,

* die Digitalisierung, Speicherung oder Duplizierung des Bildmaterials auf Datenträgern aller Art (z.B. magnetische, optische, magnetooptische oder elektronische Trägermedien wie CD-ROM, CDi, Disketten, Festplatten, Arbeitsspeicher, Mikrofilm etc.), soweit dieses nicht nur der technischen Verarbeitung des Bildmaterials gem. Ziff.III 3. AGB dient,

* jegliche Vervielfältigung oder Nutzung der Bilddaten auf CD-ROM, CDi, Disketten oder ähnlichen Datenträgern,

* jegliche Aufnahme oder Wiedergabe der Bilddaten im Internet oder in Online- Datenbanken oder in anderen elektronischen Archiven (auch soweit es sich um interne elektronische Archive des Kunden handelt),

* die Weitergabe des digitalisierten Bildmaterials im Wege der Datenfernübertragung oder auf Datenträgern, die zur öffentlichen Wiedergabe auf Bildschirmen oder zur Herstellung von Hardcopies geeignet sind.

5. Veränderungen des Bildmaterials durch Foto-Composing, Montage oder durch elektronische Hilfsmittel zur Erstellung eines neuen urheberrechtlich geschützten Werkes sind nur nach vorheriger schriftlicher Zustimmung des Fotografen und nur bei Kennzeichnung mit [M] gestattet. Auch darf das Bildmaterial nicht abgezeichnet, nachgestellt fotografiert oder anderweitig als Motiv benutzt werden.

6. Der Kunde ist nicht berechtigt, die ihm eingeräumten Nutzungsrechte ganz oder teilweise auf Dritte, auch nicht auf andere Konzern- oder Tochterunternehmen, zu übertragen.

7. Jegliche Nutzung, Wiedergabe oder Weitergabe des Bildmaterials ist nur gestattet unter der Voraussetzung der Anbringung des vom Fotografen vorgegebenen Urhebervermerks in zweifelsfreier Zuordnung zum jeweiligen Bild.

IV. Haftung

Der Fotograf übernimmt keine Haftung für die Verletzung von Rechten abgebildeter Personen oder Objekte, es sei denn, es wird ein entsprechend unterzeichnetes Release-Formular beigefügt. Der Erwerb von Nutzungsrechten über das fotografische Urheberrecht hinaus sowie die Einholung von Veröffentlichungsgenehmigungen bei Sammlungen, Museen etc. obliegt dem Kunden. Der Kunde trägt die Verantwortung für die Betextung sowie die sich aus der konkreten Veröffentlichung ergebenden Sinnzusammenhänge.

V. Honorare

1. Es gilt das vereinbarte Honorar. Ist kein Honorar vereinbart worden, bestimmt es sich nach der jeweils aktuellen Bildhonorarübersicht der Mittelstandsgemeinschaft Foto-Marketing (MFM). Das Honorar versteht sich zuzüglich der jeweils gültigen Mehrwertsteuer.

2. Das Honorar gilt nur für die einmalige Nutzung des Bildmaterials zu dem vereinbarten Zweck gemäß Ziff.III 3. oder 2. AGB. Soll das Honorar auch für eine weitergehende Nutzung bestimmt sein, ist dieses schriftlich zu vereinbaren.

3. Durch den Auftrag anfallende Kosten und Auslagen (z.B. Material- und Laborkosten, Modellhonorare, Kosten für erforderliche Requisiten, Reisekosten, erforderliche Spesen etc.) sind nicht im Honorar enthalten und gehen zu Lasten des Kunden.

4. Das Honorar gemäß V. 1. AGB ist auch dann in voller Höhe zu zahlen, wenn das in Auftrag gegebene und gelieferte Bildmaterial nicht veröffentlicht wird. Bei Verwendung der Aufnahmen als Arbeitsvorlage für Layout- und Präsentationszwecke fällt vorbehaltlich einer abweichenden Vereinbarung ein Honorar von mindestens € 75,00 pro Aufnahme an.

5. Eine Aufrechnung oder die Ausübung des Zurückbehaltungsrechts ist nur gegenüber unbestrittenen oder rechtskräftig festgestellten Forderungen des Kunden zulässig. Zulässig ist außerdem die Aufrechnung mit bestrittenen aber entscheidungsreifen Gegenforderungen.

VI. Rückgabe des Bildmaterials

1. Das Bildmaterial ist in der gelieferten Form unverzüglich nach der Veröffentlichung oder der vereinbarten Nutzung, spätestens jedoch 3 Monate nach dem Lieferdatum, unaufgefordert zurückzusenden; beizufügen sind zwei Belegexemplare. Eine Verlängerung der 3-Monatsfrist bedarf der schriftlichen Genehmigung des Fotografen.

2. Überlässt der Fotograf auf Anforderung des Kunden oder mit dessen Einverständnis Bildmaterial lediglich zum Zwecke der Prüfung, ob eine Nutzung oder Veröffentlichung in Betracht kommt, hat der Kunde das Bildmaterial spätestens innerhalb eines Monats nach Erhalt zurückzugeben, sofern auf dem Lieferschein keine andere Frist vermerkt ist. Eine Verlängerung dieser Frist ist nur wirksam, wenn sie vom Fotografen schriftlich bestätigt worden ist.

3. Die Rücksendung des Bildmaterials erfolgt durch den Kunden auf dessen Kosten in branchenüblicher Verpackung. Der Kunde trägt das Risiko des Verlusts oder der Beschädigung während des Transports bis zum Eingang beim Fotografen.

VII. Vertragsstrafe, Blockierung, Schadensersatz

1. Bei jeglicher unberechtigten (ohne Zustimmung des Fotografen erfolgten) Nutzung, Verwendung, Wiedergabe oder Weitergabe des Bildmaterials ist für jeden Einzelfall eine Vertragsstrafe in Höhe des fünffachen Nutzungshonorars zu zahlen, vorbehaltlich weitergehender Schadensersatzansprüche.

2. Bei unterlassenem, unvollständigem, falsch platziertem oder nicht zuordnungsfähigem Urhebervermerk ist ein Aufschlag in Höhe von 100 % des Nutzungshonorars zu zahlen.

3. Bei nicht rechtzeitiger Rückgabe des Bildmaterials (Blockierung) ist für die Zeit nach Ablauf der in Ziff.VI.1.oder 2. gesetzten Fristen eine Vertragsstrafe zu zahlen in Höhe von

* € 0,25 pro Tag und Bild für s/w- oder Color-Abzüge oder Dia-Duplikate

* € 1,00 pro Tag und Bild für Dias, Negative oder andere Unikate.

4. Für beschädigtes, zerstörtes oder abhanden gekommenes Bildmaterial ist Schadensersatz zu leisten, ohne dass der Fotograf die Höhe des Schadens nachzuweisen hat in Höhe von

* € 40,00 pro s/w- oder Colorabzug oder KB-Dia-Duplikat

* € 125,00 pro Mittel- oder Großformat-Dia-Duplikat

* € 250,00 pro Dia-Original, Negativ oder anderem Unikat

* € 500,00 pro nicht wiederholbarem Dia, Negativ oder anderem Unikat.

Bei Beschädigungen sind die Sätze entsprechend dem Grad der Beschädigung und dem Umfang der weiteren Nutzungsmöglichkeit herabzusetzen. Beiden Vertragsparteien bleibt der Nachweis vorbehalten, dass ein höherer bzw. geringerer oder gar kein Schaden eingetreten ist.

5. Bei fehlendem Belegexemplar oder bei Abrechnung ohne Belegexemplar oder bei Abrechnung ohne Angabe, welches Bild an welcher Stelle in welcher Publikation verwendet worden ist, ist eine Vertragsstrafe in Höhe von 50% des Nutzungshonorars zu zahlen.

6. Durch die in Ziffer VII. vorgesehenen Zahlungen werden keinerlei Nutzungsrechte begründet.

VIII.

1. Es gilt das Recht der Bundesrepublik Deutschland als vereinbart, und zwar auch bei Lieferungen ins Ausland.

2. Nebenabreden zum Vertrag oder zu diesen AGB bedürfen zu ihrer Wirksamkeit der Schriftform.

3. Die etwaige Nichtigkeit bzw. Unwirksamkeit einer oder mehrerer Bestimmungen dieser AGB berührt nicht die Wirksamkeit der übrigen Bestimmungen. Die Parteien verpflichten sich, die ungültige Bestimmung durch eine sinnentsprechende wirksame Bestimmung zu ersetzen, die der angestrebten Regelung wirtschaftlich und juristisch am nächsten kommt.

4. Erfüllungsort und Gerichtsstand ist, wenn der Kunde Vollkaufmann ist, der Wohnsitz des Fotografen.

 

 









'; var txtpane = new dojox.layout.ScrollPane({orientation: "vertical",style:"width:100%; height:100%;"},"TEXTnode"); DoResize(); var tIn = dojo.animateProperty({ node: dojo.byId("TEXTnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.8}} }); dojo.connect(tIn, "onEnd", function(){activeRessort=prev;}); tIn.play(); } function LOADKONTAKT(prev) { var txt = dojo.create("div",{id:"KONTAKTnode"},"PHOTOnode","first"); dojo.style(txt,"opacity",0); dojo.byId("KONTAKTnode").innerHTML = " "; // Kontakt jkform = new dijit.form.Form({encType:"multipart/form-data", action:"framework/formcaptcha/validateform.php", method:"post"}).placeAt("KONTAKTnode","first"); dojo.connect(jkform, "onSubmit", function(e){ e.preventDefault(); if (jkform.isValid()){ dojo.xhrPost ({ url: 'framework/formcaptcha/validateform.php', form: jkform.domNode, // Loads this function if everything went ok load: function (data) { if (data == "false"){dojo.byId("ERRORnode").innerHTML = "Der Sicherheitscode stimmte nicht.";} else { dojo.xhrPost ({ url: 'framework/jkformsend.php', form: jkform.domNode, load: function (data) { if (data == "2" || data == "3"){ dojo.byId("KONTAKTnode").innerHTML = "

Herzlichen Dank für Ihren Terminwunsch.
Wir setzen uns baldmöglichst mit Ihnen in Verbindung.



"
"+data+"

"; DoResize(); } else { dojo.byId("KONTAKTnode").innerHTML = "

Herzlichen Dank für Ihre Anfrage.



"
"+data+"

"; DoResize(); } dojo.style(dojo.byId("ERRORnode"),"color","#B2BF2C"); var lastAni = dojo.animateProperty({node:"KONTAKTnode", duration:200, properties: { opacity: { end:1 }}}); lastAni.play(); }, error: function (error) { dojo.byId("ERRORnode").innerHTML = "Ein Fehler trat auf."; } }); var theOut = dojo.animateProperty({node:"HEADLINEnode", duration:400, properties: { opacity: { end:0 }}}); dojo.connect(theOut, "onEnd", function(){ dojo.byId("HEADLINEnode").innerHTML="

gesendet ...

"; dojo.style(dojo.byId("HEADLINEnode"),"opacity",1); }); theOut.play(); } }, // Call this function if an error happened error: function (error) { dojo.byId("ERRORnode").innerHTML = "Ein Fehler trat auf."; } }); } // FORM nicht valide: else {dojo.byId("ERRORnode").innerHTML = ">Bitte füllen Sie alle mit * markierten Felder aus!";} }); dojo.create("h2", { innerHTML: "Art Ihrer Anfrage"}, jkform.domNode, "first"); var inputfields = dojo.doc.createElement("div"); jkform.domNode.appendChild(inputfields); dojo.addClass(inputfields, "KONTAKTINPUT"); var input_name = new dijit.form.ValidationTextBox({ name:"Name", value:"*Name", trim:false, propercase:true, required:true, regExp:"[^*]+", invalidMessage:"Bitte geben Sie Ihren Namen ein." }).placeAt(inputfields,"first"); dojo.style(input_name.domNode, {"width":"288px","marginBottom":"8px"}); input_name.startup(); var input_adresse = new dijit.form.TextBox({ name:"Adresse", value:"Adresse", trim:false, propercase:false }).placeAt(inputfields,"last"); dojo.style(input_adresse.domNode, {"width":"288px","marginBottom":"8px"}); input_adresse.startup(); var input_email = new dijit.form.ValidationTextBox({ name:"eMail", value:"*eMail", trim:false, required:true, regExp:"[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?", invalidMessage:"Bitte geben Sie eine gültige eMail-Adresse ein." }).placeAt(inputfields,"last"); dojo.style(input_email.domNode, {"width":"288px","marginBottom":"8px"}); input_email.startup(); var input_telefon = new dijit.form.TextBox({ name:"Telefon", value:"Telefon", trim:false }).placeAt(inputfields,"last"); dojo.style(input_telefon.domNode, "width", "288px"); input_telefon.startup(); input_message = new dijit.form.SimpleTextarea({ name:"Nachricht", trim:false, rows:6 }).placeAt(inputfields,"last"); dojo.style(input_message.domNode, {"maxWidth":"280px","maxHeight":(dojo.style("KONTAKTnode","height")-234)+"px","width":"280px"}); dojo.addClass(input_message.domNode, "iMessage"); var captchanode = dojo.create("div", { id: "CAPTCHAnode", innerHTML: " " }); inputfields.appendChild(captchanode); dojo.addClass(captchanode, "CAPTCHA"); var securityimage = dojo.create("img", { id: "captcha", src: "framework/formcaptcha/securimage_show.php?" + Math.random(), alt: "Sicherheitsbild" }); dojo.addClass(securityimage,"nolb") dojo.place(securityimage,captchanode,"last"); var br = dojo.create("br", {}); captchanode.appendChild(br); dojo.style(securityimage, "marginRight", "16px"); var reloadimagelink = dojo.create("a", { href: "#", onclick: "dojo.byId('captcha').src = 'framework/formcaptcha/securimage_show.php?' + Math.random(); return false", innerHTML: "Neu laden" }); dojo.place(reloadimagelink,captchanode,"last"); var input_Codestring = new dijit.form.ValidationTextBox({ name:"Codestring", trim:true, required:true, invalidMessage:"Bitte übertragen Sie den Code." }).placeAt(inputfields,"last"); dojo.style(input_Codestring.domNode,{"width":"91px","height":"28px","line-height":"28px","fontSize":"24px"}); var label_Codestring = dojo.doc.createElement("label"); label_Codestring.innerHTML = "> *Code :"; input_Codestring.startup(); dojo.place(label_Codestring, input_Codestring.domNode, "before"); var btn = new dijit.form.Button({ type: "submit", value: "Submit", label: "
ABSENDEN
" }).placeAt(inputfields,"last"); dojo.style(btn.domNode,"marginTop","8px"); var errorreport=dojo.doc.createElement("p"); errorreport.id = "ERRORnode"; dojo.byId("KONTAKTnode").appendChild(errorreport); dojo.style(dojo.byId("ERRORnode"),"color","#C04D2B"); dojo.byId("ERRORnode").innerHTML = " "; //dojo.parser.parse(dojo.byId("KONTAKTBOXnode")); //style labels dojo.query(".KONTAKTINPUT label").style({"marginRight": "8px", "display": "block", "float": "left"}); DoResize(); var kIn = dojo.animateProperty({ node: dojo.byId("KONTAKTnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.8}} }); dojo.connect(kIn, "onEnd", function(){activeRessort=prev;}); kIn.play(); } function initGalleries() { var galleryhtmls = new Array(); var galleryparts = new Array(); galleryhtmls = dojo.trim(GALLERIES).split("/+++/"); for(var i=1; i<=galleryhtmls.length; i++){ if(galleryhtmls[i]){ galleryparts = dojo.trim(galleryhtmls[i]).split("/::/"); var nr = galleryparts[0]*1; GALLERY[nr] = galleryparts[1]; dojo.create("div",{id:"GALnode"+(i+1),innerHTML:GALLERY[nr]},"BLINDnode","last"); var altparts = new Array(); dojo.query("#GALnode"+(i+1)+" img").forEach(function(node, index, arr){ dojo.addClass(node,"THUMBNAIL"); //altparts = dojo.trim(node.alt).split("/;;/"); PHOTO[i+1][index+1] = node.src; }); } } } function switchGalerie(galnr){ dojo.style("THUMBNAILSnode","left","0px"); //if(dojo.byId("GALnode"+galnr)){alert(dojo.byId("GALnode"+galnr).innerHTML)}else{alert("THISERROR");} var pHTML = dojo.byId("GALnode"+galnr).innerHTML; dojo.byId("THUMBNAILSnode").innerHTML = pHTML; var altparts = new Array(); var Out = new Array(); dojo.query("#THUMBNAILSnode img").forEach(function(currentimg, index, arr){ altparts = dojo.trim(currentimg.alt).split("/;;/"); COLOR[1][index+1] = altparts[1]; COLOR[2][index+1] = altparts[2]; //alert(altparts[0]); currentimg.alt = altparts[0]; if (index != 0){ Out[index-1] = dojo.animateProperty({ node: currentimg, duration: 1600, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.2}} }); } activeImage = 1; dojo.connect(currentimg,"onmouseover",function(){ if(this.id != "T"+activeImage){ rewind[1] = dojo.animateProperty({ node: this, duration: 240, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); rewind[2] = dojo.animateProperty({ node: dojo.byId("T"+activeImage), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.2}} }); dojo.fx.combine([rewind[1],rewind[2]]).play(); } }); dojo.connect(currentimg,"onmouseout",function(){ var Ani1 = dojo.animateProperty({ node: this, duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.2}} }); var Ani2 = dojo.animateProperty({ node: dojo.byId("T"+activeImage), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); dojo.fx.combine([Ani1,Ani2]).play(); }); //} dojo.connect(currentimg,"onclick",function(){ switchImage(this.id.replace("T","")*1,false); }); }); if (PHOTO[galnr].length>1){var outlength = Out.length-1;}else{var outlength = 0;} dojo.query(".navi").forEach(function(node, index, arr){ if(node.id == "N"+galnr){ Out[index+outlength] = dojo.animateProperty({ node: node, duration: 1600, easing:dojo.fx.easing.expoIn, properties: {color: {end:"#FFFFFF"}} }); }else{ Out[index+outlength] = dojo.animateProperty({ node: node, duration: 1600, easing:dojo.fx.easing.expoIn, properties: {color: {end:COLOR[1][1]}} }); } }); var outlength = Out.length; Out[outlength] = dojo.animateProperty({ node: dojo.byId("PHOTOnode").firstChild, duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:0}} }); Out[outlength+1] = dojo.animateProperty({ node: dojo.byId("PHOTOnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:"#FFFFFF"}} }); Out[outlength+2] = dojo.animateProperty({ node: dojo.byId("countAll"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:0}} }); OutAni = dojo.fx.combine(Out); dojo.connect(OutAni, "onEnd", function(){ var maxi = dojo.query("#THUMBNAILSnode img").length; dojo.byId("countAll").innerHTML = maxi; slider.set("maximum", maxi); slider.set("discreteValues", maxi); slider.set("value", 1); var newpic = dojo.create("img", { id: "activephoto", src:PHOTO[activeRessort][1] }, "PHOTOnode", "only"); dojo.style(newpic,"opacity",0); dojo.addClass(newpic,"PHOTO"); DoResize(); var In1 = dojo.animateProperty({ node: dojo.byId("PHOTOnode").firstChild, duration: 640, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }) var In2 = dojo.animateProperty({ node: dojo.byId("countAll"), duration: 640, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); dojo.fx.combine([In1,In2]).play(); // }); OutAni.play(); } function switchImage(imgnr,fromslider){ // var ppos = dojo.position("activephoto", true); var isleft = dojo.style("THUMBNAILSnode","left"); if (isleft < 0) { var isleftpos = isleft * -1; } else { var isleftpos = isleft; } if(rewind[0]==true || imgnr>1 && imgnr maxi-sichtbar){ var thumbleft = (sichtbar*112)-(maxi*112); } else { var thumbleft = isleft-(distance*112); } } else { isntslider = true; slider.set("value", imgnr*1); var thumbleft = isleft-112; } if(dojo.byId("REWINDnode")){}else{ var rewindnode = dojo.create("div", { id: "REWINDnode" }, "THUMBNAILSnode", "last"); dojo.style(rewindnode,"opacity",0); dojo.addClass(rewindnode,"rewind"); dojo.animateProperty({ node: rewindnode, duration: 1200, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }).play(); dojo.connect(rewindnode,"onclick",function(){ var beginagain = dojo.animateProperty({ node: dojo.byId("THUMBNAILSnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {left: {end:0}} }); dojo.connect(beginagain, "onEnd", function(){ rewind[1] = dojo.animateProperty({ node: dojo.byId("T1"), duration: 240, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); rewind[2] = dojo.animateProperty({ node: dojo.byId("T"+activeImage), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.2}} }); rewind[3] = dojo.animateProperty({ node: dojo.byId("REWINDnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:0}} }); rewind[0]=true; var rewindani = dojo.fx.combine([rewind[1],rewind[2],rewind[3]]); dojo.connect(rewindani, "onEnd", function(){ activeImage=1; isntslider = true; slider.set("value", 1); dojo.byId("THUMBNAILSnode").removeChild("REWINDnode"); }); switchImage(1,false); rewindani.play(); }); beginagain.play(); }); } } dojo.animateProperty({ node: dojo.byId("THUMBNAILSnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {left: {end:thumbleft}} }).play(); } if (dojo.style("copyright","opacity")!=0){dojo.style("copyright","opacity",0);} if(imgnr != activeImage || rewind[0] == true){ var beforeImage = activeImage; activeImage = imgnr; var Out = new Array(); Out[0] = dojo.animateProperty({ node: dojo.byId("PHOTOnode").firstChild, duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:0}} }); Out[1] = dojo.animateProperty({ node: dojo.byId("PHOTOnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:COLOR[1][activeImage]}} }); if(fromslider == true){ Out[2] = dojo.animateProperty({ node: dojo.byId("T"+beforeImage), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.2}} }); Out[3] = dojo.animateProperty({ node: dojo.byId("T"+activeImage), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); } var Out = dojo.fx.combine(Out); rewind[0]=false; dojo.connect(Out, "onEnd", function(){ dojo.place("","PHOTOnode","only"); var viewport = dijit.getViewport(); var IMGheightint = viewport.h-94; dojo.style("activephoto",{"height":IMGheightint-80+"px","width":"auto"}); dojo.style(dojo.byId("PHOTOnode").firstChild,"opacity",0); dojo.style(dojo.byId("PHOTOnode"),"backgroundColor",COLOR[1][activeImage]); var In = new Array(); var bar = dojo.query("#slider1 .dijitSliderProgressBarH")[0]; var bumper = dojo.query("#slider1 .dijitSliderLeftBumper")[0]; In[0] = dojo.animateProperty({ node: dojo.byId("PHOTOnode").firstChild, duration: 1200, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); In[1] = dojo.animateProperty({ node: dojo.byId("PHOTOnode"), duration: 800, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:COLOR[1][imgnr]}} }); In[2] = dojo.animateProperty({ node: dojo.byId("LOGO3node"), duration: 800, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:COLOR[2][imgnr]}} }); In[3] = dojox.gfx.fx.animateFill({ shape: logo, duration: 800, easing:dojo.fx.easing.expoIn, color: {end: COLOR[2][imgnr]} }); In[4] = dojo.animateProperty({ node: bar, duration: 800, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:COLOR[2][imgnr]}} }); In[5] = dojo.animateProperty({ node: bumper, duration: 800, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:COLOR[2][imgnr]}} }); dojo.query("#NAVInode span").forEach(function(node, index, arr){ if(index == activeRessort-1){ In[index+6] = dojo.animateProperty({ node: node, duration: 800, easing:dojo.fx.easing.expoIn, properties: {color: {end:"#FFFFFF"}} }); }else{ In[index+6] = dojo.animateProperty({ node: node, duration: 800, easing:dojo.fx.easing.expoIn, properties: {color: {end:COLOR[1][imgnr]}} }); } }); var InAni = dojo.fx.combine(In); InAni.play(40); }); Out.play(); return; } } function initLayout(){ var viewport = dijit.getViewport(); var rotation = 0, scaling = 1; surface1, g1, m1 = dojox.gfx.matrix; var initial_matrix1 = m1.translate(0, 0); surface1 = dojox.gfx.createSurface("LOGO1node", 54, 54); g1 = surface1.createGroup().setTransform(initial_matrix1); logo = g1.createPath("M37.169,42.041H0V4.871h37.169V42.041z M17.865,19.023c-2.615,0-4.736,2.119-4.736,4.736c0,2.615,2.121,4.736,4.736,4.736c2.616,0,4.737-2.121,4.737-4.736C22.602,21.143,20.481,19.023,17.865,19.023z").setFill("#424242"); } function buildLayout(){ dojo.style(jkBody,{"backgroundColor":"#000000"}); var Begin = dojo.animateProperty({ node: jkBody, duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); dojo.connect(Begin, "onEnd", function(){ var In = new Array(); In[0] = dojo.animateProperty({ node: dojo.byId("jkSite"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:0}} }); In[1] = dojo.animateProperty({ node: dojo.byId("LOGO2node"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); In[2] = dojo.animateProperty({ node: dojo.byId("LOGO3node"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:"#FFFFFF"}} }); In[3] = dojox.gfx.fx.animateFill({ shape: logo, duration: 400, easing:dojo.fx.easing.expoIn, color: {start: "#424242", end: "#CCCCCC"} }); In[4] = dojo.animateProperty({ node: dojo.byId("LOGODUMMYnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:0}} }); In[5] = dojo.animateProperty({ node: dojo.byId("IMGnode"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); In[6] = dojo.animateProperty({ node: dojo.byId("LOGO3node"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:"#CCCCCC"}} }); dojo.query(".navi").forEach(function(node, index, arr){ In[index+6] = dojo.animateProperty({ node: node, duration: 400, easing:dojo.fx.easing.expoIn, properties: {color: {end:"#FFFFFF"}} }); }); var InAni = dojo.fx.combine(In); InAni.play(); dojo.connect(InAni, "onEnd", function(){ var bar = dojo.query("#slider1 .dijitSliderProgressBarH")[0]; var bumper = dojo.query("#slider1 .dijitSliderLeftBumper")[0]; dojo.style("jkSite",{"width":"1px","height":"1px"}); var Out = new Array(); Out[0] = dojo.animateProperty({ node: dojo.byId("LOGO2node"), duration: 800, properties: {opacity: {end:1}} }); Out[1] = dojo.animateProperty({ node: dojo.byId("LOGO3node"), duration: 800, properties: {opacity: {end:.8}} }); Out[2] = dojox.gfx.fx.animateFill({ shape: logo, duration: 800, easing:dojo.fx.easing.expoIn, color: {end: COLOR[2][1]} }); Out[3] = dojo.animateProperty({ node: dojo.byId("LOGO3node"), duration: 800, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:COLOR[2][1]}} }); Out[4] = dojo.animateProperty({ node: bar, duration: 800, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:COLOR[2][1]}} }); Out[5] = dojo.animateProperty({ node: bumper, duration: 800, easing:dojo.fx.easing.expoIn, properties: {backgroundColor: {end:COLOR[2][1]}} }); dojo.query(".navi").forEach(function(node, index, arr){ if(index == 0){ Out[index+6] = dojo.animateProperty({ node: node, duration: 800, easing:dojo.fx.easing.expoIn, properties: {color: {end:"#FFFFFF"}} }); }else{ Out[index+6] = dojo.animateProperty({ node: node, duration: 800, easing:dojo.fx.easing.expoIn, properties: {color: {end:COLOR[1][1]}} }); } }); var outlength = Out.length; dojo.connect(dojo.byId("caption"),"onclick",function(){ var imgwidth = dojo.position("activephoto", true); dojo.animateProperty({node:"caption", duration:200, properties: { width: { end:imgwidth }, left: { end:0 }}}).play(); }); dojo.query("#THUMBNAILSnode img").forEach(function(currentimg, index, arr){ if (index != 0){ Out[index+outlength-1] = dojo.animateProperty({ node: currentimg, duration: 1600, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.2}} }); } dojo.connect(currentimg,"onmouseover",function(){ if(this.id != "T"+activeImage){ rewind[1] = dojo.animateProperty({ node: this, duration: 240, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); rewind[2] = dojo.animateProperty({ node: dojo.byId("T"+activeImage), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.2}} }); dojo.fx.combine([rewind[1],rewind[2]]).play(); } }); dojo.connect(currentimg,"onmouseout",function(){ var Ani1 = dojo.animateProperty({ node: this, duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:.2}} }); var Ani2 = dojo.animateProperty({ node: dojo.byId("T"+activeImage), duration: 400, easing:dojo.fx.easing.expoIn, properties: {opacity: {end:1}} }); dojo.fx.combine([Ani1,Ani2]).play(); }); dojo.connect(currentimg,"onclick",function(){ switchImage(this.id.replace("T","")*1,false); }); }); OutAni = dojo.fx.combine(Out); OutAni.play(); }); }); Begin.play(); } dojo.addOnLoad(function(){ dojo.parser.parse(); jkBody = dojo.doc.body; if(dojo.isFF){ dojo.query("#LOGODUMMYnode h1").style("top","45px"); dojo.query("#LOGO2node h1").style("top","45px"); } var viewport = dijit.getViewport(); var oout = dojo.animateProperty({ node: dojo.byId("overlaytext"), duration: 400, easing:dojo.fx.easing.expoIn, properties: {fontSize: {end:Math.round(viewport.h)-80}} }); dojo.connect(oout, "onEnd", function(){ jkBody.removeChild(dojo.byId("overlay")); //alert("now"); dojo.style(jkBody,"opacity",0); dojo.style("LOGO2node","opacity",0); dojo.style("copyright","opacity",0); dojo.style("IMGnode","opacity",.4); GALLERY[1] = dojo.trim(dojo.byId("THUMBNAILSnode").innerHTML); dojo.create("div",{id:"GALnode1",innerHTML:GALLERY[1]},"BLINDnode","first"); dojo.query("#GALnode1 img").forEach(function(node, index, arr){ dojo.addClass(node,"THUMBNAIL"); }); var altparts = new Array(); dojo.query("#THUMBNAILSnode img").forEach(function(node, index, arr){ dojo.addClass(node,"THUMBNAIL"); altparts = dojo.trim(node.alt).split("/;;/"); PHOTO[1][index+1] = node.src; COLOR[1][index+1] = altparts[1]; COLOR[2][index+1] = altparts[2]; dojo.attr(node,"alt", altparts[0]); }); var maxi = dojo.query("#THUMBNAILSnode img").length; slider = new dijit.form.HorizontalSlider({ value:1, onChange: function(){ var val = slider.get("value"); if(val < 10){ val = "0"+val } dojo.byId("countIs").innerHTML = val; if(isntslider == true){ isntslider = false; } else { isntslider = false; switchImage(val*1,true); } }, slideDuration:400, style:"width:100%; height:100%;", minimum:1, maximum:maxi, discreteValues:maxi, intermediateChanges:true, showButtons:false, id:"slider1" }).placeAt("LOGO3node","first"); slider.startup(); var handle = dojo.query("#slider1 .dijitSliderImageHandleH")[0]; dojo.place("
01
",handle,"last"); dojo.place("
",handle,"last"); dojo.byId("countAll").innerHTML = maxi; checkBrowserBehavior(); initLayout(); DoResize(); if(dojo.isSafari || dojo.isIE){ dojo.connect(jkBody, "onkeypress", function(e){ switch(e.charOrCode){ case dojo.keys.copyKey && dojo.keys.SHIFT: dojo.style("copyright",{"color":"#292929","opacity":COPYOPACITY }); dojo.byId("copyright").innerHTML = COPYNOTE; dojo.stopEvent(e); break; case dojo.keys.PAUSE: dojo.style("copyright",{"color":"#292929","opacity":COPYOPACITY }); dojo.byId("copyright").innerHTML = COPYNOTE; dojo.stopEvent(e); break; } }); } else if (dojo.isFF) { dojo.connect(jkBody, "onkeydown", function(e){keyFF(event);}); } window.onresize = DoResize; LOADCONTENT("Navi"); }); oout.play(40); });