/**
 * Chargement de la Vidéothèque (Appel depuis page.common.js)
 * - Affichage de la dernière vidéo postée
 * - Affichage de la listes des dernières vidéos postées
 */
function loadVideotheque()
{
	if (document.getElementById("videotheque_div"))
	{
		$("#videotheque_div").css("display", "none");
		videotheque_ajax_call();
	}
}

/**
 * Appel du script PHP en Ajax pour la récuperation des vidéos
 */
function videotheque_ajax_call()
{
	// Requête AJAX
    $.ajax({
    	// Fichier cible php :
    	url : "ajax/ajax.videotheque.php",
    	// Type de requête
    	type : "GET",
    	// Type de données renvoyées : JSON
    	dataType : "json",
    	// Callback :    	
    	success : videotheque_ajax_callback
    });
}

/**
 * Résultats Json des vidéos des courses
 */
var aVideoCourses = new Array();

/**
 * Identifiant de la vidéo sélectionnée
 */
var videotheque_sel_video_course_id = null;

/**
 * Retour du script PHP en ajax pour la récuperation des vidéos
 * @param oJson
 */
function videotheque_ajax_callback(oJson)
{
	if ($("#videotheque_div").css("display") == "none")
		$("#videotheque_div").fadeIn();
	
	var HTML = '';
	
	var j = 0;
	var oRow = $("<tr valign=\"middle\"></tr>");
	
	for (i in oJson)
	{
		aVideoCourses[oJson[i].video_course_id] = oJson[i];
		
		HTML  = '<td>' + "\n"; 
		HTML += "\t" + '<a href="' + oJson[i].page_url + '">' + "\n";		
		HTML += "\t" + oJson[i].hippodrome_nom + ' N&deg;' + oJson[i].course_numero + '<br />' + "\n";
		HTML += "\t" + oJson[i].course_date_evenement + '<br />' + "\n";
		//HTML += "\t" + '</a>' + "\n";		
		HTML += "\t" + '<img id="videotheque_playlist_img_' + oJson[i].video_course_id + '" src="' + oJson[i].video_course_url_image + '" onclick="videotheque_select(' + oJson[i].video_course_id + ', true);" alt="" style="width: 72px; height: 54px;" />' + "\n";		
		//HTML += "\t" + '<a href="' + oJson[i].page_url + '">' + "\n";	
		HTML += "\t" + '</a>' + "\n";	
		HTML += '</td>' + "\n";
		
		oRow.append(HTML);
		
		j++;
		
		if (j == 3)
		{
			j = 0;
			$("#videotheque_playlist_table2").append(oRow);
			oRow = $("<tr valign=\"middle\"></tr>");
		}
		
		if (videotheque_sel_video_course_id == null)
			videotheque_sel_video_course_id = oJson[i].video_course_id;
	}
	
	$("#videotheque_playlist_table2").append(oRow);
	
	setTimeout("videotheque_select(" + videotheque_sel_video_course_id + ", false)", 1000);
	
	videotheque_arrows();
}

/**
 * Scroll sur la gauche
 */
function videotheque_gauche()
{
	if (parseInt($("#videotheque_playlist_table").css("margin-left")) < -$("#videotheque_playlist_div").width())
	{
		$("#videotheque_playlist_table").animate( {
			marginLeft : '+=' + ($("#videotheque_playlist_div").width() + 2)
		}, 500, videotheque_arrows);
	}
}

/**
 * Scroll sur la droite
 */
function videotheque_droite()
{
	if (parseInt($("#videotheque_playlist_table").css("margin-left")) > -($("#videotheque_playlist_table").width() - $("#videotheque_playlist_div").width()))
	{
		$("#videotheque_playlist_table").animate( {
			marginLeft : '-=' + ($("#videotheque_playlist_div").width() + 2)
		}, 500, videotheque_arrows);
	}
}

/**
 * Affiche/cache les flêches
 */
function videotheque_arrows()
{
	if (parseInt($("#videotheque_playlist_table").css("margin-left")) < -$("#videotheque_playlist_div").width())
		$("#videotheque_gauche_a").fadeIn("fast");
	else
		$("#videotheque_gauche_a").fadeOut("fast");
	
	if (parseInt($("#videotheque_playlist_table").css("margin-left")) > -($("#videotheque_playlist_table").width() - $("#videotheque_playlist_div").width()))
		$("#videotheque_droite_a").fadeIn("fast");
	else
		$("#videotheque_droite_a").fadeOut("fast");
}

