',{className:'progressBar'})
.appendTo(stacks_in_366_page0elements.stacks_in_366_page0container);
stacks_in_366_page0elements.elapsed = $('
',{className:'elapsed'})
.appendTo(stacks_in_366_page0elements.progress);
stacks_in_366_page0elements.progress.click(function(e){
// When a click occurs on the progress bar, seek to the
// appropriate moment of the video.
var ratio = (e.pageX-stacks_in_366_page0elements.progress.offset().left)/stacks_in_366_page0elements.progress.outerWidth();
stacks_in_366_page0elements.elapsed.width(ratio*100+'%');
stacks_in_366_page0elements.stacks_in_366_page0player.seekTo(Math.round(data.duration*ratio), true);
return false;
});
}
var initialized = false;
// Creating a global event listening function for the video
// (required by YouTube's player API):
window['eventListener_'+settings.safeID] = function(status){
var interval;
if(status==-1) // video is loaded
{
if(!initialized)
{
// changed to autoplay is selected execute next block by default
setTimeout(function(){$('.stacks_in_366_page0controlDiv.play').eq(0).click();},10);
// Listen for a click on the control button:
stacks_in_366_page0elements.stacks_in_366_page0container.click(function(){
if(!stacks_in_366_page0elements.stacks_in_366_page0container.hasClass('playing')){
// If the video is not currently playing, start it:
stacks_in_366_page0elements.stacks_in_366_page0control.removeClass('play replay').addClass('pause');
stacks_in_366_page0elements.stacks_in_366_page0container.addClass('playing');
stacks_in_366_page0elements.stacks_in_366_page0player.playVideo();
if(settings.progressBar){
interval = window.setInterval(function(){
stacks_in_366_page0elements.elapsed.width(
((stacks_in_366_page0elements.stacks_in_366_page0player.getCurrentTime()/data.duration)*100)+'%'
);
},1000);
}
} else {
// If the video is currently playing, pause it:
stacks_in_366_page0elements.stacks_in_366_page0control.removeClass('pause').addClass('play');
stacks_in_366_page0elements.stacks_in_366_page0container.removeClass('playing');
stacks_in_366_page0elements.stacks_in_366_page0player.pauseVideo();
if(settings.progressBar){
window.clearInterval(interval);
}
}
});
initialized = true;
}
else{
// This will happen if the user has clicked on the
// YouTube logo and has been redirected to youtube.com
if(stacks_in_366_page0elements.stacks_in_366_page0container.hasClass('playing'))
{
stacks_in_366_page0elements.stacks_in_366_page0control.click();
}
}
}
if(status==0){ // video has ended
stacks_in_366_page0elements.stacks_in_366_page0control.removeClass('pause').addClass('replay');
stacks_in_366_page0elements.stacks_in_366_page0container.removeClass('playing');
}
}
// This global function is called when the player is loaded.
if(!window.onYouTubePlayerReady)
{
window.onYouTubePlayerReady = function(playerID){
document.getElementById('video_'+playerID).addEventListener('onStateChange','eventListener_'+playerID);
}
}
},'jsonp');
return stacks_in_366_page0elements.stacks_in_366_page0originalDIV;
}
//Start My Lightbox jQuery
$.fn.stacks_in_366_page0_lightbox = function(options) {
return this.each(function() {
var
opts = $.extend({}, $.fn.stacks_in_366_page0_lightbox.defaults, options),
$overlay = $('div.lb_overlay'),
$self = $(this),
$iframe = $('iframe#lb_iframe'),
ie6 = ($.browser.msie && $.browser.version < 7);
if ($overlay.length > 0) {
$overlay[0].removeModal(); // if the overlay exists, then a modal probably exists. Ditch it!
} else {
$overlay = $('
'); // otherwise just create an all new overlay.
}
$iframe = ($iframe.length > 0) ? $iframe : $iframe = $('
');
/*----------------------------------------------------
DOM Building
---------------------------------------------------- */
if (ie6) {
var src = /^https/i.test(window.location.href || '') ? 'javascript:false' : 'about:blank';
$iframe.attr('src', src);
$('body').append($iframe);
} // iframe shim for ie6, to hide select elements
$('body').append($self).append($overlay);
/*----------------------------------------------------
CSS stuffs
---------------------------------------------------- */
// set css of the modal'd window
setSelfPosition();
$self.css({left: '50%', marginLeft: ($self.outerWidth() / 2) * -1, zIndex: (9999 + 3) });
// set css of the overlay
setOverlayHeight(); // pulled this into a function because it is called on window resize.
$overlay.css({ position: 'absolute', width: '100%', top: 0, left: 0, right: 0, bottom: 0, zIndex: (9999 + 2) })
.css(opts.overlayCSS);
/*----------------------------------------------------
Animate it in.
---------------------------------------------------- */
if ($overlay.is(":hidden")) {
$overlay.fadeIn(opts.overlaySpeed, function() {
$self[opts.appearEffect](opts.lightboxSpeed, function() { setOverlayHeight(); opts.onLoad()});
});
} else {
$self[opts.appearEffect](opts.lightboxSpeed, function() { setOverlayHeight(); opts.onLoad()});
}
/*----------------------------------------------------
Bind Events
---------------------------------------------------- */
$(window).resize(setOverlayHeight)
.resize(setSelfPosition)
.scroll(setSelfPosition)
.keydown(observeEscapePress);
$self.find(opts.closeSelector).click(function() { removeModal(true); return false; });
$overlay.click(function() { if(opts.closeClick){ removeModal(true); return false;} });
$self.bind('close', function() { removeModal(true) });
$self.bind('resize', setSelfPosition);
$overlay[0].removeModal = removeModal;
/*----------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------
Private Functions
---------------------------------------------------- */
function removeModal(removeO) {
// fades & removes modal, then unbinds events
$self[opts.disappearEffect](opts.lightboxDisappearSpeed, function() {
if (removeO) {
removeOverlay();
}
opts.destroyOnClose ? $self.remove() : $self.hide()
$self.find(opts.closeSelector).unbind('click');
$self.unbind('close');
$self.unbind('resize');
$(window).unbind('scroll', setSelfPosition);
$(window).unbind('resize', setSelfPosition);
});
}
function removeOverlay() {
// fades & removes overlay, then unbinds events
$overlay.fadeOut(opts.overlayDisappearSpeed, function() {
$(window).unbind('resize', setOverlayHeight);
$(".stacks_in_366_page0flashContainer").remove();
$overlay.remove();
$overlay.unbind('click');
opts.onClose();
})
}
/* Function to bind to the window to observe the escape key press */
function observeEscapePress(e) {
if((e.keyCode == 27 || (e.DOM_VK_ESCAPE == 27 && e.which==0)) && opts.closeEsc) removeModal(true);
}
/* Set the height of the overlay
: if the document height is taller than the window, then set the overlay height to the document height.
: otherwise, just set overlay height: 100%
*/
function setOverlayHeight() {
if ($(window).height() < $(document).height()) {
$overlay.css({height: $(document).height() + 'px'});
} else {
$overlay.css({height: '100%'});
if (ie6) {$('html,body').css('height','100%'); } // ie6 hack for height: 100%; TODO: handle this in IE7
}
}
/* Set the position of the modal'd window ($self)
: if $self is taller than the window, then make it absolutely positioned
: otherwise fixed
*/
function setSelfPosition() {
var s = $self[0].style;
if (($self.height() + 80 >= $(window).height()) && ($self.css('position') != 'absolute' || ie6)) {
var topOffset = $(document).scrollTop() + 40;
$self.css({position: 'absolute', top: topOffset + 'px', marginTop: 0})
if (ie6) {
s.removeExpression('top');
}
} else if ($self.height()+ 80 < $(window).height()) {
if (ie6) {
s.position = 'absolute';
if (opts.centered) {
s.setExpression('top', '(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"')
s.marginTop = 0;
} else {
var top = (opts.modalCSS && opts.modalCSS.top) ? parseInt(opts.modalCSS.top) : 0;
s.setExpression('top', '((blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + '+top+') + "px"')
}
} else {
if (opts.centered) {
$self.css({position: 'fixed', top: '50%', marginTop: ($self.outerHeight() / 2) * -1}).css({
borderWidth: "1px",
borderStyle: "solid",
borderColor: doooverlaycolour
})
} else {
$self.css({ position: 'fixed'}).css(opts.modalCSS);
}
}
}
}
});
};
$.fn.stacks_in_366_page0_lightbox.defaults = {
// animation when appears
appearEffect: "fadeIn",
overlaySpeed: 2000,
lightboxSpeed: 2500,
// animation when dissapears
disappearEffect: "fadeOut",
overlayDisappearSpeed: 1000,
lightboxDisappearSpeed: 1000,
// close
closeSelector: ".close",
closeClick: true,
closeEsc: true,
// behavior
destroyOnClose: false,
// callbacks
onLoad: function() {},
onClose: function() {},
// style
classPrefix: 'lb',
zIndex: 9999,
centered: true,
modalCSS: {top: '40px'},
overlayCSS: {background: doooverlaycolour, opacity: doooverlaytransparency}
}
//Start My Video Thumbnail jQuery
// get the thumbnail
$.extend({
jYoutube: function( url, size ){
if(url === null){ return ""; }
size = (size === null) ? "big" : size;
var vid;
var results;
results = url.match("[\\?&]v=([^&#]*)");
vid = ( results === null ) ? url : results[1];
if(size == "small"){
return "http://img.youtube.com/vi/"+vid+"/2.jpg";
}else {
return "http://img.youtube.com/vi/"+vid+"/0.jpg";
}
}
})
// get the stripped id from the url
var getid = function(url, gkey){
var returned = null;
if (url.indexOf("?") != -1){
var list = url.split("?")[1].split("&"),
gets = [];
for (var ind in list){
var kv = list[ind].split("=");
if (kv.length>0)
gets[kv[0]] = kv[1];
}
returned = gets;
if (typeof gkey != "undefined")
if (typeof gets[gkey] != "undefined")
returned = gets[gkey];
}
return returned;
};
})(jQuery);
$('.stacks_in_366_page0tubeWrapper').each(function() {
var tubeurl = $(".stacks_in_366_page0Url",this).text();
var thumb = $.jYoutube(tubeurl , 'big');
$(".stacks_in_366_page0dooTube_ThumbLink",this).append("
![" + tubeurl + "]( " + thumb + " )
");
});
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)))
{
$(".stacks_in_366_page0title").html("Not Available to Play on iPhone, iPod or iPad");
}
else {
$('.stacks_in_366_page0dooTube_ThumbLink').click(function() {
var url = $("img",this).attr("alt");
$('.stacks_in_366_page0player').stacks_in_366_page0youTubeEmbed({
video : url,
width : popupwidth, // Height is calculated automatically
progressBar : true // Hide the progress bar
});
});
}
});
return stack;
})(stacks.stacks_in_366_page0);
