/* ****************************************************

	@file:		   diffusion.js
	@description:  Comportements de la page "diffusion"
	@author:       remi (ixmedia.com)
	@version:	   20100111

***************************************************** */

$(function() {

	var TimeCodes = [];
	TimeCodes[1] = '0,16,21,25,40,55,68,72,105';
	TimeCodes[2] = '0,7,25,50,101,148,166,185,224,234,260';
	TimeCodes[3] = '0,6,19,34,70,114,139,169,188,223,234,269,292';
	TimeCodes[4] = '0,12,31,64,80,132,176,198';
	TimeCodes[5] = '0,6,15,44,72,107';
	TimeCodes[6] = '0,6,30,103';

	var Videos = [];
	Videos[1] = 'Intro';
	Videos[2] = 'Fondements';
	Videos[3] = 'Questionnaire';
	Videos[4] = 'Avantages';
	Videos[5] = 'Outils';
	Videos[6] = 'Commander';


	$('#bande-vignettes a').each(function() {
		$(this).data('original_title', $(this).attr('title') );	
	}).tooltip({
		showURL : false,
		delay : 50,
		track : true
	});

	$('#bande-vignettes').each(function() {
		var $self = $(this);
		var $videos = $(this).find('a');

		$videos.click(function() {
			afficher_video( $videos.index( this ) );
			return false;
		});

		function afficher_video( position_video ) {
			var video = $videos.eq(position_video);
			video.addClass('active').css('opacity', 1).siblings().removeClass('active').css('opacity', 0.5);

			var titre = video.attr('id');
			$('.video-titre').html( titre );

			var flv = 'http://septembrewebdiffusiongps.s3.amazonaws.com/flv/video'+(position_video+1)+'.flv';
			html = '<object type="application/x-shockwave-flash" data="swf/flv-player-webdiffusion-gps.swf" width="356" height="315"><param name="salign" value="tl" /><param name="align" value="l" /><param name="flashvars" value="fvVideo='+flv+'&fvIdCuePoints='+(position_video+1)+'&fvTimecode='+TimeCodes[position_video+1]+'" /><param name="movie" value="swf/flv-player-webdiffusion-gps.swf" /></object>';
			$('#video').html( html );

			// On track le visionnement du video comme si on avait cliqué sur /webdiffusion/video/<n>/
			if ( window.pageTracker ) { pageTracker._trackPageview('/webdiffusion-gps/video/'+Videos[position_video+1]+'');
			
			//alert('/webdiffusion-gps/video/'+Videos[position_video+1]+'');
			 }
			afficherImage( 1, position_video+1 );

		}

		$(this).bind('afficher_video', function( e, numero ) {
			afficher_video( numero-1 );
		});

		afficher_video( 0 );

	});

});

$(document).ready(function() {

	$('#gauche .confirmation').hide();
	$('#gauche form').submit(function() {

		var valide = true;

		var auteur_nom		= $('#auteur_nom').val();
		var auteur_courriel	= $('#auteur_courriel').val();
		var question		= $('#commentaires').val();

		$('.form form').find('input, textarea').removeClass('erreur');

		if (auteur_nom == "") {
			$('#auteur_nom').addClass('erreur');
			valide = false;
		}

		if (!auteur_courriel.match(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)) {
			$('#auteur_courriel').addClass('erreur');
			valide = false;
		}

		if (question == "") {
			$('#commentaires').addClass('erreur');
			valide = false;
		}


		if (valide) {
			$.ajax({
				type: 'POST',
				url: 'envoyer-question.php',
				data: {
					'auteur_nom': auteur_nom,
					'auteur_courriel': auteur_courriel,
					'question': question
				},
				success: function(data){
					// Affichage de confirmation
					if (parseInt(data) == 1) {
						$('.form .confirmation').show();
						setTimeout(function(){
							$('.form .confirmation').fadeOut(1500, function(){

							});
						}, 2000);

						$('#auteur_nom, #auteur_courriel, #commentaires').val('')

					}
				}
			});
		}

		return false;
	});

	if ( window.location.hash ) {
		var h = window.location.hash;
		var v = h.match(/#video-([0-9]+)/);
		if ( v ) {
			afficherVideo( parseInt( v[1] ) );
		}
	}
	
});


function afficherImage(numero, id) {
	$('#image-slideshow').attr('src', 'img/videos/visuels-cue-points/video'+id+'/cuepoint'+numero+'.jpg');
}

function afficherVideo(id) {
}