1

// $Id$

     2

// balade_nature

     3

     4

/*global $: true */

     5

/*global $$: true */

     6

     7

var text = null;

     8

var spot = null;

     9

var box = null;

    10

var boxProperty = '';

    11

    12

    13

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

    14

    // Hotspots

    15

    (function initialize() {

    16

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

    17

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

    18

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

    19

            if (spot && scenario) {

    20

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

    21

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

    22

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

    23

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

    24

                    } else {

    25

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

    26

                        spot.tween("opacity", 1);

    27

                    }

    28

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

    29

                    (function() {

    30

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

    31

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

    32

                    }).delay(12000);

    33

                });

    34

    35

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

    36

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

    37

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

    38

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

    39

                });

    40

            }

    41

        });

    42

    }).delay(100);

    43

    44

    // Effect: glow

    45

    var effectGlow = $("effectGlow");

    46

    if (effectGlow) {

    47

        text = $("effectGlowText");

    48

        spot = $("effectGlowSpot");

    49

        box = $("effectGlowBox")

    50

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

    51

            boxProperty = 'webkitBoxShadow';

    52

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

    53

            boxProperty = 'MozBoxShadow';

    54

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

    55

            boxProperty = 'boxShadow';

    56

        }

    57

    58

        if (text && spot && box) {

    59

            effectGlow.onmousemove = onMouseMove;

    60

            effectGlow.ontouchmove = function (e) {

    61

                e.preventDefault();

    62

                e.stopPropagation();

    63

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

    64

            };

    65

        }

    66

    }

    67

});

    68

    69

    70

function onMouseMove(e) {

    71

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

    72

        return;

    73

    }

    74

    75

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

    76

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

    77

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

    78

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

    79

    80

    if (boxProperty) {

    81

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

    82

    }

    83

    84

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

    85

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

    86

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

    87

}

    88