23 | 
20 |
21 |
23 |
28 |
29 | It is highly optimized. Slides not visible at the moment are fully suspended for you automatically.
Want to increase performance even more? Engine lets you stop any animations in slides while you are scrolling.
74 |" )[ 0 ], 142 | 143 | // colors = jQuery.Color.names 144 | colors, 145 | 146 | // local aliases of functions called often 147 | each = jQuery.each; 148 | 149 | // determine rgba support immediately 150 | supportElem.style.cssText = "background-color:rgba(1,1,1,.5)"; 151 | support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1; 152 | 153 | // define cache name and alpha properties 154 | // for rgba and hsla spaces 155 | each( spaces, function( spaceName, space ) { 156 | space.cache = "_" + spaceName; 157 | space.props.alpha = { 158 | idx: 3, 159 | type: "percent", 160 | def: 1 161 | }; 162 | }); 163 | 164 | function clamp( value, prop, allowEmpty ) { 165 | var type = propTypes[ prop.type ] || {}; 166 | 167 | if ( value == null ) { 168 | return (allowEmpty || !prop.def) ? null : prop.def; 169 | } 170 | 171 | // ~~ is an short way of doing floor for positive numbers 172 | value = type.floor ? ~~value : parseFloat( value ); 173 | 174 | // IE will pass in empty strings as value for alpha, 175 | // which will hit this case 176 | if ( isNaN( value ) ) { 177 | return prop.def; 178 | } 179 | 180 | if ( type.mod ) { 181 | // we add mod before modding to make sure that negatives values 182 | // get converted properly: -10 -> 350 183 | return (value + type.mod) % type.mod; 184 | } 185 | 186 | // for now all property types without mod have min and max 187 | return 0 > value ? 0 : type.max < value ? type.max : value; 188 | } 189 | 190 | function stringParse( string ) { 191 | var inst = color(), 192 | rgba = inst._rgba = []; 193 | 194 | string = string.toLowerCase(); 195 | 196 | each( stringParsers, function( i, parser ) { 197 | var parsed, 198 | match = parser.re.exec( string ), 199 | values = match && parser.parse( match ), 200 | spaceName = parser.space || "rgba"; 201 | 202 | if ( values ) { 203 | parsed = inst[ spaceName ]( values ); 204 | 205 | // if this was an rgba parse the assignment might happen twice 206 | // oh well.... 207 | inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ]; 208 | rgba = inst._rgba = parsed._rgba; 209 | 210 | // exit each( stringParsers ) here because we matched 211 | return false; 212 | } 213 | }); 214 | 215 | // Found a stringParser that handled it 216 | if ( rgba.length ) { 217 | 218 | // if this came from a parsed string, force "transparent" when alpha is 0 219 | // chrome, (and maybe others) return "transparent" as rgba(0,0,0,0) 220 | if ( rgba.join() === "0,0,0,0" ) { 221 | jQuery.extend( rgba, colors.transparent ); 222 | } 223 | return inst; 224 | } 225 | 226 | // named colors 227 | return colors[ string ]; 228 | } 229 | 230 | color.fn = jQuery.extend( color.prototype, { 231 | parse: function( red, green, blue, alpha ) { 232 | if ( red === undefined ) { 233 | this._rgba = [ null, null, null, null ]; 234 | return this; 235 | } 236 | if ( red.jquery || red.nodeType ) { 237 | red = jQuery( red ).css( green ); 238 | green = undefined; 239 | } 240 | 241 | var inst = this, 242 | type = jQuery.type( red ), 243 | rgba = this._rgba = []; 244 | 245 | // more than 1 argument specified - assume ( red, green, blue, alpha ) 246 | if ( green !== undefined ) { 247 | red = [ red, green, blue, alpha ]; 248 | type = "array"; 249 | } 250 | 251 | if ( type === "string" ) { 252 | return this.parse( stringParse( red ) || colors._default ); 253 | } 254 | 255 | if ( type === "array" ) { 256 | each( spaces.rgba.props, function( key, prop ) { 257 | rgba[ prop.idx ] = clamp( red[ prop.idx ], prop ); 258 | }); 259 | return this; 260 | } 261 | 262 | if ( type === "object" ) { 263 | if ( red instanceof color ) { 264 | each( spaces, function( spaceName, space ) { 265 | if ( red[ space.cache ] ) { 266 | inst[ space.cache ] = red[ space.cache ].slice(); 267 | } 268 | }); 269 | } else { 270 | each( spaces, function( spaceName, space ) { 271 | var cache = space.cache; 272 | each( space.props, function( key, prop ) { 273 | 274 | // if the cache doesn't exist, and we know how to convert 275 | if ( !inst[ cache ] && space.to ) { 276 | 277 | // if the value was null, we don't need to copy it 278 | // if the key was alpha, we don't need to copy it either 279 | if ( key === "alpha" || red[ key ] == null ) { 280 | return; 281 | } 282 | inst[ cache ] = space.to( inst._rgba ); 283 | } 284 | 285 | // this is the only case where we allow nulls for ALL properties. 286 | // call clamp with alwaysAllowEmpty 287 | inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true ); 288 | }); 289 | 290 | // everything defined but alpha? 291 | if ( inst[ cache ] && $.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) { 292 | // use the default of 1 293 | inst[ cache ][ 3 ] = 1; 294 | if ( space.from ) { 295 | inst._rgba = space.from( inst[ cache ] ); 296 | } 297 | } 298 | }); 299 | } 300 | return this; 301 | } 302 | }, 303 | is: function( compare ) { 304 | var is = color( compare ), 305 | same = true, 306 | inst = this; 307 | 308 | each( spaces, function( _, space ) { 309 | var localCache, 310 | isCache = is[ space.cache ]; 311 | if (isCache) { 312 | localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || []; 313 | each( space.props, function( _, prop ) { 314 | if ( isCache[ prop.idx ] != null ) { 315 | same = ( isCache[ prop.idx ] === localCache[ prop.idx ] ); 316 | return same; 317 | } 318 | }); 319 | } 320 | return same; 321 | }); 322 | return same; 323 | }, 324 | _space: function() { 325 | var used = [], 326 | inst = this; 327 | each( spaces, function( spaceName, space ) { 328 | if ( inst[ space.cache ] ) { 329 | used.push( spaceName ); 330 | } 331 | }); 332 | return used.pop(); 333 | }, 334 | transition: function( other, distance ) { 335 | var end = color( other ), 336 | spaceName = end._space(), 337 | space = spaces[ spaceName ], 338 | startColor = this.alpha() === 0 ? color( "transparent" ) : this, 339 | start = startColor[ space.cache ] || space.to( startColor._rgba ), 340 | result = start.slice(); 341 | 342 | end = end[ space.cache ]; 343 | each( space.props, function( key, prop ) { 344 | var index = prop.idx, 345 | startValue = start[ index ], 346 | endValue = end[ index ], 347 | type = propTypes[ prop.type ] || {}; 348 | 349 | // if null, don't override start value 350 | if ( endValue === null ) { 351 | return; 352 | } 353 | // if null - use end 354 | if ( startValue === null ) { 355 | result[ index ] = endValue; 356 | } else { 357 | if ( type.mod ) { 358 | if ( endValue - startValue > type.mod / 2 ) { 359 | startValue += type.mod; 360 | } else if ( startValue - endValue > type.mod / 2 ) { 361 | startValue -= type.mod; 362 | } 363 | } 364 | result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop ); 365 | } 366 | }); 367 | return this[ spaceName ]( result ); 368 | }, 369 | blend: function( opaque ) { 370 | // if we are already opaque - return ourself 371 | if ( this._rgba[ 3 ] === 1 ) { 372 | return this; 373 | } 374 | 375 | var rgb = this._rgba.slice(), 376 | a = rgb.pop(), 377 | blend = color( opaque )._rgba; 378 | 379 | return color( jQuery.map( rgb, function( v, i ) { 380 | return ( 1 - a ) * blend[ i ] + a * v; 381 | })); 382 | }, 383 | toRgbaString: function() { 384 | var prefix = "rgba(", 385 | rgba = jQuery.map( this._rgba, function( v, i ) { 386 | return v == null ? ( i > 2 ? 1 : 0 ) : v; 387 | }); 388 | 389 | if ( rgba[ 3 ] === 1 ) { 390 | rgba.pop(); 391 | prefix = "rgb("; 392 | } 393 | 394 | return prefix + rgba.join() + ")"; 395 | }, 396 | toHslaString: function() { 397 | var prefix = "hsla(", 398 | hsla = jQuery.map( this.hsla(), function( v, i ) { 399 | if ( v == null ) { 400 | v = i > 2 ? 1 : 0; 401 | } 402 | 403 | // catch 1 and 2 404 | if ( i && i < 3 ) { 405 | v = Math.round( v * 100 ) + "%"; 406 | } 407 | return v; 408 | }); 409 | 410 | if ( hsla[ 3 ] === 1 ) { 411 | hsla.pop(); 412 | prefix = "hsl("; 413 | } 414 | return prefix + hsla.join() + ")"; 415 | }, 416 | toHexString: function( includeAlpha ) { 417 | var rgba = this._rgba.slice(), 418 | alpha = rgba.pop(); 419 | 420 | if ( includeAlpha ) { 421 | rgba.push( ~~( alpha * 255 ) ); 422 | } 423 | 424 | return "#" + jQuery.map( rgba, function( v ) { 425 | 426 | // default to 0 when nulls exist 427 | v = ( v || 0 ).toString( 16 ); 428 | return v.length === 1 ? "0" + v : v; 429 | }).join(""); 430 | }, 431 | toString: function() { 432 | return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString(); 433 | } 434 | }); 435 | color.fn.parse.prototype = color.fn; 436 | 437 | // hsla conversions adapted from: 438 | // https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021 439 | 440 | function hue2rgb( p, q, h ) { 441 | h = ( h + 1 ) % 1; 442 | if ( h * 6 < 1 ) { 443 | return p + (q - p) * h * 6; 444 | } 445 | if ( h * 2 < 1) { 446 | return q; 447 | } 448 | if ( h * 3 < 2 ) { 449 | return p + (q - p) * ((2/3) - h) * 6; 450 | } 451 | return p; 452 | } 453 | 454 | spaces.hsla.to = function ( rgba ) { 455 | if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) { 456 | return [ null, null, null, rgba[ 3 ] ]; 457 | } 458 | var r = rgba[ 0 ] / 255, 459 | g = rgba[ 1 ] / 255, 460 | b = rgba[ 2 ] / 255, 461 | a = rgba[ 3 ], 462 | max = Math.max( r, g, b ), 463 | min = Math.min( r, g, b ), 464 | diff = max - min, 465 | add = max + min, 466 | l = add * 0.5, 467 | h, s; 468 | 469 | if ( min === max ) { 470 | h = 0; 471 | } else if ( r === max ) { 472 | h = ( 60 * ( g - b ) / diff ) + 360; 473 | } else if ( g === max ) { 474 | h = ( 60 * ( b - r ) / diff ) + 120; 475 | } else { 476 | h = ( 60 * ( r - g ) / diff ) + 240; 477 | } 478 | 479 | if ( l === 0 || l === 1 ) { 480 | s = l; 481 | } else if ( l <= 0.5 ) { 482 | s = diff / add; 483 | } else { 484 | s = diff / ( 2 - add ); 485 | } 486 | return [ Math.round(h) % 360, s, l, a == null ? 1 : a ]; 487 | }; 488 | 489 | spaces.hsla.from = function ( hsla ) { 490 | if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) { 491 | return [ null, null, null, hsla[ 3 ] ]; 492 | } 493 | var h = hsla[ 0 ] / 360, 494 | s = hsla[ 1 ], 495 | l = hsla[ 2 ], 496 | a = hsla[ 3 ], 497 | q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s, 498 | p = 2 * l - q; 499 | 500 | return [ 501 | Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ), 502 | Math.round( hue2rgb( p, q, h ) * 255 ), 503 | Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ), 504 | a 505 | ]; 506 | }; 507 | 508 | 509 | each( spaces, function( spaceName, space ) { 510 | var props = space.props, 511 | cache = space.cache, 512 | to = space.to, 513 | from = space.from; 514 | 515 | // makes rgba() and hsla() 516 | color.fn[ spaceName ] = function( value ) { 517 | 518 | // generate a cache for this space if it doesn't exist 519 | if ( to && !this[ cache ] ) { 520 | this[ cache ] = to( this._rgba ); 521 | } 522 | if ( value === undefined ) { 523 | return this[ cache ].slice(); 524 | } 525 | 526 | var ret, 527 | type = jQuery.type( value ), 528 | arr = ( type === "array" || type === "object" ) ? value : arguments, 529 | local = this[ cache ].slice(); 530 | 531 | each( props, function( key, prop ) { 532 | var val = arr[ type === "object" ? key : prop.idx ]; 533 | if ( val == null ) { 534 | val = local[ prop.idx ]; 535 | } 536 | local[ prop.idx ] = clamp( val, prop ); 537 | }); 538 | 539 | if ( from ) { 540 | ret = color( from( local ) ); 541 | ret[ cache ] = local; 542 | return ret; 543 | } else { 544 | return color( local ); 545 | } 546 | }; 547 | 548 | // makes red() green() blue() alpha() hue() saturation() lightness() 549 | each( props, function( key, prop ) { 550 | // alpha is included in more than one space 551 | if ( color.fn[ key ] ) { 552 | return; 553 | } 554 | color.fn[ key ] = function( value ) { 555 | var vtype = jQuery.type( value ), 556 | fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ), 557 | local = this[ fn ](), 558 | cur = local[ prop.idx ], 559 | match; 560 | 561 | if ( vtype === "undefined" ) { 562 | return cur; 563 | } 564 | 565 | if ( vtype === "function" ) { 566 | value = value.call( this, cur ); 567 | vtype = jQuery.type( value ); 568 | } 569 | if ( value == null && prop.empty ) { 570 | return this; 571 | } 572 | if ( vtype === "string" ) { 573 | match = rplusequals.exec( value ); 574 | if ( match ) { 575 | value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 ); 576 | } 577 | } 578 | local[ prop.idx ] = value; 579 | return this[ fn ]( local ); 580 | }; 581 | }); 582 | }); 583 | 584 | // add .fx.step functions 585 | each( stepHooks, function( i, hook ) { 586 | jQuery.cssHooks[ hook ] = { 587 | set: function( elem, value ) { 588 | var parsed, curElem, 589 | backgroundColor = ""; 590 | 591 | if ( jQuery.type( value ) !== "string" || ( parsed = stringParse( value ) ) ) { 592 | value = color( parsed || value ); 593 | if ( !support.rgba && value._rgba[ 3 ] !== 1 ) { 594 | curElem = hook === "backgroundColor" ? elem.parentNode : elem; 595 | while ( 596 | (backgroundColor === "" || backgroundColor === "transparent") && 597 | curElem && curElem.style 598 | ) { 599 | try { 600 | backgroundColor = jQuery.css( curElem, "backgroundColor" ); 601 | curElem = curElem.parentNode; 602 | } catch ( e ) { 603 | } 604 | } 605 | 606 | value = value.blend( backgroundColor && backgroundColor !== "transparent" ? 607 | backgroundColor : 608 | "_default" ); 609 | } 610 | 611 | value = value.toRgbaString(); 612 | } 613 | try { 614 | elem.style[ hook ] = value; 615 | } catch( error ) { 616 | // wrapped to prevent IE from throwing errors on "invalid" values like 'auto' or 'inherit' 617 | } 618 | } 619 | }; 620 | jQuery.fx.step[ hook ] = function( fx ) { 621 | if ( !fx.colorInit ) { 622 | fx.start = color( fx.elem, hook ); 623 | fx.end = color( fx.end ); 624 | fx.colorInit = true; 625 | } 626 | jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) ); 627 | }; 628 | }); 629 | 630 | jQuery.cssHooks.borderColor = { 631 | expand: function( value ) { 632 | var expanded = {}; 633 | 634 | each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) { 635 | expanded[ "border" + part + "Color" ] = value; 636 | }); 637 | return expanded; 638 | } 639 | }; 640 | 641 | // Basic color names only. 642 | // Usage of any of the other color names requires adding yourself or including 643 | // jquery.color.svg-names.js. 644 | colors = jQuery.Color.names = { 645 | // 4.1. Basic color keywords 646 | aqua: "#00ffff", 647 | black: "#000000", 648 | blue: "#0000ff", 649 | fuchsia: "#ff00ff", 650 | gray: "#808080", 651 | green: "#008000", 652 | lime: "#00ff00", 653 | maroon: "#800000", 654 | navy: "#000080", 655 | olive: "#808000", 656 | purple: "#800080", 657 | red: "#ff0000", 658 | silver: "#c0c0c0", 659 | teal: "#008080", 660 | white: "#ffffff", 661 | yellow: "#ffff00", 662 | 663 | // 4.2.3. "transparent" color keyword 664 | transparent: [ null, null, null, 0 ], 665 | 666 | _default: "#ffffff" 667 | }; 668 | 669 | })( jQuery ); 670 | 671 | 672 | 673 | /******************************************************************************/ 674 | /****************************** CLASS ANIMATIONS ******************************/ 675 | /******************************************************************************/ 676 | (function() { 677 | 678 | var classAnimationActions = [ "add", "remove", "toggle" ], 679 | shorthandStyles = { 680 | border: 1, 681 | borderBottom: 1, 682 | borderColor: 1, 683 | borderLeft: 1, 684 | borderRight: 1, 685 | borderTop: 1, 686 | borderWidth: 1, 687 | margin: 1, 688 | padding: 1 689 | }; 690 | 691 | $.each([ "borderLeftStyle", "borderRightStyle", "borderBottomStyle", "borderTopStyle" ], function( _, prop ) { 692 | $.fx.step[ prop ] = function( fx ) { 693 | if ( fx.end !== "none" && !fx.setAttr || fx.pos === 1 && !fx.setAttr ) { 694 | jQuery.style( fx.elem, prop, fx.end ); 695 | fx.setAttr = true; 696 | } 697 | }; 698 | }); 699 | 700 | function getElementStyles() { 701 | var style = this.ownerDocument.defaultView ? 702 | this.ownerDocument.defaultView.getComputedStyle( this, null ) : 703 | this.currentStyle, 704 | newStyle = {}, 705 | key, 706 | len; 707 | 708 | // webkit enumerates style porperties 709 | if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) { 710 | len = style.length; 711 | while ( len-- ) { 712 | key = style[ len ]; 713 | if ( typeof style[ key ] === "string" ) { 714 | newStyle[ $.camelCase( key ) ] = style[ key ]; 715 | } 716 | } 717 | } else { 718 | for ( key in style ) { 719 | if ( typeof style[ key ] === "string" ) { 720 | newStyle[ key ] = style[ key ]; 721 | } 722 | } 723 | } 724 | 725 | return newStyle; 726 | } 727 | 728 | 729 | function styleDifference( oldStyle, newStyle ) { 730 | var diff = {}, 731 | name, value; 732 | 733 | for ( name in newStyle ) { 734 | value = newStyle[ name ]; 735 | if ( oldStyle[ name ] !== value ) { 736 | if ( !shorthandStyles[ name ] ) { 737 | if ( $.fx.step[ name ] || !isNaN( parseFloat( value ) ) ) { 738 | diff[ name ] = value; 739 | } 740 | } 741 | } 742 | } 743 | 744 | return diff; 745 | } 746 | 747 | $.effects.animateClass = function( value, duration, easing, callback ) { 748 | var o = $.speed( duration, easing, callback ); 749 | 750 | return this.queue( function() { 751 | var animated = $( this ), 752 | baseClass = animated.attr( "class" ) || "", 753 | applyClassChange, 754 | allAnimations = o.children ? animated.find( "*" ).andSelf() : animated; 755 | 756 | // map the animated objects to store the original styles. 757 | allAnimations = allAnimations.map(function() { 758 | var el = $( this ); 759 | return { 760 | el: el, 761 | start: getElementStyles.call( this ) 762 | }; 763 | }); 764 | 765 | // apply class change 766 | applyClassChange = function() { 767 | $.each( classAnimationActions, function(i, action) { 768 | if ( value[ action ] ) { 769 | animated[ action + "Class" ]( value[ action ] ); 770 | } 771 | }); 772 | }; 773 | applyClassChange(); 774 | 775 | // map all animated objects again - calculate new styles and diff 776 | allAnimations = allAnimations.map(function() { 777 | this.end = getElementStyles.call( this.el[ 0 ] ); 778 | this.diff = styleDifference( this.start, this.end ); 779 | return this; 780 | }); 781 | 782 | // apply original class 783 | animated.attr( "class", baseClass ); 784 | 785 | // map all animated objects again - this time collecting a promise 786 | allAnimations = allAnimations.map(function() { 787 | var styleInfo = this, 788 | dfd = $.Deferred(), 789 | opts = jQuery.extend({}, o, { 790 | queue: false, 791 | complete: function() { 792 | dfd.resolve( styleInfo ); 793 | } 794 | }); 795 | 796 | this.el.animate( this.diff, opts ); 797 | return dfd.promise(); 798 | }); 799 | 800 | // once all animations have completed: 801 | $.when.apply( $, allAnimations.get() ).done(function() { 802 | 803 | // set the final class 804 | applyClassChange(); 805 | 806 | // for each animated element, 807 | // clear all css properties that were animated 808 | $.each( arguments, function() { 809 | var el = this.el; 810 | $.each( this.diff, function(key) { 811 | el.css( key, '' ); 812 | }); 813 | }); 814 | 815 | // this is guarnteed to be there if you use jQuery.speed() 816 | // it also handles dequeuing the next anim... 817 | o.complete.call( animated[ 0 ] ); 818 | }); 819 | }); 820 | }; 821 | 822 | $.fn.extend({ 823 | _addClass: $.fn.addClass, 824 | addClass: function( classNames, speed, easing, callback ) { 825 | return speed ? 826 | $.effects.animateClass.call( this, 827 | { add: classNames }, speed, easing, callback ) : 828 | this._addClass( classNames ); 829 | }, 830 | 831 | _removeClass: $.fn.removeClass, 832 | removeClass: function( classNames, speed, easing, callback ) { 833 | return speed ? 834 | $.effects.animateClass.call( this, 835 | { remove: classNames }, speed, easing, callback ) : 836 | this._removeClass( classNames ); 837 | }, 838 | 839 | _toggleClass: $.fn.toggleClass, 840 | toggleClass: function( classNames, force, speed, easing, callback ) { 841 | if ( typeof force === "boolean" || force === undefined ) { 842 | if ( !speed ) { 843 | // without speed parameter 844 | return this._toggleClass( classNames, force ); 845 | } else { 846 | return $.effects.animateClass.call( this, 847 | (force ? { add: classNames } : { remove: classNames }), 848 | speed, easing, callback ); 849 | } 850 | } else { 851 | // without force parameter 852 | return $.effects.animateClass.call( this, 853 | { toggle: classNames }, force, speed, easing ); 854 | } 855 | }, 856 | 857 | switchClass: function( remove, add, speed, easing, callback) { 858 | return $.effects.animateClass.call( this, { 859 | add: add, 860 | remove: remove 861 | }, speed, easing, callback ); 862 | } 863 | }); 864 | 865 | })(); 866 | 867 | /******************************************************************************/ 868 | /*********************************** EFFECTS **********************************/ 869 | /******************************************************************************/ 870 | 871 | (function() { 872 | 873 | $.extend( $.effects, { 874 | version: "1.9.1", 875 | 876 | // Saves a set of properties in a data storage 877 | save: function( element, set ) { 878 | for( var i=0; i < set.length; i++ ) { 879 | if ( set[ i ] !== null ) { 880 | element.data( dataSpace + set[ i ], element[ 0 ].style[ set[ i ] ] ); 881 | } 882 | } 883 | }, 884 | 885 | // Restores a set of previously saved properties from a data storage 886 | restore: function( element, set ) { 887 | var val, i; 888 | for( i=0; i < set.length; i++ ) { 889 | if ( set[ i ] !== null ) { 890 | val = element.data( dataSpace + set[ i ] ); 891 | // support: jQuery 1.6.2 892 | // http://bugs.jquery.com/ticket/9917 893 | // jQuery 1.6.2 incorrectly returns undefined for any falsy value. 894 | // We can't differentiate between "" and 0 here, so we just assume 895 | // empty string since it's likely to be a more common value... 896 | if ( val === undefined ) { 897 | val = ""; 898 | } 899 | element.css( set[ i ], val ); 900 | } 901 | } 902 | }, 903 | 904 | setMode: function( el, mode ) { 905 | if (mode === "toggle") { 906 | mode = el.is( ":hidden" ) ? "show" : "hide"; 907 | } 908 | return mode; 909 | }, 910 | 911 | // Translates a [top,left] array into a baseline value 912 | // this should be a little more flexible in the future to handle a string & hash 913 | getBaseline: function( origin, original ) { 914 | var y, x; 915 | switch ( origin[ 0 ] ) { 916 | case "top": y = 0; break; 917 | case "middle": y = 0.5; break; 918 | case "bottom": y = 1; break; 919 | default: y = origin[ 0 ] / original.height; 920 | } 921 | switch ( origin[ 1 ] ) { 922 | case "left": x = 0; break; 923 | case "center": x = 0.5; break; 924 | case "right": x = 1; break; 925 | default: x = origin[ 1 ] / original.width; 926 | } 927 | return { 928 | x: x, 929 | y: y 930 | }; 931 | }, 932 | 933 | // Wraps the element around a wrapper that copies position properties 934 | createWrapper: function( element ) { 935 | 936 | // if the element is already wrapped, return it 937 | if ( element.parent().is( ".ui-effects-wrapper" )) { 938 | return element.parent(); 939 | } 940 | 941 | // wrap the element 942 | var props = { 943 | width: element.outerWidth(true), 944 | height: element.outerHeight(true), 945 | "float": element.css( "float" ) 946 | }, 947 | wrapper = $( "
" ) 948 | .addClass( "ui-effects-wrapper" ) 949 | .css({ 950 | fontSize: "100%", 951 | background: "transparent", 952 | border: "none", 953 | margin: 0, 954 | padding: 0 955 | }), 956 | // Store the size in case width/height are defined in % - Fixes #5245 957 | size = { 958 | width: element.width(), 959 | height: element.height() 960 | }, 961 | active = document.activeElement; 962 | 963 | // support: Firefox 964 | // Firefox incorrectly exposes anonymous content 965 | // https://bugzilla.mozilla.org/show_bug.cgi?id=561664 966 | try { 967 | active.id; 968 | } catch( e ) { 969 | active = document.body; 970 | } 971 | 972 | element.wrap( wrapper ); 973 | 974 | // Fixes #7595 - Elements lose focus when wrapped. 975 | if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) { 976 | $( active ).focus(); 977 | } 978 | 979 | wrapper = element.parent(); //Hotfix for jQuery 1.4 since some change in wrap() seems to actually lose the reference to the wrapped element 980 | 981 | // transfer positioning properties to the wrapper 982 | if ( element.css( "position" ) === "static" ) { 983 | wrapper.css({ position: "relative" }); 984 | element.css({ position: "relative" }); 985 | } else { 986 | $.extend( props, { 987 | position: element.css( "position" ), 988 | zIndex: element.css( "z-index" ) 989 | }); 990 | $.each([ "top", "left", "bottom", "right" ], function(i, pos) { 991 | props[ pos ] = element.css( pos ); 992 | if ( isNaN( parseInt( props[ pos ], 10 ) ) ) { 993 | props[ pos ] = "auto"; 994 | } 995 | }); 996 | element.css({ 997 | position: "relative", 998 | top: 0, 999 | left: 0, 1000 | right: "auto", 1001 | bottom: "auto" 1002 | }); 1003 | } 1004 | element.css(size); 1005 | 1006 | return wrapper.css( props ).show(); 1007 | }, 1008 | 1009 | removeWrapper: function( element ) { 1010 | var active = document.activeElement; 1011 | 1012 | if ( element.parent().is( ".ui-effects-wrapper" ) ) { 1013 | element.parent().replaceWith( element ); 1014 | 1015 | // Fixes #7595 - Elements lose focus when wrapped. 1016 | if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) { 1017 | $( active ).focus(); 1018 | } 1019 | } 1020 | 1021 | 1022 | return element; 1023 | }, 1024 | 1025 | setTransition: function( element, list, factor, value ) { 1026 | value = value || {}; 1027 | $.each( list, function( i, x ) { 1028 | var unit = element.cssUnit( x ); 1029 | if ( unit[ 0 ] > 0 ) { 1030 | value[ x ] = unit[ 0 ] * factor + unit[ 1 ]; 1031 | } 1032 | }); 1033 | return value; 1034 | } 1035 | }); 1036 | 1037 | // return an effect options object for the given parameters: 1038 | function _normalizeArguments( effect, options, speed, callback ) { 1039 | 1040 | // allow passing all options as the first parameter 1041 | if ( $.isPlainObject( effect ) ) { 1042 | options = effect; 1043 | effect = effect.effect; 1044 | } 1045 | 1046 | // convert to an object 1047 | effect = { effect: effect }; 1048 | 1049 | // catch (effect, null, ...) 1050 | if ( options == null ) { 1051 | options = {}; 1052 | } 1053 | 1054 | // catch (effect, callback) 1055 | if ( $.isFunction( options ) ) { 1056 | callback = options; 1057 | speed = null; 1058 | options = {}; 1059 | } 1060 | 1061 | // catch (effect, speed, ?) 1062 | if ( typeof options === "number" || $.fx.speeds[ options ] ) { 1063 | callback = speed; 1064 | speed = options; 1065 | options = {}; 1066 | } 1067 | 1068 | // catch (effect, options, callback) 1069 | if ( $.isFunction( speed ) ) { 1070 | callback = speed; 1071 | speed = null; 1072 | } 1073 | 1074 | // add options to effect 1075 | if ( options ) { 1076 | $.extend( effect, options ); 1077 | } 1078 | 1079 | speed = speed || options.duration; 1080 | effect.duration = $.fx.off ? 0 : 1081 | typeof speed === "number" ? speed : 1082 | speed in $.fx.speeds ? $.fx.speeds[ speed ] : 1083 | $.fx.speeds._default; 1084 | 1085 | effect.complete = callback || options.complete; 1086 | 1087 | return effect; 1088 | } 1089 | 1090 | function standardSpeed( speed ) { 1091 | // valid standard speeds 1092 | if ( !speed || typeof speed === "number" || $.fx.speeds[ speed ] ) { 1093 | return true; 1094 | } 1095 | 1096 | // invalid strings - treat as "normal" speed 1097 | if ( typeof speed === "string" && !$.effects.effect[ speed ] ) { 1098 | // TODO: remove in 2.0 (#7115) 1099 | if ( backCompat && $.effects[ speed ] ) { 1100 | return false; 1101 | } 1102 | return true; 1103 | } 1104 | 1105 | return false; 1106 | } 1107 | 1108 | $.fn.extend({ 1109 | effect: function( /* effect, options, speed, callback */ ) { 1110 | var args = _normalizeArguments.apply( this, arguments ), 1111 | mode = args.mode, 1112 | queue = args.queue, 1113 | effectMethod = $.effects.effect[ args.effect ], 1114 | 1115 | // DEPRECATED: remove in 2.0 (#7115) 1116 | oldEffectMethod = !effectMethod && backCompat && $.effects[ args.effect ]; 1117 | 1118 | if ( $.fx.off || !( effectMethod || oldEffectMethod ) ) { 1119 | // delegate to the original method (e.g., .show()) if possible 1120 | if ( mode ) { 1121 | return this[ mode ]( args.duration, args.complete ); 1122 | } else { 1123 | return this.each( function() { 1124 | if ( args.complete ) { 1125 | args.complete.call( this ); 1126 | } 1127 | }); 1128 | } 1129 | } 1130 | 1131 | function run( next ) { 1132 | var elem = $( this ), 1133 | complete = args.complete, 1134 | mode = args.mode; 1135 | 1136 | function done() { 1137 | if ( $.isFunction( complete ) ) { 1138 | complete.call( elem[0] ); 1139 | } 1140 | if ( $.isFunction( next ) ) { 1141 | next(); 1142 | } 1143 | } 1144 | 1145 | // if the element is hiddden and mode is hide, 1146 | // or element is visible and mode is show 1147 | if ( elem.is( ":hidden" ) ? mode === "hide" : mode === "show" ) { 1148 | done(); 1149 | } else { 1150 | effectMethod.call( elem[0], args, done ); 1151 | } 1152 | } 1153 | 1154 | // TODO: remove this check in 2.0, effectMethod will always be true 1155 | if ( effectMethod ) { 1156 | return queue === false ? this.each( run ) : this.queue( queue || "fx", run ); 1157 | } else { 1158 | // DEPRECATED: remove in 2.0 (#7115) 1159 | return oldEffectMethod.call(this, { 1160 | options: args, 1161 | duration: args.duration, 1162 | callback: args.complete, 1163 | mode: args.mode 1164 | }); 1165 | } 1166 | }, 1167 | 1168 | _show: $.fn.show, 1169 | show: function( speed ) { 1170 | if ( standardSpeed( speed ) ) { 1171 | return this._show.apply( this, arguments ); 1172 | } else { 1173 | var args = _normalizeArguments.apply( this, arguments ); 1174 | args.mode = "show"; 1175 | return this.effect.call( this, args ); 1176 | } 1177 | }, 1178 | 1179 | _hide: $.fn.hide, 1180 | hide: function( speed ) { 1181 | if ( standardSpeed( speed ) ) { 1182 | return this._hide.apply( this, arguments ); 1183 | } else { 1184 | var args = _normalizeArguments.apply( this, arguments ); 1185 | args.mode = "hide"; 1186 | return this.effect.call( this, args ); 1187 | } 1188 | }, 1189 | 1190 | // jQuery core overloads toggle and creates _toggle 1191 | __toggle: $.fn.toggle, 1192 | toggle: function( speed ) { 1193 | if ( standardSpeed( speed ) || typeof speed === "boolean" || $.isFunction( speed ) ) { 1194 | return this.__toggle.apply( this, arguments ); 1195 | } else { 1196 | var args = _normalizeArguments.apply( this, arguments ); 1197 | args.mode = "toggle"; 1198 | return this.effect.call( this, args ); 1199 | } 1200 | }, 1201 | 1202 | // helper functions 1203 | cssUnit: function(key) { 1204 | var style = this.css( key ), 1205 | val = []; 1206 | 1207 | $.each( [ "em", "px", "%", "pt" ], function( i, unit ) { 1208 | if ( style.indexOf( unit ) > 0 ) { 1209 | val = [ parseFloat( style ), unit ]; 1210 | } 1211 | }); 1212 | return val; 1213 | } 1214 | }); 1215 | 1216 | })(); 1217 | 1218 | /******************************************************************************/ 1219 | /*********************************** EASING ***********************************/ 1220 | /******************************************************************************/ 1221 | 1222 | (function() { 1223 | 1224 | // based on easing equations from Robert Penner (http://www.robertpenner.com/easing) 1225 | 1226 | var baseEasings = {}; 1227 | 1228 | $.each( [ "Quad", "Cubic", "Quart", "Quint", "Expo" ], function( i, name ) { 1229 | baseEasings[ name ] = function( p ) { 1230 | return Math.pow( p, i + 2 ); 1231 | }; 1232 | }); 1233 | 1234 | $.extend( baseEasings, { 1235 | Sine: function ( p ) { 1236 | return 1 - Math.cos( p * Math.PI / 2 ); 1237 | }, 1238 | Circ: function ( p ) { 1239 | return 1 - Math.sqrt( 1 - p * p ); 1240 | }, 1241 | Elastic: function( p ) { 1242 | return p === 0 || p === 1 ? p : 1243 | -Math.pow( 2, 8 * (p - 1) ) * Math.sin( ( (p - 1) * 80 - 7.5 ) * Math.PI / 15 ); 1244 | }, 1245 | Back: function( p ) { 1246 | return p * p * ( 3 * p - 2 ); 1247 | }, 1248 | Bounce: function ( p ) { 1249 | var pow2, 1250 | bounce = 4; 1251 | 1252 | while ( p < ( ( pow2 = Math.pow( 2, --bounce ) ) - 1 ) / 11 ) {} 1253 | return 1 / Math.pow( 4, 3 - bounce ) - 7.5625 * Math.pow( ( pow2 * 3 - 2 ) / 22 - p, 2 ); 1254 | } 1255 | }); 1256 | 1257 | $.each( baseEasings, function( name, easeIn ) { 1258 | $.easing[ "easeIn" + name ] = easeIn; 1259 | $.easing[ "easeOut" + name ] = function( p ) { 1260 | return 1 - easeIn( 1 - p ); 1261 | }; 1262 | $.easing[ "easeInOut" + name ] = function( p ) { 1263 | return p < 0.5 ? 1264 | easeIn( p * 2 ) / 2 : 1265 | 1 - easeIn( p * -2 + 2 ) / 2; 1266 | }; 1267 | }); 1268 | 1269 | })(); 1270 | 1271 | })(jQuery)); 1272 | -------------------------------------------------------------------------------- /static/js/parallax.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Зависит от jquery, jquery.mousewheel и jquery.custom. 3 | * 4 | * Важное ограничение: пока что слои со скоростями меньше единицы 5 | * (передвигающиеся медленее, чем зритель) 6 | * работают только будучи размещены прямо внутри слайда, 7 | * а не в глубине верстки. 8 | * 9 | * Copyright (c) 2013 Hot Dot Licensed MIT 10 | * http://hotdot.pro/ 11 | * */ 12 | 13 | var paraSample = {}, utilLib = {}, 14 | 15 | windowWidth, 16 | windowHeight, 17 | windowAspect, 18 | baseFontSize, 19 | para, 20 | wheelstep, 21 | aRCDescript, 22 | /* 23 | * Хранит картинки, которые хоть и не видны, 24 | * но будут загружены при загрузке страницы 25 | */ 26 | hiddenImagesContainer, 27 | 28 | 29 | iPadMode = navigator.userAgent.match(/iP/i), 30 | supportsTouchEvents = 31 | ('ontouchstart' in document.documentElement) || ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone|ZuneWP7/i.test(navigator.userAgent) ); 32 | 33 | /* */ 34 | 35 | (function(nmspc) { 36 | 37 | var alertFallback = false; 38 | if ( typeof console === "undefined" || typeof console.log === "undefined") { 39 | alert('oh no'); 40 | console = {}; 41 | if (alertFallback) { 42 | console.log = function(msg) { 43 | alert(msg); 44 | }; 45 | } else { 46 | console.log = function() { 47 | }; 48 | } 49 | } 50 | 51 | /* */ 52 | 53 | nmspc.DEVICE_TYPES = { 54 | iPad : 'iPad', 55 | iPhone: 'iPhone', 56 | android : 'android', 57 | desktop : 'desktop', 58 | wPhone : 'wPhone' 59 | } 60 | 61 | nmspc.BROWSERS = { 62 | safari: 'Safari', 63 | chrome: 'Chrome' 64 | } 65 | 66 | nmspc.OS_TYPES = { 67 | mac: 'Mac OS', 68 | win: 'Windows' 69 | } 70 | 71 | nmspc.deviceDescription = { 72 | type : undefined, 73 | browser : undefined, 74 | touchCapable : false 75 | } 76 | 77 | nmspc.deviceDescription.type = nmspc.DEVICE_TYPES.desktop; 78 | 79 | if (navigator.userAgent.indexOf('iPad') > -1) { 80 | nmspc.deviceDescription.type = nmspc.DEVICE_TYPES.iPad; 81 | } else if (navigator.userAgent.indexOf('iPhone') > -1) { 82 | nmspc.deviceDescription.type = nmspc.DEVICE_TYPES.iPhone; 83 | } else if (navigator.userAgent.indexOf('Android') > -1) { 84 | nmspc.deviceDescription.type = nmspc.DEVICE_TYPES.android; 85 | } else if (navigator.userAgent.indexOf('Windows Phone') > -1) { 86 | nmspc.deviceDescription.type = nmspc.DEVICE_TYPES.wPhone; 87 | } 88 | 89 | if (navigator.userAgent.indexOf('Chrome') > -1 ){ 90 | nmspc.deviceDescription.browser = nmspc.BROWSERS.chrome; 91 | } else if (navigator.userAgent.indexOf('Safari') > -1) { 92 | nmspc.deviceDescription.browser = nmspc.BROWSERS.safari; 93 | } 94 | 95 | nmspc.deviceDescription.os = undefined; 96 | 97 | if (navigator.userAgent.indexOf('Mac OS') > -1 ){ 98 | nmspc.deviceDescription.os = nmspc.OS_TYPES.mac; 99 | } else if (navigator.userAgent.indexOf('Windows') > -1 ){ 100 | nmspc.deviceDescription.os = nmspc.OS_TYPES.win; 101 | } 102 | 103 | if (( typeof Touch == "object") || ('ontouchstart' in document.documentElement)) { 104 | nmspc.deviceDescription.touchCapable = true; 105 | } 106 | 107 | /* */ 108 | 109 | nmspc.debu = window.location.href.indexOf('?debug') > -1; 110 | var $debWindow; 111 | 112 | nmspc.debLog = function(str) { 113 | if (!$debWindow) 114 | return; 115 | $debWindow.prepend($('' + str + '
')); 116 | } 117 | 118 | $(function() { 119 | 120 | if (nmspc.debu) { 121 | 122 | $debWindow = $('').css({ 123 | position : 'fixed', 124 | top : 0, 125 | right : 0, 126 | display : 'inline-block', 127 | width : 300, 128 | 'min-height' : 100, 129 | font : '12px sans-serif', 130 | color : 'rgba(255,255,255,.8)', 131 | 'background-color' : 'rgba(0,0,0,.5)', 132 | 'z-index' : 999, 133 | 'max-height' : '50%', 134 | 'overflow-y' : 'scroll' 135 | }); 136 | $('body').append($debWindow); 137 | 138 | } 139 | 140 | nmspc.debLog(nmspc.deviceDescription.type); 141 | nmspc.debLog('Standard-touch-capable: ' + nmspc.deviceDescription.touchCapable); 142 | 143 | }) 144 | 145 | })(utilLib); 146 | 147 | 148 | (function(arg){ 149 | 150 | if(!window.Modernizr) return; 151 | 152 | if(window.Modernizr.csstransforms3d){ 153 | paraSample.bestTranslateType = 'translate3d'; 154 | } else if(window.Modernizr.csstransforms){ 155 | paraSample.bestTranslateType = 'translate'; 156 | } else { 157 | paraSample.bestTranslateType = 'left'; 158 | } 159 | 160 | // translate3d, left, translate 161 | 162 | var translateType, 163 | transformString; 164 | 165 | arg.applyHorizontalShift = function(value, $div, translateType){ 166 | 167 | 168 | translateType = translateType || paraSample.bestTranslateType; 169 | 170 | if (value=='' || translateType != 'left') { 171 | 172 | if (value==''){ 173 | transformString = ''; 174 | } else if (translateType === 'translate3d') { 175 | transformString = 'translate3d(' + value + 'px, 0px, 0px)'; 176 | } else if (translateType === 'translate') { 177 | transformString = 'translate(' + value + 'px, 0px)'; 178 | } else if (translateType === 'translateX') { 179 | transformString = 'translateX(' + value + 'px)'; 180 | } else 181 | return; 182 | 183 | $div.css({ 184 | 185 | WebkitTransform : transformString, 186 | MozTransform : transformString, 187 | Transform : transformString, 188 | msTransform : transformString, 189 | OTransform : transformString, 190 | transform : transformString 191 | 192 | }); 193 | 194 | } 195 | 196 | if (value=='' || translateType == 'left') { 197 | 198 | $div.css('left', value); 199 | 200 | } 201 | 202 | } 203 | 204 | })(paraSample); 205 | 206 | 207 | /* */ 208 | 209 | paraSample.preloaderEnabled = true; 210 | 211 | paraSample.settings = { 212 | 213 | removeScrollbar: 214 | utilLib.deviceDescription.type != utilLib.DEVICE_TYPES.wPhone, 215 | 216 | disableAutoHashChange: utilLib.deviceDescription.type == utilLib.DEVICE_TYPES.android, 217 | 218 | touchNotScrollMode: 219 | (utilLib.deviceDescription.type != utilLib.DEVICE_TYPES.desktop) 220 | && utilLib.deviceDescription.touchCapable, 221 | 222 | mousewheelSlowness: { 223 | windows: 15, 224 | mac: 60 225 | }, 226 | 227 | pauseSideAnimationsWhenMoving: true 228 | 229 | } 230 | 231 | function parallax(param) { 232 | 233 | /* Настройки */ 234 | 235 | var parallaxID = "parallax", 236 | overflowsParentClass = "overflowsSlide", 237 | wrapsWindowWidthClass = 'wrapsWindowWidth', 238 | paralaxBackgroundClass = 'parallaxBackground', 239 | 240 | /* Отключает скроллбар вовсе */ 241 | scrollbarFullyRemoved = param.removeScrollbar; 242 | 243 | /* 244 | * Можно задать тип анимации параллакса и слоев 245 | * и анимируемое свойство. 246 | * 247 | * Далее следует оценка 248 | * совместимости настроек 249 | * в виде таблицы. 250 | * 251 | * Без анимации виртуального скролла: 252 | * 253 | * X JQuery CSS3 254 | * left | o | o | o | 255 | * translate | o | ? | o | 256 | * 257 | * С анимированным виртуальным скроллом: 258 | * 259 | * X JQuery CSS3 260 | * left | o | x | x | 261 | * translate | o | x | x | 262 | * 263 | * 264 | * */ 265 | 266 | 267 | var animationTypes = { 268 | NONE : 0, 269 | JQ_EASED : 1, 270 | CSS3_EASED : 2, 271 | SUPER_EASED : 3, 272 | EASED : 4 273 | }, shiftPropertyTypes = { 274 | LEFT : 'left', 275 | TRANSLATEX : 'translateX', 276 | TRANSLATE : 'translate', 277 | TRANSLATE3D : 'translate3d' 278 | }; 279 | 280 | var layerAnimationType = animationTypes.NONE, 281 | scrollValueAnimationType = animationTypes.EASED, 282 | parallaxLeftAnimationType = animationTypes.NONE; 283 | 284 | var layerShiftProperty = param.layerShiftProperty || 'left', 285 | parallaxShiftProperty = param.parallaxShiftProperty || 'left'; 286 | 287 | //http://easings.net/ru 288 | var scrollEasing = 'easeOutExpo', scrollAnimationDuration = 1500; 289 | 290 | /* Конец настроек, начало рабочего кода */ 291 | 292 | var para_cached = this; 293 | 294 | var windowWidth; 295 | 296 | var slides = { 297 | $src : undefined, 298 | array : [], 299 | singleSlideWidth : 0 300 | }; 301 | 302 | 303 | var scroll = { 304 | add : function() { 305 | }, 306 | get : function() { 307 | }, 308 | delta : 0, 309 | cur : 0, 310 | previous : 0, 311 | maxLimit : 0, 312 | firstStep : 0, 313 | $src : undefined, 314 | startWindowWidth : 0, 315 | resizeModifier : 1, 316 | minimalStep : 0 317 | }; 318 | 319 | para_cached.scroll = scroll; 320 | 321 | this.currentSlideI = 0; 322 | 323 | this.mouseWheelTarget = $('body'); 324 | 325 | this.findLayerWrapper = function(src) { 326 | 327 | for (var i = 0, s = slides.array[0]; i < slides.array.length; i++, s = slides.array[i]) { 328 | 329 | for (var j = 0, l = s.layers[0]; j < s.layers.length; j++, l = s.layers[j]) { 330 | 331 | if (src == l.$src[0]) { 332 | return l; 333 | } 334 | 335 | } 336 | 337 | } 338 | } 339 | 340 | var slideChangeModel = 'onBorder'; 341 | 342 | function layer($src, prnt) { 343 | 344 | //$src.parent().css('display',''); 345 | 346 | var hasParalaxBackgroundClass = $src.hasClass(paralaxBackgroundClass); 347 | 348 | this.$src = $src; 349 | this.prnt = prnt; 350 | this.spd = +$src.attr('alt'); 351 | 352 | if (hasParalaxBackgroundClass) { 353 | $src.css('min-height', '100%'); 354 | } 355 | 356 | var slowness = 1 - this.spd, extraSpeed = this.spd - 1; 357 | 358 | var halfWindowWidth, halfParentWidth, preCalculatedPosition, halfWidth; 359 | 360 | var hasOverflowMarker = $src.hasClass(overflowsParentClass), isSmallAndSlow; 361 | 362 | var relLeftBorder = 0, relRightBorder; 363 | 364 | if (layerAnimationType == animationTypes.CSS3_EASED) { 365 | CSS3setupAdjust(layerShiftProperty, this.$src); 366 | } 367 | 368 | this.applyWindowSize = function() { 369 | 370 | if (!hasParalaxBackgroundClass) { 371 | $src.attr('style', ''); 372 | } else { 373 | 374 | paraSample.applyHorizontalShift('', $src); 375 | $src.css({ 376 | width : '' 377 | }); 378 | // Opera: 379 | // переключение позиционирования 380 | // слоя с относительного на абсолютное 381 | // рушит верстку. 382 | var usingOpera = navigator.userAgent.indexOf('Opera') > -1; 383 | if (!usingOpera) { 384 | $src.css({ 385 | position : '' 386 | }); 387 | } 388 | } 389 | 390 | halfWindowWidth = windowWidth / 2; 391 | halfParentWidth = this.prnt.width / 2; 392 | 393 | /*var isTestSlide = false&&$src.parent().is('#intro');*/ 394 | 395 | if (hasParalaxBackgroundClass) { 396 | 397 | this.width = $src.width(); 398 | var minWidth = this.spd * (this.prnt.prnt.width - windowWidth) + windowWidth; 399 | 400 | if (this.width < minWidth) { 401 | this.width = minWidth; 402 | $src.width(this.width); 403 | } 404 | 405 | } else { 406 | 407 | // Баг в (sic!) Хроме. 408 | // Элемент
409 | // Имеет правила, меняющие его высоту.
410 | // В этот момент программы Хром меняет высоту в соответствии с правилом,
411 | // но оставляет ширину неизменной.
412 | // Попробуем вылечить небольшим встряхиванием состояния элемента.
413 | $src.css('position','absolute');
414 | /*(if(isTestSlide){
415 | console.log($src,$src.width());
416 | }*/
417 | this.width = $src.width();
418 | $src.css('position','');
419 | /*if(isTestSlide){
420 | console.log($src,$src.width());
421 | }*/
422 | }
423 |
424 | halfWidth = this.width / 2;
425 | relRightBorder = prnt.width - this.width;
426 |
427 | isSmallAndSlow = this.spd <= 1 && this.width < this.prnt.width;
428 | this.overflowsParent = hasOverflowMarker || hasParalaxBackgroundClass || !isSmallAndSlow;
429 |
430 | this.$src.css('left', '');
431 |
432 | // Moz:
433 | // Если позиционирование слоя на этот момент абсолютное,
434 | // то даже с учетом ресета css('left', '')
435 | // .css('left') будет выдавать числовое значение,
436 | // не содержащееся ни в одном из каскадных стилей.
437 | var cssLeft = $src.css('left');
438 |
439 | /*
440 | * В Опере нельзя переключать позиционирование фонового слоя,
441 | * но можно определить, что css-left = auto, при абсолютном.
442 | * В FF можно переключать позиционирование этого слоя,
443 | * но нельзя определить, что css-left = auto, при абсолютном.
444 | * Решение: для Оперы всегда сохранять абсолютное позиционирование,
445 | * для остальных браузеров -- отключать во время определения css-left = auto.
446 | */
447 | $src.css({
448 | display : 'inline-block',
449 | overflow : 'visible',
450 | position : 'absolute'
451 | });
452 |
453 | // Moz:
454 | // Элементы с позиционированием не-static
455 | // выдают численное значение даже при отсутствии left в стиле.
456 | if (cssLeft == 'auto') {
457 | this.left = halfParentWidth - halfWidth;
458 | } else {
459 | this.left = parseInt(cssLeft, 10);
460 | }
461 |
462 | if (layerShiftProperty !== shiftPropertyTypes.LEFT) {
463 | this.$src.css('left', '0px');
464 | };
465 |
466 | if (this.spd == 0) {
467 | preCalculatedPosition = halfWindowWidth - halfWidth;
468 | } else if (this.spd > 0 && this.spd < 1) {
469 | preCalculatedPosition = (halfWindowWidth - halfWidth) * (1 - this.spd) + this.left * this.spd;
470 | } else {
471 | preCalculatedPosition = this.left;
472 | }
473 |
474 | }
475 | /*
476 | Формулы подсчета в сыром виде:
477 |
478 | spd = 0
479 | halfWindowWidth-halfWidth+inScroll
480 | spd: (0,1)
481 | (halfWindowWidth-halfWidth+inScroll)*(1-this.spd)+this.left*this.spd
482 | spd > 1
483 | this.left-inScroll*(this.spd-1)
484 | */
485 |
486 | this.parallaxLeft = function(inScroll) {
487 |
488 | if (this.spd == 0) {
489 | this.currentLeft = preCalculatedPosition + inScroll;
490 | } else if (this.spd > 0 && this.spd < 1) {
491 | this.currentLeft = preCalculatedPosition + inScroll * slowness;
492 | } else {
493 | this.currentLeft = preCalculatedPosition - inScroll * extraSpeed;
494 | }
495 | return this.currentLeft
496 | }
497 |
498 | this.adjust = function(inScroll) {
499 |
500 | var left = this.parallaxLeft(inScroll);
501 |
502 | /*
503 | Слоям на переднем плане (очень быстрым)
504 | позволяем выходить за границу слайда
505 | */
506 |
507 | if (!this.overflowsParent) {
508 |
509 | var leftBorder = relLeftBorder, rightBorder = relRightBorder;
510 |
511 | if (left < leftBorder) {
512 | left = leftBorder;
513 | } else if (left > rightBorder) {
514 | left = rightBorder;
515 | }
516 |
517 | }
518 |
519 | if (layerAnimationType == animationTypes.CSS3_EASED || layerAnimationType == animationTypes.NONE) {
520 |
521 | paraSample.applyHorizontalShift(left, this.$src, layerShiftProperty);
522 | } else if (layerAnimationType == animationTypes.JQ_EASED) {
523 | jqueryAnimateShift(this.$src, left);
524 | }
525 |
526 | }
527 |
528 | return this;
529 | }
530 |
531 | function slide($src, masterSlide, prnt) {
532 |
533 | this.masterSlide = masterSlide;
534 | this.layers = [];
535 | this.$src = $src;
536 | this.initialLeft = 0;
537 | this.left = 0;
538 | this.width = 0;
539 | this.$axis = {};
540 | this.prnt = prnt;
541 | var children = this.$src.children();
542 |
543 | var windowWidth_cache;
544 |
545 | this.childrenVisible = true;
546 |
547 | this.adjust = function() {
548 |
549 | this.left = this.initialLeft - this.prnt.$src.scroll;
550 |
551 | var right = this.left + this.width;
552 |
553 | var toTheLeftOfScreen = this.left < 0 && right < 0, toTheRightOfScreen = this.left > windowWidth_cache && right > windowWidth_cache;
554 |
555 | if ((toTheLeftOfScreen || toTheRightOfScreen)
556 | && !param.noSlideHideOptimization) {
557 | if (this.childrenVisible) {
558 | children.hide();
559 | this.childrenVisible = false;
560 | }
561 | } else {
562 | if (!this.childrenVisible) {
563 |
564 | children.show();
565 | this.childrenVisible = true;
566 | }
567 |
568 | /* Переход к дочерним слоям */
569 |
570 | var scrollPosition = -this.left;
571 |
572 | for (var i = 0, l = this.layers[0], len = this.layers.length; i < len; i++, l = this.layers[i]) {
573 | l.adjust(scrollPosition);
574 | }
575 | }
576 |
577 | }
578 | var slide = this;
579 |
580 | this.applyWindowSize = function() {
581 |
582 | windowWidth_cache = windowWidth;
583 | this.$src.css('display', '');
584 | if (masterSlide) {
585 | this.width = this.prnt.width;
586 | this.initialLeft = 0;
587 |
588 | } else {
589 | this.width = windowWidth;
590 | this.initialLeft = this.prnt.width;
591 | this.$src.css('width', this.width);
592 |
593 | }
594 |
595 | }
596 | this.applyWindowSize();
597 |
598 | this.applyWindowSizeToChildren = function() {
599 |
600 | children.show();
601 |
602 | for (var i = 0, j = slide.layers.length; i < j; i++) {
603 | slide.layers[i].applyWindowSize();
604 | };
605 | }
606 |
607 | this.initChildren = function() {
608 |
609 | var layerChildren;
610 |
611 | if (masterSlide) {
612 | layerChildren = this.$src.children('[alt]');
613 | } else {
614 | layerChildren = $('*[alt]', this.$src);
615 | }
616 |
617 | children.show();
618 |
619 | layerChildren.each(function() {
620 |
621 | var $layer = $(this)
622 |
623 | if ($layer.attr('alt') == '1') {
624 | $layer.css({
625 | position : 'absolute'
626 | });
627 | slide.$axis = $layer;
628 |
629 | } else {
630 | var wrapped = new layer($layer, slide);
631 | slide.layers.push(wrapped);
632 | }
633 | });
634 | }
635 | this.initChildren();
636 |
637 | return this;
638 |
639 | }
640 |
641 |
642 | this.init = init;
643 | function init() {
644 |
645 | slides.$src = $('#' + parallaxID);
646 | slides.$src.scroll = 0;
647 |
648 | if (scrollbarFullyRemoved) {
649 | $('html').css('overflow', 'hidden');
650 | } else {
651 | $('html').css({
652 | 'overflow-x' : 'scroll',
653 | 'overflow-y' : 'hidden'
654 | });
655 | }
656 |
657 | slides.$src.children('div').css({
658 | height : '100%',
659 | position : 'relative',
660 | float : 'left',
661 | overflow : 'hidden'
662 | });
663 |
664 | slides.$src.css({
665 | width : '100%',
666 | height : '100%',
667 | 'overflow-x' : 'visible',
668 | position : 'fixed'
669 | });
670 |
671 | if (parallaxLeftAnimationType === animationTypes.CSS3_EASED) {
672 | CSS3setupAdjust(parallaxShiftProperty, slides.$src);
673 | }
674 |
675 | initSlides();
676 |
677 | applyWindowSize();
678 |
679 | applyWindowSizeToParallaxLayers();
680 |
681 | refreshSlides();
682 |
683 | //$('body').bind('mousewheel', onMouseWheel);
684 |
685 | $('.' + paralaxBackgroundClass).css('z-index', 'auto');
686 |
687 | slides.$src.trigger('init');
688 |
689 | }
690 |
691 | function initSlides() {
692 |
693 | /* Обычные слайды */
694 |
695 | slides.array = [];
696 |
697 | slides.$src.find('> div').each(function() {
698 | var $slide = $(this);
699 | if ($slide.attr('alt'))
700 | return;
701 | var p = new slide($slide, false, slides);
702 |
703 | slides.array.push(p);
704 | });
705 |
706 | para_cached.slidesCount = slides.array.length;
707 |
708 | /* Сам параллакс выступает в качестве слайда
709 | * по отношению к фону параллакса */
710 |
711 | var p = new slide(slides.$src, true, slides);
712 | slides.array.push(p);
713 |
714 | }
715 |
716 | function applyWindowSize() {
717 |
718 | windowWidth = $(window).innerWidth();
719 |
720 | slides.singleSlideWidth = windowWidth;
721 |
722 | scroll.minimalStep = windowWidth / 1000 / 15;
723 |
724 | slides.width = 0;
725 |
726 | for (var i = 0, l = slides.array.length; i < l; i++) {
727 | var s = slides.array[i]
728 | s.applyWindowSize();
729 | if (!s.masterSlide) {
730 | slides.width += s.width;
731 | }
732 | }
733 |
734 | slides.$src.width(slides.width);
735 | scroll.maxLimit = slides.width - windowWidth;
736 |
737 | initScrollbar();
738 |
739 | }
740 |
741 | function applyWindowSizeToParallaxLayers() {
742 | for (var i = 0, s = slides.array[i]; i < slides.array.length; i++, s = slides.array[i]) {
743 |
744 | s.applyWindowSizeToChildren();
745 | }
746 |
747 |
748 | slides.$src.trigger('engineRebuild', slides.$src.scroll)
749 | //customEventEngine.call(para_cached, 'engineRebuild', slides.$src.scroll);
750 | }
751 |
752 | var intervalID, stepToBe;
753 |
754 | // Участник собственноручно сделанного сглаженного скролла
755 | function stepF() {
756 |
757 | stepToBe = (scroll.cur - slides.$src.scroll) / 15;
758 |
759 | if (Math.abs(stepToBe) > scroll.minimalStep) {
760 | slides.$src.scroll += stepToBe;
761 |
762 | refreshSlidesAndFireListeners();
763 |
764 | } else if (scroll.doingNextMove) {
765 | scroll.doingNextMove = false;
766 |
767 |
768 | slides.$src.trigger('finishedMove', slides.$src.scroll)
769 | slides.$src.removeClass('disable-hover');
770 |
771 | }
772 |
773 | };
774 |
775 | var straightScrollSwitch = false;
776 |
777 | function straightScroll() {
778 |
779 | slides.$src.scroll = scroll.cur;
780 |
781 | refreshSlidesAndFireListeners();
782 |
783 | straightScrollSwitch = false;
784 | }
785 |
786 | var lastSlideI = 0, currentSlideI = 0, rawScroll = 0;
787 |
788 | function trackSlideChange() {
789 |
790 | rawScroll = scroll.cur / slides.singleSlideWidth;
791 |
792 | if(slideChangeModel == 'onBorder'){
793 |
794 | // смена происходит
795 | // на границе слайдов
796 | while (rawScroll <= lastSlideI - .5) {
797 | para.currentSlideI--;
798 | lastSlideI = para.currentSlideI;
799 | }
800 |
801 | while (rawScroll >= lastSlideI + .5) {
802 | para.currentSlideI++;
803 | lastSlideI = para.currentSlideI;
804 | }
805 |
806 | } else {
807 |
808 | // смена происходит
809 | // в центре соседнего слайда
810 | while (rawScroll <= lastSlideI - 1) {
811 | para.currentSlideI--;
812 | lastSlideI = para.currentSlideI;
813 | }
814 |
815 | while (rawScroll >= lastSlideI + 1) {
816 | para.currentSlideI++;
817 | lastSlideI = para.currentSlideI;
818 | }
819 | }
820 | }
821 |
822 | function getScrollPositionAndAnimateEverything() {
823 |
824 | scroll.cur = scroll.get();
825 | scroll.delta = Math.abs(slides.$src.scroll - scroll.cur);
826 |
827 | scroll.doingNextMove = true;
828 |
829 | slides.$src.trigger('startedMove', slides.$src.scroll)
830 | slides.$src.addClass('disable-hover');
831 |
832 | if (false)
833 | alert('getScrollPositionAndAnimateEverything : .cur: ' + scroll.cur + ', $src.scroll: ' + slides.$src.scroll);
834 |
835 | if (straightScrollSwitch) {
836 |
837 | straightScroll();
838 |
839 | } else if (scrollValueAnimationType == animationTypes.EASED) {
840 |
841 | if (!intervalID)
842 | intervalID = setInterval(stepF, 17);
843 |
844 | } else if (scrollValueAnimationType == animationTypes.SUPER_EASED) {
845 | if (scroll.delta > 70) {
846 |
847 | scroll.firstStep = true;
848 |
849 | slides.$src.stop(true, true).animate({
850 | scroll : scroll.cur
851 | }, {
852 | step : function(now, fx) {
853 |
854 | /* дикий хак */
855 | if (scroll.firstStep) {
856 | fx.start = slides.$src.scroll;
857 | scroll.firstStep = false;
858 | return;
859 | }
860 |
861 | refreshSlidesAndFireListeners();
862 | slides.$src.scroll = now;
863 |
864 | },
865 | duration : scrollAnimationDuration,
866 | easing : scrollEasing
867 | });
868 |
869 | } else {
870 |
871 | slides.$src.stop(true, true);
872 | slides.$src.scroll = scroll.cur;
873 | refreshSlidesAndFireListeners()
874 | }
875 |
876 | } else if (scrollValueAnimationType == animationTypes.JQ_EASED) {
877 |
878 | slides.$src.stop().animate({
879 | scroll : scroll.cur
880 | }, {
881 | step : function(now, fx) {
882 | slides.$src.scroll = now;
883 | refreshSlidesAndFireListeners();
884 |
885 | },
886 | duration : scrollAnimationDuration,
887 | easing : scrollEasing
888 | });
889 |
890 | } else {
891 | straightScroll();
892 | }
893 |
894 | trackSlideChange();
895 |
896 | }
897 |
898 | function refreshSlidesAndFireListeners(){
899 |
900 | refreshSlides();
901 |
902 |
903 | slides.$src.trigger('scrollChange', slides.$src.scroll)
904 | //customEventEngine.call(para_cached, 'scrollChange', slides.$src.scroll);
905 |
906 | }
907 |
908 | function refreshSlides() {
909 |
910 | if (parallaxLeftAnimationType == animationTypes.CSS3_EASED || parallaxLeftAnimationType == animationTypes.NONE) {
911 | paraSample.applyHorizontalShift(-slides.$src.scroll, slides.$src, parallaxShiftProperty);
912 | } else if (parallaxLeftAnimationType == animationTypes.JQ_EASED) {
913 | jqueryAnimateShift(slides.$src, -slides.$src.scroll);
914 | }
915 |
916 |
917 | for (var i = 0, s = slides.array[0], len = slides.array.length; i < len; i++, s = slides.array[i]) {
918 | s.adjust();
919 | }
920 |
921 |
922 |
923 | /*
924 | for(var l in scrollListeners){
925 |
926 | scrollListeners[l](slides.$src.scroll);
927 | }*/
928 |
929 | }
930 |
931 | function initScrollbar() {
932 |
933 | var scrollListenerTarget;
934 |
935 | var firstInit = scroll.$src ? false : true;
936 |
937 | if (!firstInit) {
938 | scroll.$src.remove();
939 | } else {
940 | startWindowWidth = windowWidth;
941 | }
942 |
943 | if (param.touchNotScrollMode) {
944 |
945 | /*
946 | $('html').css('overflow','hidden');
947 | $('body').css('overflow','hidden');*/
948 |
949 | var dummy = $('').css({
950 | position : 'absolute',
951 | display : 'hidden'
952 | });
953 |
954 | if (firstInit)
955 | $('body').append(dummy);
956 |
957 | scroll.$src = $('').css({
958 | width : slides.width,
959 | });
960 |
961 | var touchStart = 0;
962 | time = {
963 | start : 0,
964 | end : 0
965 | };
966 |
967 | var delta, speed = {
968 | cur : 0,
969 | max : 15,
970 | min : .1
971 | };
972 |
973 | if (firstInit) {
974 |
975 | slides.$src[0].addEventListener("touchmove", function(e) {
976 |
977 |
978 | if (e.touches.length > 1)
979 | return;
980 |
981 | e.preventDefault();
982 |
983 | time.end = new Date().getTime();
984 |
985 | var deltaTime = time.end - time.start;
986 |
987 | delta = e.touches[0].screenX - touchStart;
988 |
989 | speed.cur = delta * delta / 15 * (delta < 0 ? -1 : 1);
990 |
991 | scroll.add(-speed.cur);
992 |
993 | touchStart = e.touches[0].screenX;
994 |
995 | time.start = time.end;
996 |
997 | });
998 |
999 | slides.$src[0].addEventListener("touchstart", function(e) {
1000 |
1001 | //e.preventDefault();
1002 |
1003 |
1004 | time.start = new Date().getTime();
1005 |
1006 | touchStart = e.touches[0].screenX;
1007 |
1008 | scroll.stop();
1009 |
1010 | });
1011 |
1012 | }
1013 |
1014 | var maxScroll = slides.width - windowWidth, minScroll = 0;
1015 |
1016 | scroll.add = function(delta) {
1017 |
1018 | if (scroll.cur + delta > maxScroll) {
1019 | scroll.cur = maxScroll
1020 | } else if (scroll.cur + delta < minScroll) {
1021 | scroll.cur = minScroll;
1022 | } else {
1023 | scroll.cur += delta;
1024 | }
1025 |
1026 | getScrollPositionAndAnimateEverything();
1027 | }
1028 |
1029 | scroll.stop = function() {
1030 | scroll.cur = slides.$src.scroll;
1031 | }
1032 |
1033 | scroll.get = function() {
1034 | return scroll.cur;
1035 | }
1036 | } else {
1037 |
1038 | var scrollTarget;
1039 |
1040 | if (!scrollbarFullyRemoved) {
1041 |
1042 | scroll.$src = $('').css({
1043 | width : slides.width,
1044 | height : '1px'
1045 | });
1046 |
1047 | $('body').append(scroll.$src);
1048 |
1049 | scrollTarget = window;
1050 | }
1051 |
1052 | scroll.get = function() {
1053 |
1054 | if (scrollbarFullyRemoved) {
1055 | return scroll.cur;
1056 | }
1057 |
1058 | return $(scrollTarget).scrollLeft();
1059 | }
1060 |
1061 | scroll.add = function(delta) {
1062 |
1063 | if (scrollbarFullyRemoved) {
1064 |
1065 | var newScroll = scroll.cur + delta;
1066 |
1067 | if (newScroll < 0) {
1068 | newScroll = 0;
1069 | } else if (newScroll > scroll.maxLimit) {
1070 | newScroll = scroll.maxLimit;
1071 | }
1072 |
1073 | scroll.cur = newScroll;
1074 | getScrollPositionAndAnimateEverything();
1075 | return;
1076 | }
1077 | $(scrollTarget).scrollLeft($(scrollTarget).scrollLeft() + delta);
1078 | }
1079 | if (firstInit && !scrollbarFullyRemoved) {
1080 |
1081 | $(scrollTarget).on('scroll', getScrollPositionAndAnimateEverything);
1082 | }
1083 | }
1084 |
1085 | para_cached.add = scroll.add;
1086 |
1087 | para_cached.width = slides.width;
1088 | }
1089 |
1090 |
1091 | this.toSlide = function(index) {
1092 | if (index > -1 && index < slides.array.length) {
1093 | this.to(windowWidth * index);
1094 | }
1095 | }
1096 |
1097 | this.to = function(value) {
1098 | scroll.add(value - scroll.get());
1099 | }
1100 | function closerGeneric(left) {
1101 | var cur = scroll.get(), roun = left ? Math.floor : Math.ceil, curIndex = cur / slides.singleSlideWidth, dest = roun(cur / slides.singleSlideWidth);
1102 |
1103 | if (cur % slides.singleSlideWidth == 0) {
1104 | dest += left ? (-1) : 1;
1105 | }
1106 | dest *= slides.singleSlideWidth;
1107 |
1108 | para_cached.to(dest);
1109 | }
1110 |
1111 |
1112 | this.closerLeft = function() {
1113 | closerGeneric(true);
1114 | }
1115 |
1116 | this.closerRight = function() {
1117 | closerGeneric(false);
1118 | }
1119 | function CSS3setupAdjust(shiftProperty, $div) {
1120 |
1121 | var transiTrailer = scrollAnimationDuration + 'ms ease-in-out 1ms';
1122 |
1123 | if (shiftProperty == shiftPropertyTypes.LEFT) {
1124 |
1125 | transi = 'left ' + transiTrailer;
1126 |
1127 | } else if (shiftProperty == shiftPropertyTypes.TRANSLATE || shiftProperty == shiftPropertyTypes.TRANSLATEX || shiftProperty == shiftPropertyTypes.TRANSLATE3D) {
1128 |
1129 | transi = '-webkit-transform ' + transiTrailer;
1130 |
1131 | }
1132 |
1133 | $div.css({
1134 | WebkitTransition : transi,
1135 | MozTransition : transi,
1136 | OTransition : transi,
1137 | msTransition : transi,
1138 | transition : transi
1139 | });
1140 |
1141 | }
1142 |
1143 | function jqueryAnimateShift($div, value) {
1144 |
1145 | $div.stop(false).animate({
1146 | left : value + 'px',
1147 | }, scrollAnimationDuration, scrollEasing);
1148 | }
1149 |
1150 |
1151 | /* Обратные связи */
1152 |
1153 | var absScroll, relativeScroll;
1154 |
1155 | this.onResizeSlides = function() {
1156 |
1157 | absScroll = scroll.get();
1158 | relativeScroll = absScroll / windowWidth;
1159 |
1160 | applyWindowSize();
1161 |
1162 | }
1163 |
1164 | this.onResizeLayers = function() {
1165 |
1166 | applyWindowSizeToParallaxLayers();
1167 |
1168 | refreshSlidesAndFireListeners();
1169 |
1170 | var newScroll = relativeScroll * windowWidth;
1171 |
1172 | straightScrollSwitch = true;
1173 |
1174 | scroll.add(newScroll - scroll.get());
1175 | }
1176 | }
1177 |
1178 | /*
1179 | * Загрузка
1180 | */
1181 |
1182 | var preloader = {
1183 | disable : undefined,
1184 | start : undefined,
1185 | onLoad : function() {
1186 | },
1187 | $slide : undefined,
1188 | visuals : undefined,
1189 | fillVisuals : function() {
1190 | },
1191 | fillingTime : 1400,
1192 | delayBeforeLoadCheck : 0,
1193 | targetLogoWidth : 0
1194 | };
1195 |
1196 | var loaderClass = 'loadBackground';
1197 |
1198 | preloader.fillVisuals = function(fillAmount, callback) {
1199 |
1200 | if (!callback)
1201 | callback = function() {
1202 | };
1203 |
1204 | $(function() {
1205 | preloader.visuals.loaded/*.stop(false, false)*/.animate({
1206 | 'width' : preloader.targetLogoWidth * fillAmount
1207 | }, {
1208 | duration : preloader.fillingTime,
1209 | queue : false
1210 | });
1211 | preloader.visuals.unloaded/*.stop(false, false)*/.animate({
1212 | 'width' : (1 - fillAmount) * preloader.targetLogoWidth
1213 | }, {
1214 | duration : preloader.fillingTime,
1215 | queue : false,
1216 | complete : callback
1217 | });
1218 | });
1219 |
1220 | }
1221 |
1222 | preloader.disable = function(param) {
1223 |
1224 | if (param && param.rough) {
1225 |
1226 | $('.' + loaderClass).remove();
1227 | preloader.$slide.remove();
1228 |
1229 | } else {
1230 |
1231 | $('.' + loaderClass).delay(300).animate({
1232 | 'opacity' : 0
1233 | }, preloader.fillingTime, function() {
1234 | $(this).remove();
1235 | });
1236 |
1237 | preloader.$slide.animate({
1238 | 'opacity' : 0,
1239 | /*left: "-"+preloader.$slide.width()+"px"*/
1240 | }, preloader.fillingTime, function() {
1241 | $(this).remove();
1242 | });
1243 | }
1244 |
1245 | $(document.body).removeClass('unloaded');
1246 |
1247 | }
1248 | $(function() {
1249 | return;
1250 | var $media = $('html').find('img,video');
1251 |
1252 | var lc = 0;
1253 | $media.on('load', function() {
1254 | lc++;
1255 | utilLib.debLog('loadEvent() fired. Total fired: ' + lc + '\n Still need to load ' + ($media.length - lc));
1256 | console.log(this);
1257 | });
1258 | $media.on('error', function() {
1259 | lc++;
1260 | utilLib.debLog('errorEvent() fired.');
1261 | console.log(this);
1262 | });
1263 | });
1264 |
1265 | preloader.init = function(){
1266 | preloader.visuals = {
1267 | loaded : $('.preloaderCont .ending'),
1268 | unloaded : $('.preloaderCont .starting')
1269 | };
1270 | preloader.$slide = $('.preloaderCont');
1271 | preloader.targetLogoWidth = .9 * $(window).innerWidth();
1272 | }
1273 |
1274 | preloader.start = function() {
1275 |
1276 | preloader.init();
1277 |
1278 | var $media = $('html').find('img,video');
1279 |
1280 | var mediaCount = $media.length;
1281 |
1282 | var local_onContentLoad = this.onContentLoad;
1283 |
1284 | var loaded = 0;
1285 |
1286 | preloader.visuals.loaded
1287 | .add(preloader.visuals.unloaded)
1288 | .css('opacity', 0);
1289 |
1290 | var $subCont = $('.preloaderCont .subCont');
1291 |
1292 | var imageAspect = preloader.visuals.loaded.find('img').width() / preloader.visuals.loaded.find('img').height();
1293 |
1294 | preloader.visuals.loaded.find('img')
1295 | .add(preloader.visuals.unloaded.find('img'))
1296 | .add(preloader.visuals.unloaded)
1297 | .css('width', preloader.targetLogoWidth);
1298 |
1299 | $subCont
1300 | .add(preloader.visuals.loaded.find('img'))
1301 | .add(preloader.visuals.unloaded.find('img'))
1302 | .css('height', preloader.targetLogoWidth / imageAspect);
1303 |
1304 |
1305 |
1306 | function getFilesToLoadCount() {
1307 |
1308 | var a = $media.filter(function() {
1309 |
1310 | // причина: в одном из браузеров не обнаружил complete у svg-изображения
1311 | if (this.src && this.src.indexOf('svg') > -1) {
1312 | return false;
1313 | // видео
1314 | /*READY_STATE http://www.w3schools.com/tags/av_prop_readystate.asp*/
1315 | } else if (this.readyState !== undefined && this.readyState >= 3) {
1316 | return false;
1317 | } else if (this.complete) {
1318 | return false;
1319 | }
1320 |
1321 | //console.log(this);
1322 | return true;
1323 |
1324 | });
1325 |
1326 | return a.length;
1327 | }
1328 |
1329 | setTimeout(earlyCachedDetection, preloader.delayBeforeLoadCheck);
1330 |
1331 | function earlyCachedDetection() {
1332 |
1333 | var alreadyLoaded = getFilesToLoadCount();
1334 |
1335 | if (alreadyLoaded == 0) {
1336 |
1337 | utilLib.debLog('No need to load.');
1338 |
1339 | preloader.onLoad();
1340 | preloader.disable({
1341 | 'rough' : true
1342 | });
1343 |
1344 | return;
1345 |
1346 | } else {
1347 |
1348 | preloader.visuals.loaded.add(preloader.visuals.unloaded).animate({
1349 | 'opacity' : 1
1350 | }, 300);
1351 | a();
1352 | }
1353 | }
1354 |
1355 | function a() {
1356 |
1357 | var notLoaded = getFilesToLoadCount();
1358 |
1359 | var loadedPart = (mediaCount - notLoaded ) / mediaCount;
1360 |
1361 | if (notLoaded == 0) {
1362 |
1363 | utilLib.debLog('Finished loading');
1364 |
1365 | preloader.fillVisuals(loadedPart, preloader.onLoad);
1366 |
1367 | } else {
1368 |
1369 | setTimeout(a, 1000);
1370 |
1371 | utilLib.debLog('Still need to load ' + notLoaded);
1372 |
1373 | preloader.fillVisuals(loadedPart);
1374 |
1375 | }
1376 | }
1377 |
1378 | }
1379 |
1380 |
1381 | /*
1382 |
1383 | resizeables.js
1384 |
1385 | * Пожалуйста, предоставляйте
1386 | * релевантные глобальные переменные
1387 | * windowWidth, windowHeight, windowAspect
1388 | * перед вызовами resizeables.adjust()
1389 | */
1390 |
1391 | var resizeables = {
1392 |
1393 | engineCreator: undefined,
1394 |
1395 | engine: undefined,
1396 |
1397 | initFromDescript: function(d){
1398 | resizeables.engine.getContainersFromDescript(d);
1399 | },
1400 | init: function(){
1401 | resizeables.engine.findContainers();
1402 | },
1403 | adjust: function(){
1404 | resizeables.engine.adjust();
1405 | },
1406 | fillModes: {
1407 | FILL_PARENT : 'fillParent',
1408 | FIT_PARENT : 'fitParent',
1409 | FIT_PARENT_WIDTH : 'fitParentWidth',
1410 | NONE: 'none'
1411 | },
1412 | orientations: {
1413 | LANDSCAPE : 'landscape',
1414 | PORTRAIT : 'portrait'
1415 | },
1416 | criticalReadabilityClass: 'criticalReadability',
1417 |
1418 | /* Минимально допускаемый движком
1419 | * размер шрифта на .criticalReadability*/
1420 | minimalReadableFontSize: 11
1421 | };
1422 |
1423 |
1424 |
1425 | /* window.innerWidth и window.innerHeight
1426 | * на машине верстальщика при 100% зуме. */
1427 |
1428 | resizeables.reference = {w:1280, h:923};
1429 |
1430 | resizeables.engineCreator = function(){
1431 |
1432 | var list = [],
1433 | l,
1434 | obj = resizeables;
1435 |
1436 | this.findContainers = function(){
1437 |
1438 | for (var fm in obj.fillModes) {
1439 | $('.' + obj.fillModes[fm]).each(function() {
1440 | var a = new aRContainer($(this), obj.fillModes[fm]);
1441 | list.push(a);
1442 | });
1443 | }
1444 | l = list.length;
1445 | }
1446 |
1447 | this.getContainersFromDescript = function(d){
1448 |
1449 | for (var aRCIndex in d) {
1450 | var aRCData = d[aRCIndex];
1451 | aRCData.$src = $(aRCData.srcString);
1452 | var aRC = new aRContainerGeneric(aRCData);
1453 | list.push(aRC);
1454 | }
1455 | l = list.length;
1456 | }
1457 |
1458 | this.adjust = function() {
1459 | for (var i = 0, arc = list[i]; i < l; i++, arc = list[i]) {
1460 | arc.adjust();
1461 | }
1462 | }
1463 |
1464 | function aRContainer($src, fillMode) {
1465 | return new aRContainerGeneric({
1466 | $src : $src,
1467 | fitting : fillMode
1468 | });
1469 | }
1470 |
1471 | function aRContainerGeneric(src) {
1472 |
1473 | var $src = src.$src,
1474 | fitting = src.fitting,
1475 | multiLayout = src.multiLayout,
1476 | initialDim,
1477 | initialDimRelative,
1478 | aspect,
1479 | baseFontSize,
1480 | versionB;
1481 |
1482 | this.recollectMetrics = function() {
1483 |
1484 | if(fitting!=obj.fillModes.NONE){
1485 | $src.css({
1486 | width : '',
1487 | height : '',
1488 | 'font-size' : ''
1489 | });
1490 | }
1491 |
1492 | initialDim = {
1493 | w : $src.outerWidth(true),
1494 | h : $src.outerHeight(true)
1495 | };
1496 | aspect = initialDim.w / initialDim.h;
1497 | initialDimRelative = {
1498 | w : initialDim.w / resizeables.reference.w,
1499 | h : initialDim.h / resizeables.reference.h
1500 | };
1501 | baseFontSize = parseInt($src.css('font-size'), 10);
1502 |
1503 | };
1504 |
1505 | versionB = true;//src.versionB;
1506 |
1507 | if(versionB){
1508 | $src.css('display','inline-block');
1509 | }
1510 |
1511 | this.recollectMetrics();
1512 |
1513 | criticalElements = $src.find('.' + obj.criticalReadabilityClass);
1514 | this.parent = $src.parent();
1515 |
1516 | var currentOrientation, lastOrientation = 'none';
1517 |
1518 | function updateOrientation() {
1519 | currentOrientation = windowAspect > layoutSwitchThreshold ? obj.orientations.LANDSCAPE : obj.orientations.PORTRAIT;
1520 | }
1521 |
1522 | var layoutSwitchThreshold = 1;
1523 | if (src.layoutSwitchThreshold) {
1524 | layoutSwitchThreshold = src.layoutSwitchThreshold;
1525 | }
1526 |
1527 | this.adjust = function() {
1528 |
1529 | if (multiLayout) {
1530 |
1531 | updateOrientation();
1532 |
1533 | if (currentOrientation != lastOrientation) {
1534 |
1535 | $src.addClass(currentOrientation).removeClass(lastOrientation);
1536 |
1537 | this.recollectMetrics();
1538 |
1539 | lastOrientation = currentOrientation;
1540 | }
1541 |
1542 | }
1543 |
1544 | if(fitting==obj.fillModes.NONE) return;
1545 |
1546 | var anchorDim = 'w', complementDim = 'h';
1547 |
1548 | if (fitting === obj.fillModes.FILL_PARENT) {
1549 | if (aspect > windowAspect) {
1550 | anchorDim = 'h';
1551 | }
1552 | } else if (fitting === obj.fillModes.FIT_PARENT) {
1553 | if (aspect < windowAspect) {
1554 | anchorDim = 'h';
1555 | }
1556 | }
1557 |
1558 | if(anchorDim=='h'){
1559 | complementDim = 'w';
1560 | }
1561 |
1562 | var widthToBe, heightToBe, fontSizeToBe;
1563 |
1564 | var dimToBe = {
1565 | h: 0,
1566 | w: 0
1567 | };
1568 |
1569 | var windowDim = {
1570 | h: windowHeight,
1571 | w: windowWidth
1572 | };
1573 |
1574 | var marginNameTranslation = {
1575 | h: 'margin-left',
1576 | w: 'margin-top'
1577 | };
1578 |
1579 | dimToBe[anchorDim] =
1580 | windowDim[anchorDim]*
1581 | (fitting === obj.fillModes.FILL_PARENT || versionB ?
1582 | 1
1583 | : initialDimRelative[anchorDim]
1584 | );
1585 |
1586 | dimToBe[complementDim] =
1587 | dimToBe[anchorDim];
1588 |
1589 | if(complementDim=='h'){
1590 | dimToBe[complementDim] /= aspect;
1591 | } else {
1592 | dimToBe[complementDim] *= aspect;
1593 | }
1594 |
1595 |
1596 | if(dimToBe[complementDim]>windowDim[complementDim]){
1597 |
1598 | var remargin =
1599 | -(dimToBe[complementDim] - windowDim[complementDim]) / 2;
1600 |
1601 | var complementMargin = marginNameTranslation[anchorDim],
1602 | anchorMargin = marginNameTranslation[complementDim];
1603 |
1604 | $src.css(anchorMargin,'');
1605 | $src.css(complementMargin,remargin);
1606 | }
1607 |
1608 | fontSizeToBe = dimToBe.h/initialDim.h;
1609 |
1610 |
1611 |
1612 |
1613 | $src.width(dimToBe.w);
1614 | $src.height(dimToBe.h);
1615 |
1616 | fontSizeToBe *= baseFontSize;
1617 | $src.css('font-size', fontSizeToBe);
1618 |
1619 | // Здесь следим за тем, чтобы у специально помеченных надписей
1620 | // размер был не меньше порога [ obj.minimalReadableFontSize ]
1621 | for (var i = 0, l = criticalElements.length;
1622 | i < l;
1623 | i++) {
1624 |
1625 | $ce = $(criticalElements[i]);
1626 |
1627 | $ce.css('font-size', '');
1628 |
1629 | var calculatedFontSize = parseInt($ce.css('font-size'), 10);
1630 |
1631 | if (calculatedFontSize < obj.minimalReadableFontSize) {
1632 | $ce.css('font-size', obj.minimalReadableFontSize + 'px');
1633 | }
1634 | }
1635 | }
1636 | }
1637 |
1638 | return this;
1639 | };
1640 |
1641 | resizeables.engine = new resizeables.engineCreator();
1642 |
1643 |
1644 |
1645 |
1646 | function adjustFontSize() {
1647 |
1648 | var diminishing = {
1649 | w : window.innerWidth / resizeables.reference.w,
1650 | h : window.innerHeight / resizeables.reference.h
1651 | };
1652 |
1653 | $('body').css('font-size', baseFontSize * Math.min(diminishing.w, diminishing.h));
1654 | }
1655 |
1656 | /* ex-sample.js */
1657 |
1658 |
1659 |
1660 | /* * Вспомогательные органы управления
1661 | */
1662 |
1663 | function wheelStep(windowWidth) {
1664 | var deno = paraSample.settings.mousewheelSlowness.windows;
1665 | if(utilLib.deviceDescription.os == utilLib.OS_TYPES.mac){
1666 | deno = paraSample.settings.mousewheelSlowness.mac;
1667 | }
1668 | return windowWidth / deno;
1669 | }
1670 |
1671 | function onMouseWheel(event, delta) {
1672 |
1673 | para.add(-delta * wheelstep);
1674 | event.preventDefault();
1675 | event.stopPropagation();
1676 |
1677 | };
1678 |
1679 | $(document).keydown(function(e) {
1680 |
1681 | if (e.keyCode == '37') {
1682 | para.closerLeft();
1683 | e.preventDefault();
1684 | } else if (e.keyCode == '39' || e.keyCode == '32') {
1685 | para.closerRight();
1686 | e.preventDefault();
1687 | }
1688 |
1689 | });
1690 |
1691 | function onResize() {
1692 |
1693 | para.onResizeSlides();
1694 |
1695 | // Расщепление onResize параллакса и такая последовательность функций
1696 | // вызваны работой движка автомасштабируемых контейнеров.
1697 | // onResizeLayers зависит от его результатов (утверждение требует проверки),
1698 | // потому onResizeLayers следует после.
1699 |
1700 | nonParaResize();
1701 |
1702 | para.onResizeLayers();
1703 |
1704 | }
1705 |
1706 |
1707 |
1708 |
1709 | function nonParaResize() {
1710 |
1711 | windowWidth = $(window).innerWidth();
1712 | windowHeight = $(window).innerHeight();
1713 | windowAspect = windowWidth / windowHeight;
1714 |
1715 | wheelstep = wheelStep(windowWidth);
1716 |
1717 | adjustFontSize();
1718 | resizeables.adjust();
1719 |
1720 | }
1721 |
1722 |
1723 | var hashProcessingSystem = {
1724 |
1725 | doNotApplyHashFromAddressLine : false,
1726 |
1727 | userLock : false,
1728 |
1729 | lastSlideI : 0,
1730 |
1731 | applyHashFromAddressLine : function() {
1732 |
1733 | var addr = self.location.toString(), selectedSlide = addr.slice(addr.indexOf('#') + 1);
1734 |
1735 | if (selectedSlide == undefined)
1736 | return;
1737 |
1738 | for (var h in hashProcessingSystem.addrMap) {
1739 | if (selectedSlide == hashProcessingSystem.addrMap[h] && h != hashProcessingSystem.lastSlideI) {
1740 | hashProcessingSystem.userLock = true;
1741 | para.toSlide((+h));
1742 | return;
1743 | }
1744 | }
1745 | },
1746 |
1747 | trackHashChange : function trackHashChange() {
1748 |
1749 | if (paraSample.settings.disableAutoHashChange) return;
1750 |
1751 | // Значение para.currentSlideI соответствует не текущему смещению,
1752 | // а конечному. Значит, после того, как пользователь ввел хэш
1753 | // и начал переход, значение поменяется только один раз.
1754 | if (para.currentSlideI != hashProcessingSystem.lastSlideI) {
1755 |
1756 | hashProcessingSystem.lastSlideI = para.currentSlideI;
1757 |
1758 | if (hashProcessingSystem.userLock) {
1759 | hashProcessingSystem.userLock = false;
1760 | return;
1761 | } else {
1762 | hashProcessingSystem.doNotApplyHashFromAddressLine = true;
1763 | }
1764 |
1765 | var infoString = 'trackHashChange : Changing hash. ';
1766 | if (hashProcessingSystem.doNotApplyHashFromAddressLine) {
1767 | infoString += ' Has doNotApplyHashFromAddressLine.';
1768 | }
1769 | if (hashProcessingSystem.userLock) {
1770 | infoString += ' Has userHashLock.';
1771 | }
1772 |
1773 | window.location.hash = hashProcessingSystem.addrMap[para.currentSlideI];
1774 |
1775 | }
1776 | }
1777 | }
1778 |
1779 | $(window).on('hashchange', function(e) {
1780 |
1781 | e.preventDefault();
1782 |
1783 | if (hashProcessingSystem.doNotApplyHashFromAddressLine) {
1784 | //tdLib.debLog('jq.window.onhashchange : doNotApplyHashFromAddressLine, so returning.');
1785 | hashProcessingSystem.doNotApplyHashFromAddressLine = false;
1786 | return;
1787 | }
1788 |
1789 | hashProcessingSystem.applyHashFromAddressLine();
1790 |
1791 | return false;
1792 |
1793 | });
1794 |
1795 |
1796 | // Пользователь запускает эту функцию
1797 |
1798 | function startAllParaSystems() {
1799 |
1800 | if(Modernizr.history
1801 | && window.history.state
1802 | && window.history.state.mediaIsLoaded){
1803 | utilLib.debLog('All media is cached. Skipping preloader');
1804 | paraSample.preloaderEnabled = false;
1805 |
1806 | }
1807 | debugging = self.location.toString().indexOf('xe') > -1;
1808 | var parallaxParams = {
1809 | removeScrollbar : paraSample.settings.removeScrollbar,
1810 | touchNotScrollMode : paraSample.settings.touchNotScrollMode
1811 | }
1812 | if (Modernizr.csstransforms3d) {
1813 | parallaxParams.layerShiftProperty = 'translate3d';
1814 | parallaxParams.parallaxShiftProperty = 'translate3d';
1815 | }
1816 | para = new parallax(parallaxParams);
1817 | baseFontSize = parseInt($('body').css('font-size'));
1818 | hiddenImagesContainer = $('.preloadedImages');
1819 |
1820 |
1821 |
1822 | $('#parallax').on('init', function(){
1823 |
1824 | para.mouseWheelTarget.bind('mousewheel', onMouseWheel);
1825 | $(window).on('resize', onResize);
1826 | hashProcessingSystem.addrMap =
1827 | $('#parallax>div').map(function(i){return i==0?'':$(this).attr('id')});
1828 | hashProcessingSystem.applyHashFromAddressLine();
1829 | preloader.disable();
1830 |
1831 | });
1832 |
1833 | $('#parallax').on('scrollChange', function(amount) {
1834 |
1835 | hashProcessingSystem.trackHashChange();
1836 | });
1837 |
1838 | function onPreloaderLoad(){
1839 |
1840 | if(Modernizr.history){
1841 |
1842 | $('a').on('click',function (args) {
1843 |
1844 | var href = $(this).attr('href');
1845 | if(href=='' || href =='#') return;
1846 |
1847 | window.history.pushState({
1848 | mediaIsLoaded: 'true'
1849 | }, 'mediaIsLoaded');
1850 |
1851 | });
1852 |
1853 | };
1854 |
1855 | resizeables.initFromDescript(aRCDescript);
1856 |
1857 | nonParaResize();
1858 |
1859 | if (parallax) {
1860 | para.init();
1861 | }
1862 |
1863 | }
1864 |
1865 | if(paraSample.preloaderEnabled){
1866 | preloader.onLoad = onPreloaderLoad;
1867 | } else {
1868 | preloader.init();
1869 | onPreloaderLoad();
1870 | }
1871 |
1872 | if(paraSample.preloaderEnabled){
1873 | preloader.start();
1874 | }
1875 |
1876 | };
--------------------------------------------------------------------------------
/static/js/third_party/jquery.js:
--------------------------------------------------------------------------------
1 | /*! jQuery v@1.8.0 jquery.com | jquery.org/license */
2 | (function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s),function(a,c){b[c]=!0}),b}function J(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(I,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:+d+""===d?+d:H.test(d)?p.parseJSON(d):d}catch(f){}p.data(a,c,d)}else d=b}return d}function K(a){var b;for(b in a){if(b==="data"&&p.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function ba(){return!1}function bb(){return!0}function bh(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function bi(a,b){do a=a[b];while(a&&a.nodeType!==1);return a}function bj(a,b,c){b=b||0;if(p.isFunction(b))return p.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return p.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=p.grep(a,function(a){return a.nodeType===1});if(be.test(b))return p.filter(b,d,!c);b=p.filter(b,d)}return p.grep(a,function(a,d){return p.inArray(a,b)>=0===c})}function bk(a){var b=bl.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function bC(a,b){return a.getElementsByTagName(b)[0]||a.appendChild(a.ownerDocument.createElement(b))}function bD(a,b){if(b.nodeType!==1||!p.hasData(a))return;var c,d,e,f=p._data(a),g=p._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;d| t |
105 | 
106 | 
107 |