$(function () {
        $('.RobbieRoll').each(function () {
            var distance = 0;
            var time = 250;
            var hideDelay = 500;

            var hideDelayTimer = null;

            var beingShown = false;
            var shown = false;
            var rel=$(this).attr('id');
            var info = $('#Rollover_' + rel).css('left',-2000);

            $([$(this).get(0), info.get(0)]).mouseover(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                if (beingShown || shown) {
                    // don't trigger the animation again
                    return;
                } else {
                    // reset position of info box
                    beingShown = true;

                    info.css({
                           'left': 'auto',
                           'right': 80
                             });

                    beingShown = false;
                    shown = true;

                }

                return false;
            }).mouseout(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                hideDelayTimer = setTimeout(function () {
                    hideDelayTimer = null;
                    info.css({
                           'left': -2000,
                           'right': 'auto'
                                });
                    shown = false;

                }, hideDelay);

                return false;
            });
        });
    });