packageAd = Class.create();
packageAd.prototype = {

	sizes: {
		small: { width:320, height:200 },
		medium: { width:640, height:400 },
		large: { width:848, height:528 }
	},

	initialize: function(size, url, container, controllerContainerId) {
		// get the container node
		this.container = $(container);
		this.setShare();
		
		if (!AC.Detector.isQTInstalled()) {
			// if we don't have QT, display the download stuff
			this.container.getElementsByClassName('noqt')[0].style.display = 'block';
            return;
		}
		
		this.size = this.sizes[size];
		this.url = url;
		
		if (!controllerContainerId) {
			var controllerContainerId = 'moviecontroller';
		}
		
		this.movieController = new AC.QuicktimeController();
		this.movieController.render(controllerContainerId);
		this.movieController.controllerPanel.addClassName('active');
		
		this.initEndState();
		this.playMovie();
	},
	
	initEndState: function() {
	    var endStates = this.container.getElementsByClassName("endstate");
		if (endStates.length === 0) {
            return;
		}
		
		this.endstate = $(endStates[0]);
		
		$(this.endstate).observe('click', function(evt) {
			var trigger = evt.element();
			
			while (trigger.tagName != 'A' && trigger.tagName != 'BODY') {
				trigger = $(trigger.parentNode);
			}
			
			if (trigger.hasClassName('replay')) {
				evt.preventDefault();
				$(this.endstate).addClassName("hidden");
				this.playMovie();
			}
		}.bind(this));
	},
	
	playMovie: function() {
		
		this.endstate.parentNode.removeChild(this.endstate);
		
		//ensure movie is visible
		this.container.removeClassName('loading');
		
		// package the movie
		this.movie = AC.Quicktime.packageMovie('ad-'+this.size.width, this.url, {
			width: this.size.width,
			height: this.size.height + 16,
			autoplay: true,
			controller: false,
			cache: true
		});
		this.container.appendChild(this.movie);
		this.attachController();
		
	},
	
	attachController: function() {
		
		if (!this.movieController) {
		    return;
	    }
	    
		this.movieController.attachToMovie(this.movie, {
		    onMoviePlayable: this.movieController.monitorMovie.bind(this.movieController),
			onMovieFinished: this._showEndState.bind(this)});
	},
	
	_showEndState: function() {

		this.movieController.Stop();
		this.movieController.detachFromMovie();
		this.container.removeChild(this.movie)
		this.container.innerHTML = '';
		this.movie = null;
		
		// filling content
        this.endstate.setOpacity(0);
		
		var buttons = this.endstate.getElementsByClassName("pillbutton");
		
		for (var i = buttons.length - 1; i >= 0; i--){
          $(buttons[i]).setOpacity(0);
		}
		
        this.container.appendChild(this.endstate);
        $(this.endstate).removeClassName("hidden");
        new Effect.Appear(this.endstate, {duration: 2, afterFinish: function() {
            for (var i = 0; i < buttons.length; i++) {
                new Effect.Appear(buttons[i]);
            }
        }});
        
        
        movieName = document.title.replace(/Apple/, 'V@E:') + ' (US)';
        AC.Tracking.trackClick({prop13: movieName}, this, 'o', movieName);
    },
    
    setShare: function() {
        var backToVideo = $$('#backtovideo .toggleshare')[0];
        if (backToVideo.hasClassName('replay')) {
            backToVideo.removeClassName('replay');
        }

        var shareToggles = document.getElementsByClassName('toggleshare');
        for (var i = 0; i < shareToggles.length; i++) {
            var toggle = $(shareToggles[i]);
            
            toggle.observe('click', function(evt) {
                Event.stop(evt);
                Share.toggleVideo({
                    controller: this.movieController,
                    sharetoggles: shareToggles});
                
                if (!!Share.shown) {
                    //hide the current movie
					if (this.movieController) {
                    	this.container.addClassName('loading');
                    	this.movieController.controllerPanel.hide();
					}
					
                    
                    var endState = $$('#moviecontainer .endstate');
                    if (endState[0]){
                        endState[0].hide();
                    }
                    
                    var extras = document.getElementsByClassName("controllerwrap");
                    if (extras[0]) {
                        $(extras[0]).hide();
                    }
                    
                    new Effect.Appear('sharecontainer');
                } else {
                    new Effect.Fade('sharecontainer', {
                        afterFinish: function() {
							if (this.movieController) {
                            	this.container.removeClassName('loading');
                            	this.movieController.controllerPanel.show();
							}
                            var endState = $$('#moviecontainer .endstate');
                            if (endState[0]){
                                endState[0].show();
                            }
                            
                            var extras = document.getElementsByClassName("controllerwrap");
                            if (extras[0]) {
                                $(extras[0]).show();
                            }
                            if (this.movieController) {
                            	setTimeout(this.movieController.Play.bind(this.movieController), 100);
							}
                        }.bind(this)});
                }
                
            }.bind(this));
        }
	}
}

Event.observe(window, 'load', function() {
	if ($('adsthumbs')) {
		// redirect the page to size we're on, instead of just the index...
		var match = window.location.pathname.match(/([^\/]+\.html)$/);
		var vidPage = (match == null || match[0] == "index.html" ? "" : match[0]);
		$A($('adsthumbs').getElementsByTagName("a")).each(function(anchor) {
				anchor.href = anchor.href + vidPage;
		});
	}
});