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

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

    14

            var spot = $(hotspot.get('id') + "s")

    15

            var scenario = hotspot.getElement("span");

    16

            if (spot && scenario) {

    17

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

    18

                    var spot = $(this.get('id') + "s");

    19

                    if (spot.getChildren("img")) {

    20

                        spot.setStyles({"opacity": 1, "display": "block"});

    21

                    } else {

    22

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

    23

                        spot.tween("opacity", 1);

    24

                    }

    25

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

    26

                    (function() {

    27

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

    28

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

    29

                    }).delay(12000);

    30

                });

    31

    32

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

    33

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

    34

                    $(this.get('id').substring(0, this.get('id').length-1))

    35

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

    36

                });

    37

            }

    38

        });

    39

    }).delay(100);

    40

    41

    // Effect: glow

    42

    var effectGlow = $("effectGlow");

    43

    if (effectGlow) {

    44

        text = $("effectGlowText");

    45

        spot = $("effectGlowSpot");

    46

        box = $("effectGlowBox")

    47

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

    48

            boxProperty = 'webkitBoxShadow';

    49

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

    50

            boxProperty = 'MozBoxShadow';

    51

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

    52

            boxProperty = 'boxShadow';

    53

        }

    54

    55

        if (text && spot && box) {

    56

            effectGlow.onmousemove = onMouseMove;

    57

            effectGlow.ontouchmove = function (e) {

    58

                e.preventDefault();

    59

                e.stopPropagation();

    60

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

    61

            }

    62

        }

    63

    }

    64

});

    65

    66

    67

function onMouseMove(e) {

    68

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

    69

        return;

    70

    }

    71

    72

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

    73

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

    74

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

    75

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

    76

    77

    if (boxProperty) {

    78

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

    79

    }

    80

    81

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

    82

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

    83

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

    84

}

    85