https://dourorun.pt/scripts/index.js

1/**
2 * makes an image to pulsate
3 */
4function opacityEffect (element_id, image_name, path, total, hidden_element)
5{
6    //show the hidden element (with a smaller z-index)
7    jQuery('#' + hidden_element).fadeIn(4000);
8    var name = image_name;
9    //change image of hidden element and get the next image name
10    image_name = changeImage(hidden_element, name, path, total);
11    //hide the first image
12    jQuery('#' + hidden_element).fadeOut(4000);
13    //change images z-index~
14    $(element_id).style.zIndex = "5";
15    $(hidden_element).style.zIndex = "10";
16    //call next effect
17    setTimeout("opacityEffect('" + hidden_element + "', '" + image_name + "', '" + path + "', '" + total + "', '" + element_id + "')", 8000);
18}
19
20/**
21 * changes the image of an element
22 */
23function changeImage (element_id, image_name, path, total)
24{
25    //change the image
26    $(element_id).src = path + image_name;
27    //get next image name
28    var options = image_name.split('_');
29    var extension = options[1].split('.');
30    var image_id = parseFloat(extension[0]) + parseFloat(1);
31    //if is the last image, then set first image name
32    if (image_id > total)
33    {
34        image_id = 1;
35    }
36    //return image name
37    return options[0] + "_" + image_id + "." + extension[1];
38}
39
40/**
41 * changes the screen path and calls the screen
42 */
43function changeScreen (screen_path)
44{
45    var new_image = 'url(' + screen_path + ')';
46    /*
47    //add screen path
48    $('banner_services').src = screen_path;
49     //hides animation
50    $('banner_image').hide();
51    $('banner_image2').hide();
52    //shows the screen
53    $('banner_services').show();
54    */
55    //alert(screen_path);
56    $('images').style.backgroundImage = new_image;
57
58}
59
60/**
61 * shows the screen and shows the animation
62 */
63function hideScreen (screen_path)
64{
65    var new_image = 'url(' + screen_path + ')';
66    /*
67    //hides the screen
68    $('banner_services').hide();
69    //shows the animation
70    $('banner_image').show();
71    $('banner_image2').show();
72    */
73    $('images').style.backgroundImage = new_image;
74}
75
76function shakeEffect(id)
77{
78    jQuery('#' + id).effect("shake", { times:2, distance:8 }, 450);
79    setTimeout("shakeEffect('" + id + "')",8000);
80}