1

// $Id$

     2

// balade_nature

     3

     4

var text = null;

     5

var spot = null;

     6

var box = null;

     7

var boxProperty = '';

     8

     9

    10

window.addEvent('domready', function(){

    11

    // Hotspots

    12

    (function initialize() {

    13

        var scenario;

    14

        var content;

    15

        $$(".pdocHotspot").each(function(hotspot) {

    16

            scenario = hotspot.getElement("span");

    17

            content = $(hotspot.get('id').replace("x", "z"))

    18

            if (scenario && content) {

    19

    20

                hotspot.addEvent("click", function() {

    21

                    var content = $(this.get('id').replace("x", "z"));

    22

                    content.setStyles({"opacity": 0, "display": "block"});

    23

                    this.setStyle("display", "none");

    24

                    content.tween("opacity", 1);

    25

                    (function() {

    26

                        content.setStyle("display", "none");

    27

                        hotspot.setStyle("display", "block");

    28

                    }).delay(12000);

    29

                });

    30

    31

                content.addEvent("click", function() {

    32

                    this.setStyle("display", "none");

    33

                    $(this.get('id').replace("z", "x"))

    34

                        .setStyle("display", "block");

    35

                });

    36

            }

    37

        });

    38

    }).delay(100);

    39

    40

    // Effect: glow

    41

    var effectGlow = $("effectGlow");

    42

    if (effectGlow) {

    43

        text = $("effectGlowText");

    44

        spot = $("effectGlowSpot");

    45

        box = $("effectGlowBox")

    46

        if (typeof box.style.webkitBoxShadow == 'string') {

    47

            boxProperty = 'webkitBoxShadow';

    48

        } else if (typeof box.style.MozBoxShadow == 'string') {

    49

            boxProperty = 'MozBoxShadow';

    50

        } else if (typeof box.style.boxShadow == 'string') {

    51

            boxProperty = 'boxShadow';

    52

        }

    53

    54

        if (text && spot && box) {

    55

            effectGlow.onmousemove = onMouseMove;

    56

            effectGlow.ontouchmove = function (e) {

    57

                e.preventDefault();

    58

                e.stopPropagation();

    59

                onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});

    60

            }

    61

        }

    62

    }

    63

});

    64

    65

    66

function onMouseMove(e) {

    67

    if (typeof e === 'undefined' || typeof e.clientX === 'undefined') {

    68

        return;

    69

    }

    70

    71

    var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;

    72

    var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;

    73

    var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);

    74

    text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';

    75

    76

    if (boxProperty) {

    77

        box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';

    78

    }

    79

    80

    xm = e.clientX - Math.floor(window.innerWidth / 2);

    81

    ym = e.clientY - Math.floor(window.innerHeight / 2);

    82

    spot.style.backgroundPosition = xm + 'px ' + ym + 'px';

    83

}

    84