1 /** 2 * jQuery extension, add support `scrollstart` and `scrollend` events. 3 * 4 * @author RubaXa <[email protected]> 5 * @github https://gist.github.com/RubaXa/5568964 6 * @license MIT 7 * 8 * 9 * @settings 10 * $.special.scrollend.delay = 300; // default ms 11 * 12 * @flags 13 * $.isScrolled; // boolean 14 * 15 * @binding 16 * $(window).bind('scrollstart scrollend', function (evt){ 17 * if( evt.type == 'scrollstart' ){ 18 * // logic 19 * } 20 * }); 21 * 22 */ 23 24var contentArray = [ 25 26 [ 27 { 28 src : 'haus-b-1.jpg', 29 title : 'Haus B', 30 textDe : 'Ansicht Nordost mit Photovoltaik Schindeln', 31 textEn : 'Northeast View with Photovoltaic Shingles' 32 }, { 33 src : 'haus-b-2.jpg', 34 title : 'Haus B', 35 textDe : 'Ansicht Südost', 36 textEn : 'Southeast View' 37 }, { 38 src : 'haus-b-3.jpg', 39 title : 'Haus B', 40 textDe : 'Ansicht West', 41 textEn : 'West View' 42 }, { 43 src : 'haus-b-7.jpg', 44 title : 'Haus B', 45 textDe : 'Detailansicht Holzfassade', 46 textEn : 'Detail View Timber Facade' 47 }, { 48 src : 'haus-b-4.jpg', 49 title : 'Haus B', 50 textDe : 'Wohnen', 51 textEn : 'Living' 52 }, {
53 src : 'haus-b-5.jpg', 54 title : 'Haus B', 55 textDe : 'Küche und Terrasse', 56 textEn : 'Kitchen and Terrace' 57 }, { 58 src : 'haus-b-6.jpg', 59 title : 'Haus B', 60 textDe : 'Eingangshalle', 61 textEn : 'Entrance Hall' 62 }, { 63 src : 'haus-b-9.jpg', 64 title : 'Haus B', 65 textDe : 'Fenster zur Küche', 66 textEn : 'Window to the Kitchen' 67 }, { 68 src : 'haus-b-10.jpg', 69 title : 'Haus B', 70 textDe : 'Treppe zum Gartengeschoss', 71 textEn : 'Staircase to the Garden Level' 72 }, { 73 src : 'haus-b-11.jpg', 74 title : 'Haus B', 75 textDe : 'Offenes Treppenhaus in der Eingangshalle', 76 textEn : 'Open Stairwell in the Entrance Hall' 77 }, { 78 src : 'haus-b-8.jpg', 79 title : 'Haus B', 80 textDe : 'Explosionszeichnung', 81 textEn : 'Exploded Axonometric Drawing' 82 } 83 ], [ 84 { 85 src : 'bienenhus-2.jpg', 86 title : 'Bienenhus', 87 textDe : 'Ferienhaus in Krumbach, Vorarlberg, Ansicht Süd', 88 textEn : 'A House for Eight People in Vorarlberg, Bienenhus in Context' 89 }, {
90 src : 'bienenhus-4.jpg', 91 title : 'Bienenhus', 92 textDe : 'Ferienhaus in Krumbach, Vorarlberg, Ansicht Ost', 93 textEn : 'A House for Eight People in Vorarlberg, East Elevation' 94 }, { 95 src : 'bienenhus-1.gif', 96 title : 'Bienenhus', 97 textDe : 'Ferienhaus in Krumbach, Vorarlberg, Gebäudekonzept', 98 textEn : 'A House for Eight People in Vorarlberg, Concept', 99 isGif : true 100 }, { 101 src : 'bienenhus-5.jpg', 102 title : 'Bienenhus', 103 textDe : 'Ferienhaus in Krumbach, Vorarlberg, Ausschnitt Fassade', 104 textEn : 'A House for Eight People in Vorarlberg, Facade Detail' 105 }, { 106 src : 'bienenhus-3.jpg', 107 title : 'Bienenhus', 108 textDe : 'Ferienhaus in Krumbach, Vorarlberg, Wohnraum', 109 textEn : 'A House for Eight People in Vorarlberg, Living Space' 110 }/*, { 111 src : 'bienenhus-6.jpg', 112 title : 'Bienenhus', 113 textDe : 'Ferienhaus in Krumbach, Vorarlberg, Detail Treppe', 114 textEn : 'A House for Eight People in Vorarlberg, Detail Stairs' 115 }*/ 116 ], [ 117 { 118 src : 'haus-ps-3.jpg', 119 title : 'Haus PS', 120 textDe : 'Wohnen für vier Personen in Stuttgart, Visualisierung', 121 textEn : 'A House for Four People in Stuttgart, Visualization' 122 }, { 123 src : 'haus-ps-4.gif', 124 title : 'Haus PS', 125 textDe : 'Wohnen für vier Personen in Stuttgart, Gebäudekonzept', 126 textEn : 'A House for Four People in Stuttgart, Concept', 127 isGif : true 128 }, { 129 src : 'haus-ps-1.gif', 130 aniSrc : 'haus-ps-1-ani.gif', 131 title : 'Haus PS', 132 textDe : 'Wohnen für vier Personen in Stuttgart, 360° Ansicht', 133 textEn : 'A House for Four People in Stuttgart, 360 Degree View' 134 }, { 135 src : 'haus-ps-2.jpg', 136 title : 'Haus PS', 137 textDe : 'Wohnen für vier Personen in Stuttgart, Explosionszeichnung', 138 textEn : 'A House for Four People in Stuttgart, Exploded Axonometric Drawing' 139 } 140 ], [ 141 /*{ 142 src : 'turbinenhalle-4.jpg', 143 title : 'Kaffeehaus G', 144 textDe : 'Neugestaltung Alte Turbinenhalle in Kolbermoor, Kaffeehaus mit Kronleuchter', 145 textEn : 'Redesign of the Interior of an existing Turbine Hall in Kolbermoor, Coffee House with Chandelier' 146 },*/ { 147 src : 'turbinenhalle-1.jpg', 148 title : 'Kaffeehaus G', 149 textDe : 'Leuchtendesign für die Nimbus Group, Stuttgart', 150 textEn : 'Chandelier Design for Nimbus Group, Stuttgart' 151 }, { 152 src : 'turbinenhalle-2.jpg', 153 title : 'Kaffeehaus G', 154 textDe : 'Neugestaltung Alte Turbinenhalle in Kolbermoor, Interventionen', 155 textEn : 'Redesign of the Interior of an existing Turbine Hall in Kolbermoor, Interventions' 156 }, { 157 src : 'turbinenhalle-3.jpg', 158 title : 'Kaffeehaus G', 159 textDe : 'Neugestaltung Alte Turbinenhalle in Kolbermoor, Lounge', 160 textEn : 'Redesign of the Interior of an existing Turbine Hall in Kolbermoor, Lounge' 161 } 162 ], [ 163 { 164 src : 'haus-p-1.jpg', 165 title : 'Haus P', 166 textDe : 'Ferienhaus in Oberreute, Ansicht Ost', 167 textEn : 'A House for Eight People in Oberreute, East View' 168 }, { 169 src : 'haus-p-2.jpg', 170 title : 'Haus P', 171 textDe : 'Ferienhaus in Oberreute, Ansicht Patio', 172 textEn : 'A House for Eight People in Oberreute, Patio View' 173 }, { 174 src : 'haus-p-7.gif', 175 title : 'Haus P', 176 textDe : 'Ferienhaus in Oberreute, Gebäudekonzept', 177 textEn : 'A House for Eight People in Oberreute, Concept', 178 isGif : true 179 }, { 180 src : 'haus-p-3.jpg', 181 title : 'Haus P', 182 textDe : 'Ferienhaus in Oberreute, Materialcollage', 183 textEn : 'A House for Eight People in Oberreute, Material Collage' 184 }, {
185 src : 'haus-p-4.jpg', 186 title : 'Haus P', 187 textDe : 'Ferienhaus in Oberreute, Wohnraum', 188 textEn : 'A House for Eight People in Oberreute, Living Room' 189 }/*, { 190 src : 'haus-p-5.jpg', 191 title : 'Haus P', 192 textDe : 'Ferienhaus in Oberreute, Galerie', 193 textEn : 'A House for Eight People in Oberreute, Gallery' 194 }, { 195 src : 'haus-p-8.jpg', 196 title : 'Haus P', 197 textDe : 'Ferienhaus in Oberreute, Lesezimmer', 198 textEn : 'A House for Eight People in Oberreute, Reading Room' 199 }*/, { 200 src : 'haus-p-6.jpg', 201 title : 'Haus P', 202 textDe : 'Ferienhaus in Oberreute, Explosionszeichnung', 203 textEn : 'A House for Eight People in Oberreute, Exploded Axonometric Drawing' 204 } 205 ],/* [ 206 { 207 src : 'albstadt-1.gif', 208 title : 'Haus K', 209 textDe : 'Neugestaltung Wohngebäude und Showroom in Albstadt, Gebäudekonzept', 210 textEn : 'Redesign of a Multi-family House and Showroom near Albstadt, Concept', 211 isGif : true 212 } 213 ],*/ [ 214 /* { 215 src : 'kreissporthalle-tuttlingen-1.jpg', 216 title : 'Kreissporthalle Tuttlingen', 217 textDe : 'Wettbewerbsbeitrag, 2. Preis, Visualisierung', 218 textEn : 'Competition, 2nd Prize, Visualization' 219 },*/ { 220 src : 'kreissporthalle-tuttlingen-2.jpg', 221 title : 'Kreissporthalle Tuttlingen', 222 textDe : 'Wettbewerbsbeitrag, 2. Preis, Detailschnitt Innenraum', 223 textEn : 'Competition, 2nd Prize, Detail Interior and Facade' 224 }, { 225 src : 'kreissporthalle-tuttlingen-4.jpg', 226 title : 'Kreissporthalle Tuttlingen', 227 textDe : 'Wettbewerbsbeitrag, 2. Preis, Ansicht Nord', 228 textEn : 'Competition, 2nd Prize, North Elevation' 229 }, { 230 src : 'kreissporthalle-tuttlingen-3.jpg', 231 title : 'Kreissporthalle Tuttlingen', 232 textDe : 'Wettbewerbsbeitrag, 2. Preis, Explosionszeichnung', 233 textEn : 'Competition, 2nd Prize, Exploded Axonometric Drawing' 234 } 235 ], [ 236 { 237 src : 'quest-5.jpg', 238 title : 'Quest Club', 239 textDe : 'Neugestaltung Sportclub Kolbermoor, Wandgrafik', 240 textEn : 'Redesign of a Sport Club in Kolbermoor, Wall Graphic' 241 }/*, { 242 src : 'quest-6.jpg', 243 title : 'Quest Club', 244 textDe : 'Neugestaltung Sportclub Kolbermoor, Wandgrafik', 245 textEn : 'Redesign of a Sport Club in Kolbermoor, Wall Graphic' 246 }*/, { 247 src : 'quest-1.gif', 248 title : 'Quest Club', 249 textDe : 'Neugestaltung Sportclub Kolbermoor, Konzept Wandgrafik', 250 textEn : 'Redesign of a Sport Club in Kolbermoor, Concept for Wall Graphic', 251 isGif : true 252 }/*, { 253 src : 'quest-2.jpg', 254 title : 'Quest Club', 255 textDe : 'Neugestaltung Sportclub Kolbermoor, Design Beistelltische', 256 textEn : 'Redesign of a Sport Club in Kolbermoor, Furniture and Color Concept' 257 }, {
258 src : 'quest-3.jpg', 259 title : 'Quest Club', 260 textDe : 'Neugestaltung Sportclub Kolbermoor, Wandgrafik', 261 textEn : 'Redesign of a Sport Club in Kolbermoor, Wall Graphic' 262 }*/, { 263 src : 'quest-4.jpg', 264 title : 'Quest Club', 265 textDe : 'Neugestaltung Sportclub Kolbermoor, Wandgrafik', 266 textEn : 'Redesign of a Sport Club in Kolbermoor, Wall Graphic' 267 } 268 ], [ 269 /*{ 270 src : 'areal-beiermeister-1.jpg', 271 title : 'Areal Beiermeister', 272 textDe : 'Wettbewerbsbeitrag, Gemeinschaftlicher AuÃenraum, Visualisierung', 273 textEn : 'Competition, Residential Environment, Visualization' 274 }, */{ 275 src : 'areal-beiermeister-2.jpg', 276 title : 'Areal Beiermeister', 277 textDe : 'Wettbewerbsbeitrag, Quartierplatz, Visualisierung', 278 textEn : 'Competition, Private and Common Green, Visualization' 279 }, { 280 src : 'areal-beiermeister-4.gif', 281 title : 'Areal Beiermeister', 282 textDe : 'Wettbewerbsbeitrag, Konzept Städtebau', 283 textEn : 'Competition, Concept', 284 isGif : true 285 }/*, { 286 src : 'areal-beiermeister-3.jpg', 287 title : 'Areal Beiermeister', 288 textDe : 'Wettbewerbsbeitrag, Wohnraum Obergeschoss, Visualisierung', 289 textEn : 'Competition, Living Space under the Roof, Visualization' 290 }*/ 291 ], [ 292 /*{ 293 src : 'messe-1.jpg', 294 title : 'Ready', 295 textDe : 'Messestand des IWE, Universität Stuttgart, auf der BAU 2013, München (mit Tobias Bochmann von SOMAA.)', 296 textEn : 'Exhibition Stand Design by IWE of the University of Stuttgart at the Bau 2013 Convention in Munich (with Tobias Bochmann, SOMAA.)' 297 }, { 298 src : 'messe-2.jpg', 299 title : 'Ready', 300 textDe : 'Messestand des IWE, Universität Stuttgart, auf der BAU 2013, München (mit Tobias Bochmann von SOMAA.)', 301 textEn : 'Exhibition Stand Design by IWE of the University of Stuttgart at the Bau 2013 Convention in Munich (with Tobias Bochmann, SOMAA.)' 302 }, */{ 303 src : 'messe-3.jpg', 304 title : 'Ready', 305 textDe : 'Messestand des IWE, Universität Stuttgart, auf der BAU 2013, München (mit Tobias Bochmann von SOMAA)', 306 textEn : 'Exhibition Stand Design by IWE of the University of Stuttgart at the Bau 2013 Convention in Munich (with Tobias Bochmann, SOMAA)' 307 }, { 308 src : 'messe-4.jpg', 309 title : 'Ready', 310 textDe : 'Messestand des IWE, Universität Stuttgart, auf der BAU 2013, München, Isometrie (mit Tobias Bochmann von SOMAA)', 311 textEn : 'Exhibition Stand Design by IWE of the University of Stuttgart at the Bau 2013 Convention in Munich, Isometric View (with Tobias Bochmann, SOMAA)' 312 } 313 ], [ 314 { 315 src : 'nationalpark-schwarzwald-1.jpg', 316 title : 'Nationalpark Schwarzwald', 317 textDe : 'Wettbewerbsbeitrag, Ansicht Süd', 318 textEn : 'Competition, South Elevation', 319 }, { 320 src : 'nationalpark-schwarzwald-4.gif', 321 title : 'Nationalpark Schwarzwald', 322 textDe : 'Wettbewerbsbeitrag, Konzept', 323 textEn : 'Competition, Concept', 324 isGif : true 325 }, { 326 src : 'nationalpark-schwarzwald-2.jpg', 327 title : 'Nationalpark Schwarzwald', 328 textDe : 'Wettbewerbsbeitrag, Raum der Stille', 329 textEn : 'Competition, Room of Silence' 330 }, { 331 src : 'nationalpark-schwarzwald-3.jpg', 332 title : 'Nationalpark Schwarzwald', 333 textDe : 'Wettbewerbsbeitrag, Der Baumwipfelpfad', 334 textEn : 'Competition, Tree-top Walk' 335 } 336 ], [ 337 /*{ 338 src : 'haus-d-3.jpg', 339 title : 'Haus D', 340 textDe : 'Wohnen in Tuttlingen, Visualisierung', 341 textEn : 'House in Tuttlingen, Visualization' 342 },*/ { 343 src : 'haus-d-1.gif', 344 aniSrc : 'haus-d-1-ani.gif', 345 title : 'Haus D', 346 textDe : 'Wohnen in Tuttlingen, 360° Ansicht', 347 textEn : 'House in Tuttlingen, 360 Degree View' 348 }, { 349 src : 'haus-d-2.gif', 350 title : 'Haus D', 351 textDe : 'Wohnen in Tuttlingen, Gebäudekonzept', 352 textEn : 'House in Tuttlingen, Concept', 353 isGif : true 354 }, {
355 src : 'haus-d-4.jpg', 356 title : 'Haus D', 357 textDe : 'Wohnen in Tuttlingen, Betonkreuz im Rohbau', 358 textEn : 'House in Tuttlingen, Building Shell with Concrete Cross' 359 }, { 360 src : 'haus-d-6.jpg', 361 title : 'Haus D', 362 textDe : 'Wohnen in Tuttlingen, Ansicht Nordost mit Textilfassade', 363 textEn : 'House in Tuttlingen, Northeast View with Textile Facade' 364 }, { 365 src : 'haus-d-7.jpg', 366 title : 'Haus D', 367 textDe : 'Wohnen in Tuttlingen, Westfassade mit Dachterrasse im Kontext', 368 textEn : 'House in Tuttlingen, West Facade with Roof Terrace in Context' 369 }, { 370 src : 'haus-d-8.jpg', 371 title : 'Haus D', 372 textDe : 'Wohnen in Tuttlingen, Raumsequenz im Wohnbereich', 373 textEn : 'House in Tuttlingen, Sequence of Spaces in the Living Area' 374 }, { 375 src : 'haus-d-9.jpg', 376 title : 'Haus D', 377 textDe : 'Wohnen in Tuttlingen, Blick vom Aufgang in den Wohnbereich', 378 textEn : 'House in Tuttlingen, View from the Staircase to the Living Area' 379 }, { 380 src : 'haus-d-10.jpg', 381 title : 'Haus D', 382 textDe : 'Wohnen in Tuttlingen, Nachverdichten in der Ortsmitte', 383 textEn : 'House in Tuttlingen, Redensification of the Village Centre' 384 }/*, { 385 src : 'haus-d-5.jpg', 386 title : 'Haus D', 387 textDe : 'Wohnen in Tuttlingen, Innenraum, Visualisierung', 388 textEn : 'House in Tuttlingen, Interior, Visualization' 389 }*/ 390 ], [ 391 { 392 src : 'nenufar-1.jpg', 393 title : 'NenuFAR Art Project', 394 textDe : 'Kunst am Bau südlich von Paris, Besucherplattform mit Tensegrity Dome, Visualisierung', 395 textEn : 'Art in Construction Project near Paris, Visitors Area with Tensegrity Dome, Visualization' 396 }, { 397 src : 'nenufar-2.jpg', 398 title : 'NenuFAR Art Project', 399 textDe : 'Kunst am Bau südlich von Paris, Lageplan', 400 textEn : 'Art in Construction Project near Paris, Site Plan' 401 } 402 ], [ 403 { 404 src : 'seminarraum-hdm-ludwigshafen-1.jpg', 405 title : 'Seminarraum HdM Ludwigshafen', 406 textDe : 'Internetcafé für Geflüchtete, Selbsthilfeprojekt, Sitzbank mit Wandgrafik', 407 textEn : 'Internet Cafe for Refugees, Self-help Project, Bench with Wall Graphic' 408 }, { 409 src : 'seminarraum-hdm-ludwigshafen-3.jpg', 410 title : 'Seminarraum HdM Ludwigshafen', 411 textDe : 'Internetcafé für Geflüchtete, Selbsthilfeprojekt, Explosionszeichnung', 412 textEn : 'Internet Cafe for Refugees, Self-help Project, Exploded Axonometric Drawing' 413 } 414 ], [ 415 { 416 src : 'haus-am-park-4.jpg', 417 title : 'Haus am Park', 418 textDe : 'Wohnen für Alle in Tübingen, Nordansicht mit Eingang (Projekt in Kooperation mit SOMAA)', 419 textEn : 'Housing for all in Tübingen, North View with Entrance (Project in Cooperation with SOMAA)' 420 }, { 421 src : 'haus-am-park-14.jpg', 422 title : 'Haus am Park', 423 textDe : 'Wohnen für Alle in Tübingen, Nutzungsschema (Projekt in Kooperation mit SOMAA)', 424 textEn : 'Housing for all in Tübingen, Usage Scheme (Project in Cooperation with SOMAA)' 425 }, { 426 src : 'haus-am-park-7.jpg', 427 title : 'Haus am Park', 428 textDe : 'Wohnen für Alle in Tübingen, Ansicht West (Projekt in Kooperation mit SOMAA)', 429 textEn : 'Housing for all in Tübingen, West View (Project in Cooperation with SOMAA)' 430 }, { 431 src : 'haus-am-park-8.jpg', 432 title : 'Haus am Park', 433 textDe : 'Wohnen für Alle in Tübingen, Ansicht Süd mit Dachterrasse (Projekt in Kooperation mit SOMAA)', 434 textEn : 'Housing for all in Tübingen, South View with Roof Terrace (Project in Cooperation with SOMAA)' 435 }, { 436 src : 'haus-am-park-12.jpg', 437 title : 'Haus am Park', 438 textDe : 'Treppenhaus mit Tageslicht (Projekt in Kooperation mit SOMAA)', 439 textEn : 'Housing for all in Tübingen, Staircase with Daylight (Project in Cooperation with SOMAA)' 440 }, { 441 src : 'haus-am-park-6.jpg', 442 title : 'Haus am Park', 443 textDe : 'Wohnen für Alle in Tübingen, ErschlieÃung (Projekt in Kooperation mit SOMAA)', 444 textEn : 'Housing for all in Tübingen, Circulation Area with Apartment Entrance (Project in Cooperation with SOMAA)' 445 },/* { 446 src : 'haus-am-park-9.jpg', 447 title : 'Haus am Park', 448 textDe : 'Wohnen für Alle in Tübingen, Ansicht SuÌdwest (Projekt in Kooperation mit SOMAA)', 449 textEn : 'Housing for all in Tübingen, Southwest View (Project in Cooperation with SOMAA)' 450 },*/ { 451 src : 'haus-am-park-10.jpg', 452 title : 'Haus am Park', 453 textDe : 'Wohnen für Alle in Tübingen, Wohnen mit Blick ins GruÌne (Projekt in Kooperation mit SOMAA)',
454 textEn : 'Housing for all in Tübingen, Living Space with a View into the Greenery (Project in Cooperation with SOMAA)' 455 }, { 456 src : 'haus-am-park-1.jpg', 457 title : 'Haus am Park', 458 textDe : 'Wohnen für Alle in Tübingen, Balkone (Projekt in Kooperation mit SOMAA)', 459 textEn : 'Housing for all in Tübingen, Balconies (Project in Cooperation with SOMAA)' 460 }, { 461 src : 'haus-am-park-15.jpg', 462 title : 'Haus am Park', 463 textDe : 'Wohnen für Alle in Tübingen, Innenraum mit Bewohner*innen (Projekt in Kooperation mit SOMAA)', 464 textEn : 'Housing for all in Tübingen, Interior with Residents (Project in Cooperation with SOMAA)' 465 },/* { 466 src : 'haus-am-park-5.jpg', 467 title : 'Haus am Park', 468 textDe : 'Wohnen für Alle in Tübingen, Grundrissvarianten (Projekt in Kooperation mit SOMAA)', 469 textEn : 'Housing for all in Tübingen, Floor Plan Variations (Project in Cooperation with SOMAA)' 470 }, { 471 src : 'haus-am-park-2.jpg', 472 title : 'Haus am Park', 473 textDe : 'Wohnen für Alle in Tübingen, Treppenhaus im Erdgeschoss (Projekt in Kooperation mit SOMAA)', 474 textEn : 'Housing for all in Tübingen, Staircase on the Ground Floor (Project in Cooperation with SOMAA)' 475 },*/ { 476 src : 'haus-am-park-3.jpg', 477 title : 'Haus am Park', 478 textDe : 'Wohnen für Alle in Tübingen, Fassadenelemente aus Halbfertigteilen (Projekt in Kooperation mit SOMAA)', 479 textEn : 'Housing for all in Tübingen, Façade out of Prefabricated Concrete Elements (Project in Cooperation with SOMAA)' 480 }, { 481 src : 'haus-am-park-13.jpg', 482 title : 'Haus am Park', 483 textDe : 'Wohnen für Alle in Tübingen, Lageplan (Projekt in Kooperation mit SOMAA)', 484 textEn : 'Housing for all in Tübingen, Site Plan (Project in Cooperation with SOMAA)' 485 } 486 ], [ 487 /*{ 488 src : 'sporthalle-erbach-5.jpg', 489 title : 'Sporthalle Erbach', 490 titleEn : 'Sports Hall Erbach', 491 textDe : 'Wettbewerbsbeitrag, 2. Preis, Visualisierung Zugang von Schulseite', 492 textEn : 'Competition, 2nd Prize, Visualization Access from School Side' 493 },*/ { 494 src : 'sporthalle-erbach-6.jpg', 495 title : 'Sporthalle Erbach', 496 titleEn : 'Sports Hall Erbach', 497 textDe : 'Wettbewerbsbeitrag, 2. Preis, Visualisierung Haupteingang', 498 textEn : 'Competition, 2nd Prize, Main Entrance Visualization' 499 }, { 500 src : 'sporthalle-erbach-1.jpg', 501 title : 'Sporthalle Erbach', 502 titleEn : 'Sports Hall Erbach', 503 textDe : 'Wettbewerbsbeitrag, 2. Preis, Explosionszeichnung', 504 textEn : 'Competition, 2nd Prize, Exploded Axonometric Drawing' 505 },/* { 506 src : 'sporthalle-erbach-4.jpg', 507 title : 'Sporthalle Erbach', 508 titleEn : 'Sports Hall Erbach', 509 textDe : 'Wettbewerbsbeitrag, 2. Preis, Ansicht Nord', 510 textEn : 'Competition, 2nd Prize, North View' 511 },*/ { 512 src : 'sporthalle-erbach-3.jpg', 513 title : 'Sporthalle Erbach', 514 titleEn : 'Sports Hall Erbach', 515 textDe : 'Wettbewerbsbeitrag, 2. Preis, Grundriss Erdgeschoss', 516 textEn : 'Competition, 2nd Prize, Ground Floor Plan' 517 }, { 518 src : 'sporthalle-erbach-2.jpg', 519 title : 'Sporthalle Erbach', 520 titleEn : 'Sports Hall Erbach', 521 textDe : 'Wettbewerbsbeitrag, 2. Preis, Detailschnitt', 522 textEn : 'Competition, 2nd Prize, Detailed section' 523 } 524 ], [ 525 { 526 src : 'verwaltungsgebaeude-sportschule-schoeneck-2.jpg', 527 title : 'Verwaltungsgebäude Sportschule Schöneck', 528 titleEn : 'Administrative Building Sports School Schöneck', 529 textDe : 'Wettbewerbsbeitrag, Ansicht SuÌd', 530 textEn : 'Competition, South View' 531 },/* { 532 src : 'verwaltungsgebaeude-sportschule-schoeneck-1.jpg', 533 title : 'Verwaltungsgebäude Sportschule Schöneck', 534 titleEn : 'Administrative Building Sports School Schöneck', 535 textDe : 'Wettbewerbsbeitrag, Ansicht Nord', 536 textEn : 'Competition, North View' 537 },*/ { 538 src : 'verwaltungsgebaeude-sportschule-schoeneck-3.jpg',
539 title : 'Verwaltungsgebäude Sportschule Schöneck', 540 titleEn : 'Administrative Building Sports School Schöneck', 541 textDe : 'Wettbewerbsbeitrag, Querschnitt', 542 textEn : 'Competition, Cross-Section' 543 } 544 ], [ 545 { 546 src : 'haus-l-1.jpg', 547 title : 'Haus L', 548 textDe : 'Wohnen in Bad Wildbad, Visualisierung, Ansicht SuÌd-West', 549 textEn : 'House in Bad Wildbad, Visualization, Southwest View' 550 }, { 551 src : 'haus-l-2.jpg', 552 title : 'Haus L', 553 textDe : 'Wohnen in Bad Wildbad, Visualisierung, Wohnraum mit Galeriegeschoss', 554 textEn : 'House in Bad Wildbad, Visualization, Living Space with Gallery Floor' 555 }, { 556 src : 'haus-l-4.gif', 557 title : 'Haus L', 558 textDe : 'Wohnen in Bad Wildbad, Gebäudekonzept', 559 textEn : 'House in Bad Wildbad, Concept' 560 }, { 561 src : 'haus-l-3.jpg', 562 title : 'Haus L', 563 textDe : 'Wohnen in Bad Wildbad, Grundriss Erdgeschoss', 564 textEn : 'House in Bad Wildbad, Floor Plan of Ground Floor' 565 }, {
566 src : 'haus-l-5.jpg', 567 title : 'Haus L', 568 textDe : 'Wohnen in Bad Wildbad, Grundriss Obergeschoss', 569 textEn : 'House in Bad Wildbad, Floor Plan of First Floorr' 570 } 571 ], [ 572 { 573 src : 'villa-jung-3.jpg', 574 title : 'Villa Jung', 575 textDe : 'Wettbewerbsbeitrag, 2. Preis, Visualisierung, GruÌndervilla und Glaspavillon im Garten', 576 textEn : 'Competition, 2nd Prize, Visualization, Villa and Glass Pavilion in the Garden' 577 }, { 578 src : 'villa-jung-4.jpg', 579 title : 'Villa Jung', 580 textDe : 'Wettbewerbsbeitrag, 2. Preis, Gebäudekonzept', 581 textEn : 'Competition, 2nd Prize, Building Concept' 582 }, { 583 src : 'villa-jung-2.jpg', 584 title : 'Villa Jung', 585 textDe : 'Wettbewerbsbeitrag, 2. Preis, Visualisierung Neubau, Blick in die Fertigung', 586 textEn : 'Competition, 2nd Prize, Visualization, New Building, View into the Production' 587 }, { 588 src : 'villa-jung-1.jpg', 589 title : 'Villa Jung', 590 textDe : 'Wettbewerbsbeitrag, 2. Preis, Visualisierung Umbau, Blick vom Foyer in den Besprechungsraum', 591 textEn : 'Competition, 2nd Prize, Visualization, Existing Building, View from the Foyer into the Meeting Room' 592 } 593 ], [ 594 { 595 src : 'wbw-tuebingen-1.jpg', 596 title : 'WBW 1. Preis, Universitätsklinikum TuÌbingen', 597 textDe : 'Visualisierung Neubau Personal- und Schülerwohnheime', 598 textEn : 'Visualization of Staff and Student Housing New Build' 599 }, { 600 src : 'wbw-tuebingen-2.jpg', 601 title : 'WBW 1. Preis, Universitätsklinikum TuÌbingen', 602 textDe : 'Neubau Personal- und Schülerwohnheime, 1. Obergeschoss', 603 textEn : 'Staff and Student Housing New Build, 1st Floor' 604 } 605 ], [ 606 { 607 src : 'wohnhaeuser-freudenstadt-1.jpg', 608 title : 'WohnhaÌuser Freudenstadt', 609 textDe : 'Ansicht Ost', 610 textEn : 'East View' 611 }, { 612 src : 'wohnhaeuser-freudenstadt-2.jpg', 613 title : 'WohnhaÌuser Freudenstadt', 614 textDe : 'Sammlung traditioneller Bauelemente', 615 textEn : 'Collection of Traditional Building Elements' 616 } 617 ], [ 618 { 619 src : 'wbw-moensheim-1.jpg', 620 title : 'MFB Iptinger StraÃe, MoÌnsheim', 621 textDe : 'Visualisierung Wohnbebauung', 622 textEn : 'Visualization of Residential Development' 623 }, { 624 src : 'wbw-moensheim-2.jpg', 625 title : 'MFB Iptinger StraÃe, MoÌnsheim', 626 textDe : 'Vogelperspektive Wohnbebauung', 627 textEn : 'Birdâs Eye View of Residential Development' 628 } 629 ], [ 630 { 631 src : 'wbw-schmiden-1.jpg', 632 title : 'WBW Neubau Gustav-Werner Kindergarten, Schmiden', 633 textDe : 'Visualisierung', 634 textEn : 'Visualization' 635 }, { 636 src : 'wbw-schmiden-3.jpg', 637 title : 'WBW Neubau Gustav-Werner Kindergarten, Schmiden', 638 textDe : 'Detailansicht', 639 textEn : 'Detail View' 640 }, { 641 src : 'wbw-schmiden-2.jpg', 642 title : 'WBW Neubau Gustav-Werner Kindergarten, Schmiden', 643 textDe : 'West Ansicht', 644 textEn : 'West View' 645 } 646 ], [ 647 { 648 src : 'wbw-braunschweig-1.jpg', 649 title : 'WBW Ateliergebäude Freie Kunst, HBK Braunschweig', 650 textDe : 'Visualisierung', 651 textEn : 'Visualization' 652 }, { 653 src : 'wbw-braunschweig-2.jpg', 654 title : 'WBW Ateliergebäude Freie Kunst, HBK Braunschweig', 655 textDe : 'Ansicht Ost', 656 textEn : 'East View' 657 }, { 658 src : 'wbw-braunschweig-3.jpg', 659 title : 'WBW Ateliergebäude Freie Kunst, HBK Braunschweig', 660 textDe : 'Lageplan', 661 textEn : 'Site Plan' 662 } 663 ], [ 664 { 665 src : 'haus-s-1.jpg', 666 title : 'Haus S', 667 textDe : 'Ansicht Süd-West', 668 textEn : 'South-West View' 669 }, { 670 src : 'haus-s-4.jpg', 671 title : 'Haus S', 672 textDe : 'Blick vom Sonnendeck', 673 textEn : 'View from Sun Terrace' 674 }, { 675 src : 'haus-s-2.jpg', 676 title : 'Haus S', 677 textDe : 'Eingangsbereich', 678 textEn : 'Entrance Area' 679 }, { 680 src : 'haus-s-3.jpg', 681 title : 'Haus S', 682 textDe : 'Blick auf Saunahaus', 683 textEn : 'View of Sauna Hut' 684 }, {
685 src : 'haus-s-12.gif', 686 title : 'Haus S', 687 textDe : 'Gebäudekonzept', 688 textEn : 'Building Concept', 689 isGif: true 690 }, { 691 src : 'haus-s-5.jpg', 692 title : 'Haus S', 693 textDe : 'Diele', 694 textEn : 'Hall' 695 }, { 696 src : 'haus-s-6.jpg', 697 title : 'Haus S', 698 textDe : 'Bad', 699 textEn : 'Bathroom' 700 }, { 701 src : 'haus-s-7.jpg', 702 title : 'Haus S', 703 textDe : 'Wohnraum', 704 textEn : 'Living Space' 705 }, { 706 src : 'haus-s-8.jpg', 707 title : 'Haus S', 708 textDe : 'Wohnraum von oben', 709 textEn : 'Living Space from Above' 710 }, { 711 src : 'haus-s-9.jpg', 712 title : 'Haus S', 713 textDe : 'Saunahaus', 714 textEn : 'Sauna Hut' 715 }, { 716 src : 'haus-s-10.jpg', 717 title : 'Haus S', 718 textDe : 'Dachaufsicht', 719 textEn : 'Roof Top View' 720 }, { 721 src : 'haus-s-11.jpg', 722 title : 'Haus S', 723 textDe : 'Schnitt', 724 textEn : 'Sectional View' 725 } 726 ], [ 727 { 728 src : 'mensa-rappachschule-1.jpg', 729 title : 'Mensa Rappachschule, Weilimdorf', 730 textDe : 'Modellfoto', 731 textEn : 'Photo of Model' 732 }, { 733 src : 'mensa-rappachschule-4.jpg', 734 title : 'Mensa Rappachschule, Weilimdorf', 735 textDe : 'Grundriss', 736 textEn : 'Floor Plan' 737 }, { 738 src : 'mensa-rappachschule-3.jpg', 739 title : 'Mensa Rappachschule, Weilimdorf', 740 textDe : 'Schnittansicht', 741 textEn : 'Sectional View' 742 }, { 743 src : 'mensa-rappachschule-2.jpg', 744 title : 'Mensa Rappachschule, Weilimdorf', 745 textDe : 'Ansicht Nord-Ost', 746 textEn : 'Northeast View' 747 }, { 748 src : 'mensa-rappachschule-5.gif', 749 title : 'Mensa Rappachschule, Weilimdorf', 750 textDe : 'Gebäudekonzept', 751 textEn : 'Building Concept', 752 isGif: true 753 } 754 ], [ 755 { 756 src : 'wbw-dwa-eventscheune-2.jpg', 757 title : 'MFB, 3. Preis, Eventscheune Ober-Ramstadt', 758 textDe : 'Visualisierung', 759 textEn : 'Visualization' 760 }, { 761 src : 'wbw-dwa-eventscheune-6.gif', 762 title : 'MFB, 3. Preis, Eventscheune Ober-Ramstadt', 763 textDe : 'Städtebauliches Konzept', 764 textEn : 'Town Planning Concept', 765 isGif: true 766 }, { 767 src : 'wbw-dwa-eventscheune-3.jpg', 768 title : 'MFB, 3. Preis, Eventscheune Ober-Ramstadt', 769 textDe : 'Grundriss', 770 textEn : 'Ground Plan' 771 }, { 772 src : 'wbw-dwa-eventscheune-5.gif', 773 title : 'MFB, 3. Preis, Eventscheune Ober-Ramstadt', 774 textDe : 'Gebäudekonzept', 775 textEn : 'Building Concept', 776 isGif: true 777 }, { 778 src : 'wbw-dwa-eventscheune-1.jpg', 779 title : 'MFB, 3. Preis, Eventscheune Ober-Ramstadt', 780 textDe : 'Ansicht Süd-West', 781 textEn : 'Southwest View' 782 }, { 783 src : 'wbw-dwa-eventscheune-4.jpg', 784 title : 'MFB, 3. Preis, Eventscheune Ober-Ramstadt', 785 textDe : 'Visualisierung', 786 textEn : 'Visualization' 787 } 788 ], [ 789 { 790 src : 'wbw-schwaebisch-hall-1.jpg', 791 title : 'MFB, 1. Preis, Im Lehen, Schwäbisch Hall', 792 textDe : 'Lageplan', 793 textEn : 'Site Plan' 794 }, { 795 src : 'wbw-schwaebisch-hall-2.jpg', 796 title : 'MFB, 1. Preis, Im Lehen, Schwäbisch Hall', 797 textDe : 'Ansicht Bauantrag', 798 textEn : 'Planning Application View' 799 }, { 800 src : 'wbw-schwaebisch-hall-3.gif', 801 title : 'MFB, 1. Preis, Im Lehen, Schwäbisch Hall', 802 textDe : 'Städtebauliches Konzept', 803 textEn : 'Town Planning Concept', 804 isGif: true 805 } 806 ], [ 807 { 808 src : 'wbw-garzweiler-4.jpg', 809 title : 'WBW Dokumentationszentrum Tagebau, Garzweiler', 810 textDe : 'Lageplan', 811 textEn : 'Site Plan' 812 }, { 813 src : 'wbw-garzweiler-2.jpg', 814 title : 'WBW Dokumentationszentrum Tagebau, Garzweiler', 815 textDe : 'Grundriss', 816 textEn : 'Ground Plan' 817 }, { 818 src : 'wbw-garzweiler-5.jpg', 819 title : 'WBW Dokumentationszentrum Tagebau, Garzweiler', 820 textDe : 'Schnitt', 821 textEn : 'Sectional View' 822 }, {
823 src : 'wbw-garzweiler-1.jpg', 824 title : 'WBW Dokumentationszentrum Tagebau, Garzweiler', 825 textDe : 'Ansicht', 826 textEn : 'Elevation' 827 }, { 828 src : 'wbw-garzweiler-6.jpg', 829 title : 'WBW Dokumentationszentrum Tagebau, Garzweiler', 830 textDe : 'Visualisierung', 831 textEn : 'Visualization' 832 }, { 833 src : 'wbw-garzweiler-3.jpg', 834 title : 'WBW Dokumentationszentrum Tagebau, Garzweiler', 835 textDe : 'Visualisierung', 836 textEn : 'Visualization' 837 }, { 838 src : 'wbw-garzweiler-7.gif', 839 title : 'WBW Dokumentationszentrum Tagebau, Garzweiler', 840 textDe : 'Gebäudekonzept', 841 textEn : 'Building Concept', 842 isGif: true 843 } 844 ], [ 845 { 846 src : 'wbw-uhingen-1.jpg', 847 title : 'Städtebaulicher WBW, IBA27, Uhingen', 848 textDe : 'Visualisierung', 849 textEn : 'Visualization' 850 }, { 851 src : 'wbw-uhingen-2.jpg', 852 title : 'Städtebaulicher WBW, IBA27, Uhingen', 853 textDe : 'Lageplan', 854 textEn : 'Site Plan' 855 }, { 856 src : 'wbw-uhingen-3.jpg', 857 title : 'Städtebaulicher WBW, IBA27, Uhingen', 858 textDe : 'Ansicht Nord', 859 textEn : 'North Elevation' 860 }, { 861 src : 'wbw-uhingen-4.gif', 862 title : 'Städtebaulicher WBW, IBA27, Uhingen', 863 textDe : 'Konzept', 864 textEn : 'Concept', 865 isGif: true 866 } 867 ] 868]; 869 870function shuffleArray(o) { 871 for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); 872 return o; 873}; 874 875function returnItemHtml(info, counterContainer, projectIndex, imageIndex){ 876 if(info) { 877 //lazyLoadImgContainerIndexArray = [6,7,14,15,22,23,28,29,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53]; 878 879 880 //lazyLoadClass = ( lazyLoadImgContainerIndexArray.indexOf(counterContainer) >= 0 ) ? ' lazy' : ' ' ; 881 //lazyLoadDataSrc = ( lazyLoadImgContainerIndexArray.indexOf(counterContainer) >= 0 ) ? ' data-src="' + info.src + '"' : ' ' ; 882 //lazyLoadStyle = ( lazyLoadImgContainerIndexArray.indexOf(counterContainer) >= 0 ) ? '' : ' style="background-image: url(media/images/bw/' + info.src + ');"' ; 883 gifClass = ( info.isGif == true ) ? ' is-gif' : ' no-gif'; 884 gifAniClass = ( typeof info.aniSrc === 'string' ) ? ' gif-ani' : ' no-ani'; 885 gifAniDataSrc = ( typeof info.aniSrc === 'string' ) ? ' data-ani-src="' + info.aniSrc + '"' : '' 886 887 itemHtml = ''; 888 889 if( info.isGif !== true ) { 890 itemHtml += '<div class="item-wrapper--container--image bw' + gifAniClass + gifClass + '">'; 891 itemHtml += '<div class="item-container--image bw' + gifAniClass + '"' + gifAniDataSrc + ' style="background-image: url(media/images/bw/' + info.src + ');">'; 892 itemHtml += '</div>'; 893 itemHtml += '</div>'; 894 } 895 if( typeof info.aniSrc !== 'string' ) { 896 itemHtml += '<div class="item-wrapper--container--image rgb hidden' + gifAniClass + gifClass + '">'; 897 itemHtml += '<div class="item-container--image rgb' + gifAniClass + '"' + gifAniDataSrc + ' data-src="' + info.src + '">'; 898 itemHtml += '</div>'; 899 itemHtml += '</div>'; 900 } 901 itemHtml += '<div class="item-container--text pad-lr-2 pad-b-2 hidden" ' + ( ( typeof projectIndex != 'undefined' ) ? 'data-image-counter-text="' + ( imageIndex + 1 ) + '/' + contentArray[parseInt(projectIndex)].length + '"' : '' ) + '>'; 902 903 if(typeof info.titleEn != 'undefined' ){ 904 itemHtml += '<p class="text-l"><span class="content-de' + ( ( lang == 'de' ) ? '' : ' hidden' ) + '">' + info.title + '</span><span class="content-en' + ( ( lang == 'en' ) ? '' : ' hidden' ) + '">' + info.titleEn + '</span></p>'; 905 } else { 906 itemHtml += '<p class="text-l">' + info.title + '</p>'; 907 } 908 itemHtml += '<p class="text-s mono">' + ( ( typeof projectIndex != 'undefined' ) ? '<span class="mar-r-1">' + ( imageIndex + 1 ) + '/' + contentArray[parseInt(projectIndex)].length + '</span>' : '' ) + '<span class="content-de' + ( ( lang == 'de' ) ? '' : ' hidden' ) + '">' + info.textDe + '</span><span class="content-en' + ( ( lang == 'en' ) ? '' : ' hidden' ) + '">' + info.textEn + '</span></p>'; 909 itemHtml += '</div>'; 910 return itemHtml; 911 } 912} 913 914function implementRgbVersions() { 915 $('.item-container--image.rgb').each(function(){ 916 $(this).css({ 'background-image': 'url(media/images/rgb/' + $(this).data('src') + ')' }); 917 }); 918} 919 920function changeAnimationGifSrc() { 921 $('.item-container--image.gif-ani').each(function(){ 922 $(this).css({ 'background-image': 'url(media/images/rgb/' + $(this).data('aniSrc') + ')' }); 923 }); 924} 925 926function returnRegularOrder() { 927 counterContainer = 0; 928 for( i = 0; i < contentArray.length; i++ ){ 929 projectIndex = i; 930 for( j = 0; j < contentArray[i].length; j++ ) { 931 imageIndex = j; 932 $('.single').each(function(){ 933 if( $(this).index('.single') == counterContainer ){ 934 $(this).html( returnItemHtml( contentArray[i][j], counterContainer, projectIndex, imageIndex ) ); 935 } 936 }); 937 counterContainer++; 938 } 939 } 940 941} 942 943function returnShuffleOrder() { 944 945 arrayToShuffle = []; 946 947 for( i = 0; i < contentArray.length; i++ ){ 948 for( j = 0; j < contentArray[i].length; j++ ) { 949 arrayToShuffle.push(contentArray[i][j]); 950 } 951 } 952 console.log(arrayToShuffle) 953 954 shuffledArray = shuffleArray(arrayToShuffle); 955 956 counterContainer = 0; 957 for( i = 0; i < shuffledArray.length; i++ ){ 958 $('.single').each(function(){ 959 if( $(this).index('.single') == counterContainer ){ 960 $(this).html( returnItemHtml( shuffledArray[i], counterContainer ) ); 961 } 962 }); 963 counterContainer++; 964 } 965} 966 967 968function resizeMainView() { 969 $('.main-view').css({'height': zoomFactorHeight * $(window).height(), 'width': zoomFactorWidth * $(window).width() }) 970} 971 972function returnRow(rowValueToCheck){ 973 if(rowValueToCheck >= 0 && rowValueToCheck < 12) { 974 rowValueToReturn = 0; 975 } 976 if(rowValueToCheck >= 12 && rowValueToCheck < 24) { 977 rowValueToReturn = 1; 978 } 979 if(rowValueToCheck >= 24 && rowValueToCheck < 36) { 980 rowValueToReturn = 2; 981 } 982 if(rowValueToCheck >= 36 && rowValueToCheck < 48) { 983 rowValueToReturn = 3; 984 } 985 986 if(rowValueToCheck >= 48 && rowValueToCheck < 60) { 987 rowValueToReturn = 4; 988 } 989 990 if(rowValueToCheck >= 60 && rowValueToCheck < 70) { 991 rowValueToReturn = 5; 992 } 993 994 if(rowValueToCheck >= 70 && rowValueToCheck < 82) { 995 rowValueToReturn = 6; 996 } 997 if(rowValueToCheck >= 82 && rowValueToCheck < 94) { 998 rowValueToReturn = 7; 999 } 1000 if(rowValueToCheck >= 94 && rowValueToCheck < 106) { 1001 rowValueToReturn = 8; 1002 } 1003 if(rowValueToCheck >= 106 && rowValueToCheck < 118) { 1004 rowValueToReturn = 9; 1005 } 1006 if(rowValueToCheck >= 118 && rowValueToCheck < 130) { 1007 rowValueToReturn = 10; 1008 } 1009 return rowValueToReturn; 1010} 1011 1012function returnColumn(columnValueToCheck){ 1013 if(columnValueToCheck >= 0 && columnValueToCheck < 12) { 1014 columnValueToReturn = columnValueToCheck % 12; 1015 } 1016 if(columnValueToCheck >= 12 && columnValueToCheck < 24) { 1017 columnValueToReturn = columnValueToCheck % 12; 1018 } 1019 if(columnValueToCheck >= 24 && columnValueToCheck < 36) { 1020 columnValueToReturn = columnValueToCheck % 12; 1021 } 1022 if(columnValueToCheck >= 36 && columnValueToCheck < 48) { 1023 columnValueToReturn = columnValueToCheck % 12; 1024 } 1025 if(columnValueToCheck >= 48 && columnValueToCheck < 60) { 1026 columnValueToReturn = columnValueToCheck % 12; 1027 } 1028 if(columnValueToCheck >= 60 && columnValueToCheck < 70) { 1029 columnValueToReturn = columnValueToCheck % 12; 1030 columnValueToReturn = ( columnValueToCheck > 64) ? columnValueToReturn + 2 : columnValueToReturn; 1031 } 1032 if(columnValueToCheck >= 70 && columnValueToCheck < 82) { 1033 columnValueToReturn = (columnValueToCheck + 2) % 12; 1034 } 1035 if(columnValueToCheck >= 82 && columnValueToCheck < 94) { 1036 columnValueToReturn = (columnValueToCheck + 2) % 12; 1037 } 1038 if(columnValueToCheck >= 94 && columnValueToCheck < 106) { 1039 columnValueToReturn = (columnValueToCheck + 2) % 12; 1040 } 1041 if(columnValueToCheck >= 106 && columnValueToCheck < 118) { 1042 columnValueToReturn = (columnValueToCheck + 2) % 12; 1043 } 1044 if(columnValueToCheck >= 118 && columnValueToCheck < 130) { 1045 columnValueToReturn = (columnValueToCheck + 2) % 12; 1046 } 1047 return columnValueToReturn; 1048} 1049 1050function mobile_detect(){ 1051 1052 var mobile_detect = new MobileDetect(window.navigator.userAgent); 1053 1054 var phone = ( mobile_detect.phone() != null ) ? true : false ; 1055 var tablet = ( mobile_detect.tablet() != null ) ? true : false ; 1056 1057 var device = 'desktop'; 1058 1059 if ( mobile_detect.phone() != null ){ device = 'mobile'; } 1060 if ( mobile_detect.tablet() != null ){ device = 'tablet'; } 1061 if ( device == 'desktop' ) { $device = 'desktop'; }; 1062 1063 return device; 1064 1065} 1066 1067var device = mobile_detect(); 1068 1069$(document).ready(function(){ 1070 1071 lang = 'de'; 1072 1073 viewPortPadding = 75; 1074 1075 returnShuffleOrder(); 1076 1077 zoomFactorHeight = 3.667; 1078 zoomFactorWidth = 3; 1079 1080 resizeMainView(); 1081 1082if (device == 'mobile') { 1083 //$('body').prepend('<div class="view bg-grey"></div>'); 1084 $('.container--address').empty().css({zIndex: '203'}); 1085 $('.container--address, .container--buttons').removeClass('mar-t-2 mar-b-2 mar-r-2 mar-l-2'); 1086 1087 $('#container--buttons-info, #container--buttons-info-close, #container--buttons-imprint-close, #container--buttons-privacy-policy-close, #container--button-slideshow-close').addClass('pad-a-1-75'); 1088 $('.button-privacy-policy').addClass('pad-l-1-75 pad-r-0-5 pad-tb-1-75').appendTo('.container--address'); 1089 $('.button-imprint').addClass('pad-r-1-75 pad-l-0-5 pad-tb-1-75').appendTo('.container--address'); 1090 $('.button-order.shuffle, .button-lang.de').addClass('pad-tb-1-75 pad-l-1-75 pad-r-0-5'); 1091 $('.button-order.regular, .button-lang.en').addClass('pad-tb-1-75 pad-l-0-5 pad-r-1-75'); 1092 $('.separator').text('/'); 1093} 1094 1095 //dragging 1096 1097 draggingOn = true; 1098 1099 curDown = false, 1100 curYPos = 0, 1101 curXPos = 0; 1102 1103 $('.viewport').mousemove(function(m){ 1104 if( draggingOn ){ 1105 if(curDown === true ){ 1106 $('.viewport').scrollTop(curScrollTop + (curYPos - m.pageY)); 1107 $('.viewport').scrollLeft(curScrollLeft + (curXPos - m.pageX)); 1108 $('.viewport').addClass('dragging'); 1109 } 1110 } 1111 }); 1112 1113 $('.viewport').mousedown(function(m){ 1114 curDown = true; 1115 curYPos = m.pageY; 1116 curXPos = m.pageX; 1117 curScrollTop = $('.viewport').scrollTop(); 1118 curScrollLeft = $('.viewport').scrollLeft(); 1119 $('.viewport').removeClass('snap-back'); 1120 }); 1121 1122 $('.viewport').mouseup(function(){ 1123 curDown = false;
1124 $('.viewport').addClass('snap-back'); 1125 $('.viewport').removeClass('dragging'); 1126 $('.viewport').css({ 'margin-top': 0, 'margin-left': 0 }); 1127 }); 1128 1129 1130 //zoom in 1131 1132 zoomOn = false; 1133 1134 $('.single').mousedown(function(e){ 1135 singleMousedownStart = e.timeStamp; 1136 }); 1137 $('.single').mouseup(function(e){ 1138 1139 singleMousedownEnd = e.timeStamp; 1140 1141 if ( singleMousedownEnd - singleMousedownStart < 200 ) { 1142 1143 singleIndex = $(this).index('.single'); 1144 currSlideIndex = singleIndex; 1145 1146 row = returnRow(singleIndex); 1147 column = returnColumn(singleIndex); 1148 1149 if( !zoomOn ){ 1150 1151 scrollBackX = $('.viewport').scrollLeft(); 1152 scrollBackY = $('.viewport').scrollTop(); 1153 1154 zoomFactorHeight = 11; 1155 zoomFactorWidth = 12; 1156 1157 $('.viewport').addClass('super-fixed'); 1158 $('.container--buttons, .container--address').addClass('hidden'); 1159 $('.item-wrapper--container--image.bw.no-ani').addClass('transparent'); 1160 $('.main-view').animate({ 'width': $(window).width() * zoomFactorWidth, 'height': $(window).height() * zoomFactorHeight }, 500, 'swing'); 1161 $('.viewport').animate({ 'scrollTop': row * $(window).height() + viewPortPadding, 'scrollLeft': column * $(window).width() + viewPortPadding }, 500, 'swing', function(){ 1162 1163 $('.item-container--text').removeClass('hidden'); 1164 $('.button-slideshow.next').removeClass('hidden'); 1165 $('.button-slideshow.prev').removeClass('hidden'); 1166 $('#container--button-slideshow-close').removeClass('hidden'); 1167 1168 }); 1169 1170 zoomOn = true; 1171 draggingOn = false; 1172 1173 } else { 1174 1175 1176 zoomFactorHeight = 3.667; 1177 zoomFactorWidth = 3; 1178 1179 $('.button-slideshow').addClass('hidden'); 1180 $('#container--button-slideshow-close').addClass('hidden'); 1181 $('.item-container--text').addClass('hidden'); 1182 $('.item-wrapper--container--image.bw.no-ani').removeClass('transparent'); 1183 1184 $('.viewport').animate({ 'scrollTop': scrollBackY, 'scrollLeft': scrollBackX }, 500, 'swing'); 1185 $('.main-view').animate({'width': $(window).width() * zoomFactorWidth, 'height': $(window).height() * zoomFactorHeight }, 500, 'swing', function(){ 1186 $('.viewport').removeClass('super-fixed'); 1187 $('.container--buttons, .container--address').removeClass('hidden'); 1188 $('#container--button-slideshow-close').addClass('hidden'); 1189 }); 1190 1191 zoomOn = false; 1192 draggingOn = true; 1193 1194 } 1195 } 1196 }); 1197 1198 $('.button-slideshow-close').click(function(){ 1199 zoomFactorHeight = 3.667; 1200 zoomFactorWidth = 3; 1201 1202 $('.button-slideshow').addClass('hidden'); 1203 $('#container--button-slideshow-close').addClass('hidden'); 1204 $('.item-container--text').addClass('hidden'); 1205 $('.item-wrapper--container--image.bw.no-ani').removeClass('transparent'); 1206 1207 $('.viewport').animate({ 'scrollTop': scrollBackY, 'scrollLeft': scrollBackX }, 500, 'swing'); 1208 $('.main-view').animate({'width': $(window).width() * zoomFactorWidth, 'height': $(window).height() * zoomFactorHeight }, 500, 'swing', function(){ 1209 $('.viewport').removeClass('super-fixed'); 1210 $('.container--buttons, .container--address').removeClass('hidden'); 1211 $('#container--button-slideshow-close').addClass('hidden'); 1212 }); 1213 1214 zoomOn = false; 1215 draggingOn = true; 1216 }); 1217 1218 1219 //center logo 1220 1221 $('.double').mousedown(function(e){ 1222 doubleMousedownStart = e.timeStamp; 1223 }); 1224 $('.double').mouseup(function(e){ 1225 doubleMousedownEnd = e.timeStamp; 1226 1227 if ( doubleMousedownEnd - doubleMousedownStart < 200 ) { 1228 $('.viewport').animate({ 'scrollTop': $('.main-view').height() / 11 * 5 - ( $(window).height() - $(this).outerHeight() ) * 0.5 + viewPortPadding, 'scrollLeft': $('.main-view').width() / 12 * 5 - ( $(window).width() - $(this).outerWidth() ) * 0.5 + viewPortPadding }) 1229 } 1230 }); 1231 1232 //slideshow 1233 1234 $('.button-slideshow.next').on('click', function(){ 1235 1236 $('.double').addClass('transparent'); 1237 1238 if( currSlideIndex != 129 ) { 1239 1240 if( currSlideIndex == 64 ){ 1241 jumpNextFactor = 3; 1242 } else { 1243 jumpNextFactor = 1; 1244 } 1245 1246 currSlideIndex = currSlideIndex + 1; 1247 1248 if( currSlideIndex > 64 ){ 1249 condition = ( currSlideIndex + 2 ) % 12 != 0 1250 } else { 1251 condition = currSlideIndex % 12 != 0 1252 } 1253 1254 if( condition ) { 1255 if( jumpNextFactor == 3 ){ 1256 $('.double').addClass('jump'); 1257 $('.viewport').animate({'scrollLeft': '+=' + 1 * $(window).width() }, function(){ 1258 $('.double').removeClass('jump'); 1259 $('.double').removeClass('transparent'); 1260 $('.viewport').scrollLeft( $('.viewport').scrollLeft() + 2 * $(window).width() ); 1261 }); 1262 } else { 1263 $('.viewport').animate({'scrollLeft': '+=' + jumpNextFactor * $(window).width() }, function(){ 1264 $('.double').removeClass('transparent'); 1265 }); 1266 } 1267 } else { 1268 $('.viewport').animate({'left': -$(window).width() * .5 }, 200, 'linear', function(){ 1269 $('.viewport').animate({'scrollTop': '+=' + $(window).height(), 'scrollLeft': viewPortPadding, 'left': $(window).width() * .5 }, 0, function(){ 1270 $('.viewport').animate({'left': 0 }, 200,'linear', function(){ 1271 $('.double').removeClass('transparent'); 1272 }); 1273 }); 1274 }); 1275 } 1276 } else { 1277 currSlideIndex = 0; 1278 $('.viewport').animate({'left': -$(window).width() * .5 }, 200, 'linear', function(){ 1279 $('.viewport').animate({'scrollTop': viewPortPadding, 'scrollLeft': viewPortPadding, 'left': $(window).width() * .5 }, 0, function(){ 1280 $('.viewport').animate({'left': 0 }, 200,'linear', function(){ 1281 $('.double').removeClass('transparent'); 1282 }); 1283 }); 1284 }); 1285 } 1286 1287 }); 1288 $('.button-slideshow.prev').on('click', function(){ 1289 1290 $('.double').addClass('transparent'); 1291 if( currSlideIndex != 0 ) { 1292 if( currSlideIndex == 65 ){ 1293 jumpPrevFactor = 3; 1294 } else { 1295 jumpPrevFactor = 1; 1296 } 1297 1298 currSlideIndex = currSlideIndex - 1; 1299 1300 if( currSlideIndex > 65 ){ 1301 condition = ( currSlideIndex + 3 ) % 12 != 0 1302 } else { 1303 condition = (currSlideIndex + 1 ) % 12 != 0 1304 } 1305 1306 if( condition ) { 1307 if( jumpPrevFactor == 3 ){ 1308 $('.double').addClass('jump'); 1309 $('.viewport').scrollLeft( $('.viewport').scrollLeft() - 2 * $(window).width() ); 1310 $('.viewport').animate({'scrollLeft': '-=' + 1 * $(window).width() }, function(){ 1311 $('.double').removeClass('jump'); 1312 $('.double').removeClass('transparent'); 1313 }); 1314 } else { 1315 $('.viewport').animate({'scrollLeft': '-=' + jumpPrevFactor * $(window).width() }, function(){ 1316 $('.double').removeClass('transparent'); 1317 }); 1318 } 1319 } else { 1320 $('.viewport').animate({'left': $(window).width() * .5 }, 200, 'linear', function(){ 1321 $('.viewport').animate({'scrollLeft': viewPortPadding + $('.main-view').width() - $(window).width(), 'scrollTop': '-=' + $(window).height(), 'left': -$(window).width() * .5 }, 0, function(){ 1322 $('.viewport').animate({'left': 0 }, 200,'linear', function(){ 1323 $('.double').removeClass('transparent'); 1324 }); 1325 }); 1326 }); 1327 } 1328 } else { 1329 currSlideIndex = 129; 1330 $('.viewport').animate({'left': $(window).width() * .5 }, 200, 'linear', function(){ 1331 $('.viewport').animate({'scrollLeft': viewPortPadding + $('.main-view').width() - $(window).width(), 'scrollTop': viewPortPadding + $('.main-view').height() - $(window).height(), 'left': -$(window).width() * .5 }, 0, function(){ 1332 $('.viewport').animate({'left': 0 }, 200,'linear', function(){ 1333 $('.double').removeClass('transparent'); 1334 }); 1335 }); 1336 }); 1337 } 1338 1339 }); 1340 1341 //order 1342 $('.button-order.shuffle').on('click', function(){ 1343 $(this).addClass('active'); 1344 $('.button-order.regular').removeClass('active'); 1345 returnShuffleOrder(); 1346 implementRgbVersions(); 1347 $('.item-wrapper--container--image.rgb').removeClass('hidden'); 1348 changeAnimationGifSrc(); 1349 }); 1350 $('.button-order.regular').on('click', function(){ 1351 $(this).addClass('active'); 1352 $('.button-order.shuffle').removeClass('active'); 1353 returnRegularOrder(); 1354 implementRgbVersions(); 1355 $('.item-wrapper--container--image.rgb').removeClass('hidden'); 1356 changeAnimationGifSrc(); 1357 }); 1358 1359 //info, imprint, privacy policy 1360 $('.button-info').on('click', function(){ 1361 $('#view-info').fadeIn(200).find('.view.scrollable').scrollTop(0); 1362 $('#console button, #console span').addClass('c-white'); 1363 $('.container--address button, .container--address span').addClass('c-white'); 1364 $('#console .button-order').addClass('hidden'); 1365 }); 1366 $('.button-info-close').on('click', function(){ 1367 $('#view-info').fadeOut(200); 1368 $('#console button, #console span').removeClass('c-white'); 1369 $('.container--address button, .container--address span').removeClass('c-white'); 1370 $('#console .button-order').removeClass('hidden'); 1371 }); 1372 $('.button-imprint').on('click', function(){ 1373 if( document.getElementById('view-privacy-policy').style.display === 'block' ){ 1374 $('#view-privacy-policy').fadeOut(200) 1375 $('#view-imprint').show(); 1376 } else { 1377 $('#view-imprint').fadeIn(200); 1378 } 1379 $('#view-imprint').find('.view.scrollable').scrollTop(0); 1380 $('#console button, #console span').addClass('c-white'); 1381 $('.container--address button, .container--address span').addClass('c-white'); 1382 $('#console .button-order').addClass('hidden'); 1383 }); 1384 $('.button-imprint-close').on('click', function(){ 1385 $('#view-imprint').fadeOut(200); 1386 if( document.getElementById('view-info').style.display !== 'block' ){ 1387 $('#console button, #console span').removeClass('c-white'); 1388 $('.container--address button, .container--address span').removeClass('c-white'); 1389 $('#console .button-order').removeClass('hidden'); 1390 } 1391 }); 1392 $('.button-privacy-policy').on('click', function(){ 1393 $('#view-privacy-policy').fadeIn(200, function(){ 1394 $('#view-imprint').fadeOut(200); 1395 }); 1396 $('#view-privacy-policy').find('.view.scrollable').scrollTop(0); 1397 $('#console button, #console span').addClass('c-white'); 1398 $('.container--address button, .container--address span').addClass('c-white'); 1399 $('#console .button-order').addClass('hidden'); 1400 }); 1401 $('.button-privacy-policy-close').on('click', function(){ 1402 $('#view-privacy-policy').fadeOut(200); 1403 if( document.getElementById('view-info').style.display !== 'block' ){ 1404 $('#console button, #console span').removeClass('c-white'); 1405 $('.container--address button, .container--address span').removeClass('c-white'); 1406 $('#console .button-order').removeClass('hidden'); 1407 } 1408 }); 1409 1410 //language 1411 $('.button-lang.de').on('click', function(){ 1412 lang = 'de'; 1413 $(this).addClass('active'); 1414 $('.button-lang.en').removeClass('active'); 1415 $('.content-de').show(); 1416 $('.content-en').hide(); 1417 }); 1418 $('.button-lang.en').on('click', function(){ 1419 $(this).addClass('active'); 1420 $('.button-lang.de').removeClass('active'); 1421 lang = 'en'; 1422 $('.content-de').hide(); 1423 $('.content-en').show(); 1424 }); 1425 1426}); 1427 1428$(window).load(function(){ 1429 1430 $('.loading').fadeOut(100,function(){ 1431 $(this).remove(); 1432 }); 1433 1434 $('.viewport').animate({ 'left': 0, 'top': 0 }, 750, 'linear', function() { 1435 $(this).animate({ 'scrollTop': $('.main-view').height() / 11 * 5 - ( $(window).height() - $('.double').outerHeight() ) * 0.5 + viewPortPadding, 'scrollLeft': $('.main-view').width() / 12 * 5 - ( $(window).width() - $('.double').outerWidth() ) * 0.5 + viewPortPadding }, 750, 'linear', function() { 1436 setTimeout(function(){ 1437 $('.double').removeClass('transparent',200); 1438 },100); 1439 changeAnimationGifSrc(); 1440 $('.item-wrapper--container--image.rgb').removeClass('hidden'); 1441 }); 1442 1443 }); 1444 1445 implementRgbVersions(); 1446 $('#portrait').attr('src', $('#portrait').data('src')); 1447 1448}); 1449 1450$(window).resize(function(){ 1451 resizeMainView(); 1452 if( zoomOn ) {
1453 row = returnRow(currSlideIndex); 1454 column = returnColumn(currSlideIndex); 1455 $('.viewport').scrollTop( row * $(window).height() + viewPortPadding ); 1456 $('.viewport').scrollLeft( column * $(window).width() + viewPortPadding ); 1457 } 1458});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.