|
|
@ -3,6 +3,9 @@ var padmaContainer; |
|
|
|
$(function() { |
|
|
|
padmaContainer = $('#padmaSidebar'); |
|
|
|
padmaContainer.data("currentVideo", false); |
|
|
|
var docWidth = $(document).width(); |
|
|
|
var essayWidth = docWidth - 440; |
|
|
|
$('#essay').css("width", essayWidth); |
|
|
|
}); |
|
|
|
|
|
|
|
function setupPadmaLink(video, data) { |
|
|
@ -36,19 +39,28 @@ function setupPadmaLink(video, data) { |
|
|
|
$a.click(function(e) { |
|
|
|
|
|
|
|
function sidebarAnimateIn() { |
|
|
|
/* |
|
|
|
$container.animate({'width': '400px'}, function() { |
|
|
|
$(this).animate({'backgroundColor': '#000000'}); |
|
|
|
}); |
|
|
|
var docWidth = $(document).width(); |
|
|
|
var newWidth = docWidth - 440; |
|
|
|
$('#essay').animate({'width': newWidth + "px"}); |
|
|
|
*/ |
|
|
|
// $container.show();
|
|
|
|
$('#aboutTxt').hide(); |
|
|
|
} |
|
|
|
|
|
|
|
function sidebarAnimateOut() { |
|
|
|
$container.find('.padmaViewer').empty(); |
|
|
|
$('#aboutTxt').show(); |
|
|
|
|
|
|
|
/* |
|
|
|
$container.animate({'width': '0px'}, function() { |
|
|
|
$(this).animate({'backgroundColor': '#ffffff'}); |
|
|
|
}); |
|
|
|
$('#essay').animate({'width': '100%'}); |
|
|
|
*/ |
|
|
|
} |
|
|
|
|
|
|
|
function isSidebarVisible() { |
|
|
@ -62,9 +74,11 @@ function setupPadmaLink(video, data) { |
|
|
|
e.preventDefault(); |
|
|
|
var currentVideo = $container.data("currentVideo"); |
|
|
|
if (currentVideo == video) { |
|
|
|
/* |
|
|
|
if (!isSidebarVisible()) { |
|
|
|
sidebarAnimateIn(); |
|
|
|
} |
|
|
|
*/ |
|
|
|
return; |
|
|
|
} |
|
|
|
if (currentVideo) { |
|
|
@ -76,6 +90,7 @@ function setupPadmaLink(video, data) { |
|
|
|
} |
|
|
|
var html = tmpl("tmpl_sidebar", {'video': video, 'linkData': linkData}); |
|
|
|
$('#padmaSidebarWrapper').html(html); |
|
|
|
$('#aboutTxt').hide(); |
|
|
|
|
|
|
|
//FIXME: should be a better way to deal with displaying default layer.
|
|
|
|
var currentLayers = video.getLayersAtTimecode(npt2ms(linkData.tcIn)); |
|
|
@ -119,7 +134,8 @@ function setupPadmaLink(video, data) { |
|
|
|
}); |
|
|
|
|
|
|
|
videoElem.bind("ended", function() { |
|
|
|
cleanupVideo(videoObj); |
|
|
|
clearInterval(videoObj.interval); |
|
|
|
// cleanupVideo(videoObj);
|
|
|
|
sidebarAnimateOut(); |
|
|
|
}); |
|
|
|
|
|
|
|