/////////////////////////////////////////////////////////////////
// Classe NavVideo
/////////////////////////////////////////////////////////////////
var NavVideo = Class.create();
NavVideo.prototype = {
		
	/**************************************************************
	INTIIALIZE // Constructeur
	**************************************************************/
	initialize: function(webRoot,jsString) {
		this.webRoot = webRoot;
		this.controlsVideo = $('controlsVideo'); if(!this.controlsVideo)return;
		this.previous = this.controlsVideo.getElementsByClassName('previous')[0]; if(!this.previous)return;
		this.next = this.controlsVideo.getElementsByClassName('next')[0]; if(!this.next)return;
		this.title = this.controlsVideo.getElementsByClassName('title')[0]; if(!this.title)return;
		this.current = this.controlsVideo.getElementsByClassName('current')[0]; if(!this.current)return;
		this.total = this.controlsVideo.getElementsByClassName('total')[0]; if(!this.total)return;
		
		this.thumbVideo = $('contentVideoThumb');if(!this.thumbVideo)return;
		this.thumb = this.thumbVideo.getElementsByClassName('thumb')[0]; if(!this.thumb)return;
		this.videoLink = this.thumbVideo.getElementsByClassName('videoLink')[0]; if(!this.videoLink)return;
		this.videoPageLink = this.videoLink.href;
		
		this.initList(jsString);
		this.currentVideo = 0;
		this.totalVideo = this.videosList.length;
		
		if(this.totalVideo == 0)return;
		
		this.showVideo(0);
		
		Event.observe(this.previous,'click',this.clickPrevious.bindAsEventListener(this));
		Event.observe(this.next,'click',this.clickNext.bindAsEventListener(this));
	},
	
	

	/*---------------------------------------------------------------------------------------------------
	clickWomen //
	---------------------------------------------------------------------------------------------------*/
	initList : function(jsString) {
		var videos = jsString.split('|||');
		this.videosList = new Array();
		for(var i=0; i<videos.length; i++){
			var video = videos[i];
			var vid = new Object();
			var data = video.split(':::');
			vid.path = data[0];
			vid.width = data[1];
			vid.height = data[2];
			vid.title = data[3];
			vid.thumbPath = data[4];
			if(vid.path != 'noVideo')this.videosList.push(vid);
		}
	},
	
	/*---------------------------------------------------------------------------------------------------
	updateDisplay //
	---------------------------------------------------------------------------------------------------*/
	updateDisplay : function() {
		this.current.innerHTML = this.currentVideo + 1;
		this.total.innerHTML = this.totalVideo;
		this.title.innerHTML = this.currentTitle;
		
		var videoWidth = Number(this.videosList[this.currentVideo].width);
		var videoHeight = Number(this.videosList[this.currentVideo].height);
		
		var width = Number(this.videosList[this.currentVideo].width)+Number(10);
		var height = Number(this.videosList[this.currentVideo].height)+Number(10);
		
		if(width < 249){width=259};
		if(height < 200){height=210};
		
		
		this.thumb.src = "/filesNVIAdmin/"+this.videosList[this.currentVideo].thumbPath;
		this.videoLink.rel = "gb_page_center["+width+", "+height+"]";
		this.videoLink.href =  this.videoPageLink+"?path="+this.videosList[this.currentVideo].path+"&width="+videoWidth+"&height="+videoHeight;
		
		if(this.currentVideo == 0)this.previous.addClassName('inactive');
		else this.previous.removeClassName('inactive');
		
		if(this.currentVideo == this.totalVideo-1)this.next.addClassName('inactive');
		else this.next.removeClassName('inactive');
		
		decoGreyboxLinks();
	},
	
	/*---------------------------------------------------------------------------------------------------
	clickPrevious //
	---------------------------------------------------------------------------------------------------*/
	clickPrevious : function(ev) {
		Event.stop(ev);
		var vidToPlay = this.currentVideo - 1;
		vidToPlay = (vidToPlay < 0) ? 0 : vidToPlay;
		this.showVideo(vidToPlay);
	},
	
	/*---------------------------------------------------------------------------------------------------
	clickNext //
	---------------------------------------------------------------------------------------------------*/
	clickNext : function(ev) {
		Event.stop(ev);
		var vidToPlay = this.currentVideo + 1;
		vidToPlay = (vidToPlay >= this.totalVideo) ? this.totalVideo-1 : vidToPlay;
		this.showVideo(vidToPlay);
	},
	
	/*---------------------------------------------------------------------------------------------------
	showVideo //
	---------------------------------------------------------------------------------------------------*/
	showVideo : function(vidToPlay){
		this.currentVideo = vidToPlay;
		var path = this.videosList[vidToPlay].path;
		var width = this.videosList[vidToPlay].width;
		var height = this.videosList[vidToPlay].height;
		this.currentTitle = this.videosList[vidToPlay].title;
		
		this.updateDisplay();
	}

};