автоматически затемняем страницу вокруг видеоплеера, для SE Video plugin

этот мод затемняет страницу вокруг видео плеера после 15 секунд неактивности пользователя.
открываем:
/application/modules/Video/views/scripts/index/view.tpl
находим:

Code:

<div id="video_embed" class="video_embed">

заменяем на:

Code:

<div id="video_embed" class="video_embed" style="position: relative;z-index: 80;">

находим:

Code:

<div class="video_embed">

заменяем на:

Code:

<div class="video_embed" style="position: relative;z-index: 80;">

перед:

Code:

<div class="video_date">

вставляем:

Code:

<script type="text/javascript">
var mousemove_timer = 0;
var timer_func = function() {
    mousemove_timer += 1;
    if(mousemove_timer==15)
    {
        var scroll = $('global_page_video-index-view').getScrollSize();
        $('shadow').style.display = 'block';
        $('shadow').fade('hide');
        $('shadow').setStyle('height', scroll.y);
        $('shadow').set('tween', {duration: 5000}).fade('in');
    }
};
timer_func.timer = timer_func.periodical(1000);
 
function reset_timer_func()
{
        mousemove_timer = 0;
        $('shadow').set('tween', {duration: 2000}).fade('hide');
        $clear(timer_func.timer);
        timer_func.timer = timer_func.periodical(1000);
       
}
 
(function() {
    document.addEvent('mousemove', function(e) {
        reset_timer_func();
    });
    document.addEvent('keydown', function(e) {
        reset_timer_func();
    });
   
})();
</script>
<div id="shadow" style="background-color:rgba(0, 0, 0, 0.9); position:absolute; left:0; top:0; width:100%; height:100%;  z-index:10;display: none;" onClick="$('shadow').style.display = 'none';"></div>

готово!