// debug function
function log(msg)
{
	if(console != undefined)
	{
		if(console.log)
			console.log(msg)
	}
	else
	{
		alert(msg);
	}
}
 
// variable to manipulate the player with javascript
var player = null; 

// variable to manipulate the player with javascript
var embedFlashes_FirstImage = null;
 
// carousel data
var dataCarousel = [];
 
///--------------------/// 
///--- Player Video ---/// 
///--------------------/// 
 
// function call by the player (flash) when the initialization is done
function playerReady(thePlayer) 
{
	player = window.document[thePlayer.id]; 
	player.sendEvent('MUTE',true);
 
	createPlayerEvents();	
	loadXMLDataCarousel();
}
 
function createPlayerEvents()
{
	$("#ecran_video").mouseover(function(){
		player.sendEvent('MUTE',false);
	}).mouseout(function(){
		player.sendEvent('MUTE',true);
	});
}
 
///----------------/// 
///--- Carousel ---/// 
///----------------/// 
 
// load playlist for the carousel
function loadXMLDataCarousel()
{
	// log("loadXMLDataCarousel");
	$.ajax({
		url: "/index.php?a=videoxml",
		// url: "/playlist.xml",
		async: true,
		success: onLoadDataCarousel
	});
};
 
function onLoadDataCarousel(data)
{
	// log("onLoadDataCarousel");	
	parseCarouselData(data);
	createCarousel();
};
 
function parseCarouselData(data)
{
	$(data).find('entry').each(function(index){
		var title = $(this).find('title').text();		

		var thumb = $(this).find("media\\:thumbnail").attr('url');
		if(!thumb) thumb = $(this).find("thumbnail").attr('url');

		var flv = $(this).find("media\\:content").attr('url');
		if(!flv) var flv = $(this).find("content").attr('url');

		var href = 	$(this).find("media\\:thumbnail").attr('href');
		if(!href) var href = $(this).find("thumbnail").attr('href');

		var lang = $(this).find("media\\:thumbnail").attr('lang');
		if(!lang) var lang = $(this).find("thumbnail").attr('lang');

		dataCarousel.push({index:index,title:title,thumb:thumb,flv:flv,href:href,lang:lang});
	});
}
 
function createCarousel()
{
	// log("createCarousel");
	createCarouselItems();
	createCarouselItemsEvents();
	initializeCarousel();
};
 
function createCarouselItems()
{
	// create carousel items
	var carouselContainer = $("#ecran_nav_wrap ul");
	for (var i=0; i < dataCarousel.length ; i++)
	{
		var dataItem = dataCarousel[i];
		var index = dataItem.index;
		var title = dataItem.title;
		var flv = dataItem.flv;
		var thumb = dataItem.thumb;
		var href = dataItem.href;
		var lang = dataItem.lang;

		/*
		alert(
			title + '\n' +
			flv + '\n' +
			thumb + '\n' +
			href + '\n' +
			lang + '\n'
		);
		*/

		var item = (i == 0) ? '<li id="item-'+index+'" class="over" style="cursor:pointer"><a><img src="'+thumb+'" alt="'+title+'"/><p>'+title+'</p></a></li>': '<li id="item-'+index+'" style="cursor:pointer"><a><img src="'+thumb+'" alt="'+title+'"/><p>'+title+'</p></a></li>';

		if(i==0) { 
			$('#infoLink').attr('href', href); 
			$('#bookLink').attr('href', lang); 

			$('#centreTitle').text(title);
		}

		carouselContainer.append(item);
	}
}
 
function createCarouselItemsEvents()
{
	// log("createCarouselItemsEvents");
	var buttons = $('#ecran_nav ul li');
		
	buttons.click(function(){
 
		buttons.removeClass("over");
		$(this).addClass("over");
		
		if(player)
		{
			// player.sendEvent("NEXT");
			var index = this.id.split("-")[1];

			$('#infoLink').attr('href', dataCarousel[index].href);
			$('#bookLink').attr('href', dataCarousel[index].lang);
			$('#centreTitle').text(dataCarousel[index].title);

			player.sendEvent("ITEM",index);
		}
		
		return false;
	});
};
 
function initializeCarousel()
{
	// carousel props
	var visible = 4;
 
	// can't be circular !!!
	// if circular there is no event on circulated item
	var circular = false; //!(dataCarousel.length <= visible);
 
	// start the carousel
	$("#ecran_nav_wrap").jCarouselLite({
		btnNext: ".next",
		btnPrev: ".prev",
	
		speed: 200,
		scroll: 1,
		visible: visible,
		circular: circular
	});
}
 
///---------------/// 
///--- Flashes ---/// 
///---------------/// 
 
function embedFlashes() 
{
//	log("embedFlashes");
	
	var flashvars = 
	{
		//file:"http://thalasso/media/img/video/video_1.flv", 
 
		playlistfile:"/index.php?a=videoxml",
		// playlistfile:"/playlist.xml",
	    autostart:"true",
		showicons:"true",
		backcolor:"0x104375",
		frontcolor:"0xffffff",
		lightcolor:"0xffffff",
		// image:"media/img/video/jpg/Flamands_Roses.jpg"
		image:embedFlashes_FirstImage
	}
 
	var params = 
	{
		allowfullscreen:"true", 
		allowscriptaccess:"always",
		wmode:"tansparent"
	}
 
	var attributes = 
	{
		id:"container_video",  
		name:"container_video",
		style:"height:310px"
	}
 
	swfobject.embedSWF("/media/img/swf/player-viral.swf", "container_video", "525", "285", "10", "/media/img/swf/expressInstall.swf", flashvars, params, attributes);
}
 
///-----------------------/// 
///--- document onLoad ---/// 
///-----------------------/// 

$(function()
{
	embedFlashes();
});