/**
 * IPhone ?
 */
var isIPhone = (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i));

/**
 * IPad ?
 */
var isIPad = navigator.userAgent.match(/iPad/i)  != null;

/**
 * Autre nav. ?
 */
var isNav = (!isIPhone && !isIPad);

/**
 * Player QuickTime
 */
var oVideothequeQTPlayer;

/**
 * Définit la vidéo en cours
 * @param video_course_id
 */
function videotheque_select(video_course_id, play)
{
	if (!play)
		play = false;
	
	oVideoCourse = aVideoCourses[video_course_id];
	
	for (i in aVideoCourses)
	{
		if ($("#videotheque_playlist_img_" + aVideoCourses[i].video_course_id).hasClass('videotheque_sel'))
			$("#videotheque_playlist_img_" + aVideoCourses[i].video_course_id).removeClass('videotheque_sel');
		//$("#videotheque_playlist_img_" + aVideoCourses[i].video_course_id).css('border', '3px solid #dcdcdc');
	}	
		
	$("#videotheque_playlist_img_" + video_course_id).addClass('videotheque_sel');
	
	// IPhone ?
	if (isIPhone)
	{
		// Sponsor

		hideIPhoneSponsor();
		
		oSponsor = $('<div id="iphone_sponsor"></div>');
		oPlayer = $('#videotheque_player');
		
		oSponsor.css('width', oPlayer.width() + "px");	
		oSponsor.css('height', oPlayer.height() + "px");	
		oSponsor.css('z-index', '999');
		oSponsor.css('position', 'absolute');
		oSponsor.css('left', oPlayer.offset().left + "px");
		oSponsor.css('top', oPlayer.offset().top + "px");
		oSponsor.css('background-image', 'url(' + oVideoCourse.sponsor_image_url + ')');
		$('body').append(oSponsor);
		
		setTimeout('$("#iphone_sponsor").fadeOut(400, hideIPhoneSponsor);', 3000);
				
		document.videotheque_player_quicktime.SetURL(oVideoCourse.video_course_url_http);				
	}
	else if (isIPad)
	{
		document.getElementById("ipad_video").src = oVideoCourse.video_course_url_http;
		document.getElementById("ipad_video").load();
		document.getElementById("ipad_video").play();
	}
	else
	{
		document.getElementById('videotheque_player').SetVariable("player:jsStop", "");
		
		if (oVideoCourse.video_course_url_image != null)
		{
			//alert(oVideoCourse.video_course_url_image);
			document.getElementById('videotheque_player').SetVariable("player:jsStartImage", oVideoCourse.video_course_url_image);
		}
		
		if ($("#sponsor_flv").val() != '')
		{
			document.getElementById('videotheque_player').SetVariable("player:jsUrl", oVideoCourse.video_course_url_http);
			//document.getElementById('videotheque_player').SetVariable("player:jsUrl", $("#sponsor_flv").val() + "|" + oVideoCourse.video_course_url_http);
			//alert($("#sponsor_flv").val() + "|" + oVideoCourse.video_course_url_http);
		}
		else
			document.getElementById('videotheque_player').SetVariable("player:jsUrl", oVideoCourse.video_course_url_http);
		
		//alert(oVideoCourse.video_course_url_http);
		
		if (play)
		{
			document.getElementById('videotheque_player').SetVariable("player:jsPlay", "");
			
			// Tracking Google Analytics
			pageTracker._trackPageview('/videotheque/' + oVideoCourse.course_date_evenement + ' - ' + oVideoCourse.hippodrome_nom + ' - Course N° ' + oVideoCourse.course_numero);
		}
		
		if (oVideoCourse.sponsor_swf != '')
			document.getElementById("videotheque_player").SetVariable("player:jsLoadMovieOnTop", oVideoCourse.sponsor_swf + "|2||");
	}
}

function hideIPhoneSponsor()
{
	if ($("#iphone_sponsor"))
		$("#iphone_sponsor").remove();
}
