vb.org Archive - Need help editing javascript code to pulse image

I came across this reusable code to pulsate (by changing opacity) an image via javascript.

It is currently set to pulse on .mouseover and stop on .mouseout. What I would like is for it to pulse continually and then go to an opacity of 1 on mouseover, then continue with pulse after .mouseout. Also, as far as I know there isn't a "pause" for javasctipt. How would I go about pausing for "X" seconds after each pulse?

Any help would be appreciated. Thanks.

Code:

// #############################################

(function($) {

        $(document).ready(function() {

                window.pulse_image = null;

                window.pulse_continue_loop = false;



                $('.pulse_image').mouseover(function() {

                        // User is hovering over the image.

                        window.pulse_continue_loop = true;

                        window.pulse_image = $(this);



                        PulseAnimation(); // start the loop

                }).mouseout(function() {

                        window.pulse_continue_loop = false;

                        window.pulse_image.stop();

                        window.pulse_image.css('opacity',1);

                });

        });

})(jQuery);



// #############################################

function PulseAnimation()

{

        var minOpacity = .33;

        var fadeOutDuration = 650;

        var fadeInDuration = 650;



        window.pulse_image.animate({

                opacity: minOpacity

        }, fadeOutDuration, function() {

                window.pulse_image.animate({

                        opacity: 1

                }, fadeInDuration, function() {

                        if(window.pulse_continue_loop) {

                                PulseAnimation();

                        }

                })

        });

}

Here are the instructions to use:

1) Copy and paste the above code into a file (I'm using /js/pulse_image.js).
2) Make any changes you'd like to the minOpacity, fadeOutDuration, fadeInDuration (duration is specified in milliseconds; 1000ms = 1 second)
3) Link to the javascript file within your web-page. I'm assuming you've already linked to jQuery.
4) Give your image or images that you want to have this effect a class of pulse_image.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01994 seconds Memory Usage 1,713KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (1)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: