1

// $Id$

     2

// balade_nature

     3

     4

/*global jQuery: true */

     5

     6

     7

jQuery(document).ready(function($) {

     8

    // Hotspots

     9

    var delay = 5000;

    10

    $('.pdocHotspot').each(function() {

    11

        var $hotspot = $(this);

    12

        var $spot = $('#' + $hotspot.attr('id') + 's');

    13

        var scenario = $hotspot.children('span').length;

    14

        if ($spot.length && scenario) {

    15

            $hotspot.css('opacity', 1);

    16

            $hotspot.click(function() {

    17

                if ($hotspot.css('opacity') == 1) {

    18

                    $hotspot.animate({opacity: 0})

    19

                        .delay(delay)

    20

                        .animate({opacity: 1});

    21

                    $spot.css({opacity: 0, display: 'block'})

    22

                        .animate({opacity: 1})

    23

                        .delay(delay)

    24

                        .animate({opacity: 0}, function() {

    25

                            $spot.css({opacity: '', display: ''});  

    26

                        });

    27

                } else {

    28

                    $spot.click(); 

    29

                }

    30

            });

    31

    32

            $spot.click(function() {

    33

                $spot.stop().animate({opacity: 0}, function() {

    34

                    $spot.css({opacity: '', display: ''});  

    35

                });

    36

                $hotspot.stop().animate({opacity: 1});

    37

            });

    38

        }

    39

    });

    40

    41

    // Effect: glow

    42

    var boxProperty = '';

    43

    var $text = null;

    44

    var $spot = null;

    45

    var $box = null;

    46

    var $effectGlow = $('#effectGlow');

    47

    if ($effectGlow.length) {

    48

        $text = $('#effectGlowText');

    49

        $spot = $('#effectGlowSpot');

    50

        $box = $('#effectGlowBox');

    51

        if (typeof $box.css('webkitBoxShadow') == 'string') {

    52

            boxProperty = 'webkitBoxShadow';

    53

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

    54

            boxProperty = 'MozBoxShadow';

    55

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

    56

            boxProperty = 'boxShadow';

    57

        }

    58

        $effectGlow.on('mousemove touchmove', onMouseMove);

    59

    }

    60

    61

    function onMouseMove(e) {

    62

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

    63

            return;

    64

        }

    65

    66

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

    67

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

    68

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

    69

        $text.css('textShadow',  -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black');

    70

    71

        if (boxProperty) {

    72

            $box.css(boxProperty, '0 ' + -ym + 'px ' + (d + 30) + 'px black');

    73

        }

    74

    75

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

    76

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

    77

        $spot.css('backgroundPosition', xm + 'px ' + ym + 'px');

    78

    }

    79

});