Execute onload $(function () {} inside a timer, and pass parameter to it

Question

I have a onload function in jquery like:

$(function () {
    $('.over').hover(function () {

            //FIRST PARAMETER RIGT, LEFT, TOP, BOTTOM
        if ($(this).attr('data-direction') == 'right') {
            $(this).addClass('flipping-right');
        }   
        else if ($(this).attr('data-direction') == 'left') {
            $(this).addClass('flipping-left');
        }
        else if ($(this).attr('data-direction') == 'top') {
            $(this).addClass('flipping-top');
        }
                 //ETC.

    //SECOND gal1,gal2,gal3,gal4
    if ($(this).attr('gal') == 'gal1'){    
        img = $(this).find('img');
        setTimeout(function() {
           img.attr('src', arrFirstYellowCard[i]);
           i++;
           if(i > arrFirstYellowCard.length-1)
              i=0;
       }, 100);
    }

    else   if ($(this).attr('gal') == 'gal2'){    
        img = $(this).find('img');
        setTimeout(function() {
           img.attr('src', arrSecondPurpleCard[j]);
           j++;
           if(j > arrSecondPurpleCard.length-1)
              j=0;
       }, 100);
    }  

I want a function to execute that function every second but with parameters in array like

var array_param = ["right,gal1","top,gal3","bottom,gal4","left,gal2","right,gal5"];

which are allowed combinations

I want like a timer so each parameter is called every second

var timer = $.timer($('.over').hover(array_param( 0 ) ), 1000);
timer.play();

but I do not know how to implement this function, and how to add parameters to a function allocated in onload :

$(function () { $('.over').hover(function () {...

Please take a look at my jsfiddle

Answer 1

You can't trigger ready again. You can create a named function and call it a bunch.

$(function () {
    index = 0;
    window.setInterval(function () {
        if (index > array_param.length) index = 0;
        myFunction(array_param[index++]);
    }, 1000); // call myFunction every second
});

myFunction = function (image) {
    $('.over').hover(function () {
        // rest of your code goes here
        ...
};