$(function(){ $('#film').data('vidNum', 0); $('#film').data('vidTot', $('.markers > li').length - 2); $('#img1').addClass('active'); $(document).keydown(function(e){ if (e.keyCode == 37) {prevVid();} if (e.keyCode == 39) {nextVid();} }); }); function nextVid(){ $("#showTab").animate({"margin-bottom": 0}, 'fast'); var tot = $('#film').data('vidTot'); var num = $('#film').data('vidNum'); $('#img'+(num+1)).removeClass( 'active' ); if(num<(tot-1)){ num ++; } else {num=0;} if($('#img'+(num+1)).hasClass('isImage')){ $("#film").html( "" + "" + $( "); } else { $("#film").html(""); $("#vimeo").load(); } $('#img'+(num+1)).addClass( 'active' ); $('#film').data('vidNum',num); $("#info").html($('#img'+(num+1)).attr('alt')); } function prevVid(){ $("#showTab").animate({"margin-bottom": 0}, 'fast'); var tot = $('#film').data('vidTot'); var num = $('#film').data('vidNum'); $('#img'+(num+1)).removeClass('active'); if(num>0){ num --; } else {num=tot-1;} if($('#img'+(num+1)).hasClass('isImage')){ $("#film").html( "" + "" + $( "); } else { $("#film").html(""); $("#vimeo").load(); } $('#img'+(num+1)).addClass( 'active' ); $('#film').data('vidNum',num); $("#info").html($('#img'+(num+1)).attr('alt')); } function getVid(n){ $("#showTab").animate({"margin-bottom": 0}, 'fast'); var num = $('#film').data('vidNum'); $('#img'+(num+1)).removeClass( 'active' ); num = n; if($('#img'+(num+1)).hasClass('isImage')){ $("#film").html( "" + "" + $( "); } else { $("#film").html(""); $("#vimeo").load(); } $('#img'+(num+1)).addClass( 'active' ); $('#film').data('vidNum',num); $("#info").html($('#img'+(num+1)).attr('alt')); } function getReel(id){ $("#showTab").animate({"margin-bottom": -50}, 'fast'); $("#film").html(""); $("#vimeo").load(); $("#info").html(''); }