var ClipPlayer = {
	
	player:null,
	playing:null,

	movie_ids: $A([]),
	movie_els: $H({ }),
	
	init: function(player){
		console.log('Clip Player init');
		this.movie_els = $$('#movie-highlighter .movie-box');
		var i = 0;
		this.movie_els.each(function(el){
			
			var movieid = el.getProperty('data-movieid');
			this.movie_ids.push(movieid);
			this.movie_els[movieid] = el;
			
			el.addEvent('click', this.coverClickEventListener.bindWithEvent(this,i) );
			
			i++;
		}.bind(this));
		
		this.player = player;
		this.player.addControllerListener("ITEM","ClipPlayer.itemEventListener");
	},
	itemEventListener: function(ev){
	//	console.log('ClipPlayer received controller ITEM event.');
	//	console.log(ev);
		this.advance(ev.index);
	},
	coverClickEventListener: function(ev,index){
		ev.stop();
		if(this.playing !== null){
			if(this.playing == index){
				window.location = rooturl + lang + '/movie/' + this.movie_ids[index];
			}else{
				this.player.sendEvent('ITEM',index);
			}
		}else{
			this.player.sendEvent('ITEM',index);
		}
		
	},
	play: function(id){
		this.movie_els.each(function(el){
			el.removeClass("current");
		});
		this.movie_els[id].addClass("current");
	},
	
	advance: function(i){
		this.movie_els.each(function(el){
			el.removeClass("current");
		});
		this.movie_els[this.movie_ids[i]].addClass("current");
		this.playing = i;
	}
}