Object.extend(AC.OverlayPanel.prototype, {
movie: null,
prevMovie: null,
initialize: function(contents, view, triggerClassName, options) {
this.titlePanel = $('titlePanel');
this.moviePanel = $('moviePanel');
this.controllerPanel = $('controllerPanel');
this.overlayId = "OverlayPanel";
this.overlayShadowId = "OverlayPanelShadow";
this.createOverlay();
//this.setDefaults();
AC.ViewMaster.Viewer.prototype.initialize.call(this,null,this.swapViewElement,"OverlayPanel",options);
this.options.shouldAnimateContentChange = false;
},
triggerClicked: function(evt,element) {
// stop the default event
Event.stop(evt);
if(this._isDisplaying) return;
//Reset shadow image
this.setOverlayShadowImageSrc(null);
this._popPosition = null;
this.currentSectionEvent = evt;
this.superTriggerClicked(evt,element);
},
afterPop: function(item, i) {
this.closeBtnContainer.style.display = "block";
this.currentSection.content.style.visibility = "visible";
this.setPoppedClass();
//this.resetOverlay();
if(this.currentSectionEvent.element().up('.video')) {
this.setMovieNav();
this.playMovie(this.currentSectionEvent.element().up('.video').movieUrl, this.currentSectionEvent.element().up('.video').movieId);
}
},
setMovieNav: function() {
this.overlay.select('#gallerynav a').each(function(video) {
var params = video.href.split('?');
var movieUrl = params[0];
var movieId = params[1];
video.observe('click', function(evt) {
Event.stop(evt);
this.playMovie(movieUrl, movieId);
}.bind(this))
}.bind(this));
},
playMovie: function(url, id) {
var target = $('overlay-'+id);
var movieTitle = target.down('span').innerHTML;
if(this.prevMovie) this.prevMovie.removeClassName('active');
target.addClassName('active');
this.prevMovie = target;
if(this.movie) this.closeMovie();
this.movieController = new AC.QuicktimeController();
this.controllerPanel.innerHTML = '';
this.controllerPanel.appendChild(this.movieController.render());
this.movie = AC.Quicktime.packageMovie('movie', url, {
width: 640,
height: 400,
autoplay: true,
controller: false,
cache: true,
bgcolor: '#FFFFFF'
});
this.titlePanel.update(movieTitle);
this.moviePanel.appendChild(this.movie);
this.movieController.attachToMovie(this.movie, {
onMoviePlayable: function() {
this.movieController.monitorMovie(this.movie);
this.track(url, movieTitle, 'V@S');
}.bind(this),
onMovieFinished: function() {
this.track(url, movieTitle, 'V@E');
}.bind(this)
})
},
closeMovie: function() {
if(this.movie) {
this.movieController.Stop();
this.movieController.detachFromMovie();
this.controllerPanel.innerHTML = '';
this.moviePanel.removeChild(this.movie);
this.movie = null;
this.moviePanel.innerHTML = ''
this.titlePanel.innerHTML = ''
}
},
close: function(evt) {
if (evt) Event.stop(evt);
if(this.movie) this.closeMovie();
var width = this.defaultWidth;
var left = this.overlay.offsetLeft;
var height = this.defaultHeight;
var top = this.overlay.offsetTop;
if (left>=0 && top>=0) { // if we are actually showing at the point of closure
this.willClose(this);
if (!AC.Detector.isiPhone()) {
var percent = (100*this._width) / width;
// do the craziness
new Effect.Parallel([
new Effect.MoveBy(this.overlay, this.top-this.padtop-top, this.left-this.padleft-left, { sync:true }),
new Effect.Scale(this.overlay, percent, { sync:true, scaleContent:false}),
new Effect.Fade(this.overlay, { sync:true })
],
{ duration:0.3, afterFinish:this.afterClose.bind(this) });
} else {
this.afterClose();
}
}
},
track: function(url, title, state) {
var movieName = 'Apple - Back to School - '+title;
if (state == 'V@E') {
AC.Tracking.trackClick({
prop13: movieName +' - '+ state
}, this, 'o', movieName +' - '+ state);
} else {
AC.Tracking.trackPage({
pageName:movieName,
prop4: url,
prop6: movieName,
prop13: movieName +' - '+ state
});
}
}
});
function TrackMacOrder() {
// random order of macs, then save that so it remains in that order
macs = [
'
<\/a>',
'
