$(document).ready(function() {
    var timeout; $("a.videoitem").hover(function() {
        var title = $(this).find(".videotitle").html(); var desc = $(this).find(".videodesc").html(); var credit = $(this).find(".videocredit").html(); var offset = $(this).offset(); var left = offset.left; var top = offset.top; var height = 20; var width = 200; $("#tooltiptitle").html(title); $("#tooltipdesc").html(desc); $("#tooltipcredit").html(credit); if ($(this).hasClass("videoitemactive")) { $("#tooltipcontent").attr("id", "tooltipcontentactive"); $("#tooltiparrow img").attr("src", "style/img/tooltip_arrow_active.gif"); } else { $("#tooltipcontentactive").attr("id", "tooltipcontent"); $("#tooltiparrow img").attr("src", "style/img/tooltip_arrow.gif"); }
        timeout = setTimeout(function() { $("#tooltip").css({ "left": left + width, "top": top - height }).fadeIn(300); }, 600);
    }, function() { clearTimeout(timeout); $("#tooltip").hide(); }); $("a.videoitem").click(function() { if (!$(this).hasClass("videoitemactive")) { var vidid = $(this).find(".videoid").attr("id").substring(5); setActiveVideo(vidid); $("html, body").animate({ scrollTop: $("#menu").offset().top }, 600); callToActionscript(vidid); } }); setActiveVideo = function(vidid) { var item = $("#vidid" + vidid).parent(); $("a.videoitemactive").removeClass("videoitemactive").addClass("videoitem"); item.removeClass("videoitem").addClass("videoitemactive"); if (item.hasClass("videoitemactive")) { $("#tooltipcontent").attr("id", "tooltipcontentactive"); $("#tooltiparrow img").attr("src", "style/img/tooltip_arrow_active.gif"); } else { $("#tooltipcontentactive").attr("id", "tooltipcontent"); $("#tooltiparrow img").attr("src", "style/img/tooltip_arrow.gif"); } } 
}); var setActiveVideo; function callToActionscript(vidid) { document["myFlashContent"].sendToActionscript(vidid); }
function sendToJavaScript(val) { setActiveVideo(val); }