﻿$(document).ready(function() {
    var options = document.getElementById('bottomVidBar');
    var timeout = 300;
    var closetimer = 0;
    function rollOver() {
        cancelclosetime();
        $(options).animate({ top: "248px" }, 300);
    };
    function rollOut() {
        $(options).animate({ top: "208px" }, 300);
    };
    function closetime() {
        closetimer = window.setTimeout(rollOut, timeout);
    };
    function cancelclosetime() {
        if (closetimer) {
            window.clearTimeout(closetimer);
            closetimer = null;
        }
    };
    $(options).hover(function() {
        rollOver();
        cancelclosetime();
    },
             function() {
                 closetime();
             });
         });

