var	index = 0;
var	currentNumber = 2;
var	timeInterval = 5000;
var	timer;
var	playAnime = false;
var	myProjects = null;
	
$(document).ready(function(){
	loadProjects();
	$('#next>a').click(function(e){ e.preventDefault(); next(); });
	$('#prev>a').click(function(e){ e.preventDefault(); prev(); });
	$('#next2>a').click(function(e){ e.preventDefault(); next(); });
	$('#prev2>a').click(function(e){ e.preventDefault(); prev(); });
	$('#btn_pause').click(function(e){ e.preventDefault(); pause(); });
	/*$('#flecheBas').click(function(){ monterImage(); });
	$('#flecheHaut').click(function(){ descendreImage(); });
	$('#rightCol').hover(function(){ rollOver(); }, function(){ rollOut(); });*/
	$(window).resize(function() { resizeWindow(); } );
});

function resizeWindow()
{	
	var hauteur = $(window).height() - 999;
	if($(window).height() < 1000)
		$('#imgProjet>img').css( 'top', hauteur/2);
	else
		$('#imgProjet>img').css( 'top', 0);
}

function rollOver(){
	if($(window).height() < 1000)
	{
		$('#flecheBas').fadeIn('fast');
		$('#flecheHaut').fadeIn('fast');
	}
}

function rollOut(){
	$('#flecheBas').fadeOut('fast');
	$('#flecheHaut').fadeOut('fast');
}

function monterImage(){
	var hauteur = $(document).height() - 999;
	var topImage = $('#imgProjet>img').position().top;
	if(topImage > hauteur/2)
		$('#imgProjet>img').animate({top: hauteur/2});
	else if(topImage > hauteur)
		$('#imgProjet>img').animate({top: hauteur});
}

function descendreImage(){
	var hauteur = $(document).height() - 999;
	var topImage = $('#imgProjet>img').position().top;
	if(topImage > hauteur)
		$('#imgProjet>img').animate({top: 0});
	else if(topImage < hauteur/2)
		$('#imgProjet>img').animate({top: hauteur/2});
}

function loadProjects(){
	$.ajax({
		type: 'GET',
		url: url_xml,
		dataType: 'xml',
		beforeSend:function(){
			$('#rightCol').addClass('loading');
		},
		error:function(){
			$('#rightCol').html('Error : XML File not found !!!');
			$('#rightCol').removeClass('loading');
		},
		success:function(xml){
			showProject($(xml).find('projet'));
			paginProjects(xml);
			$('#rightCol').removeClass('loading');
		 }
	});
}

function pause(){
	if (playAnime == true)
	{
		playAnime = false;
		clearInterval(timer);
		$('#btn_pause').addClass('play');
	}
	else
	{
		playAnime = true;
		timer = setInterval("nextImage()", timeInterval);
		$('#btn_pause').removeClass('play');
	}
}

function showProject(prjs){
	myProjects = prjs;	
	var idProject = $(prjs[index]).attr('id');
	var	lieu = $('lieu', prjs[index]).text();
	var	desc = $('description', prjs[index]).text();
	desc = desc.split('\\n').join('<br />');
	
	$('#desc').html(desc);
	$('#jc-pagin').html('');
	$('images', prjs[index]).find('image').each(function(j){
		j+=1;
		var alt = $(this).attr('libelle')!= undefined ? $(this).attr('libelle') : '',
		    lien = $(this).attr('link')!= undefined ? $(this).attr('link') : '#',
			img = new Image(),
			image = '<img src="'+IMG_PATH+idProject+'/'+$(this).text()+'" alt="'+alt+'" />',
			items = '<a href="'+IMG_PATH+idProject+'/'+$(this).text()+'" rel="'+lien+'" title="'+alt+'" class="png '+j+'" >'+j+'</a>';
		$('<li></li>').html(items).appendTo('#jc-pagin');
		if(j==1){
			var myTitle ='<span>'+project_txt+' :</span> '+lieu+', '+serie_txt+' <a href="'+lien+'" title="'+LINK_TITLE+'"><span id="libelle">'+alt+'</span></a>';
			$('#title').html(myTitle);
			$('#jc-pagin>li').children('a:first-child').addClass('current');
			createImg(IMG_PATH+idProject+'/'+$(this).text(), alt, 'imgProjet');
		}
		
	});
	
	$('#jc-pagin').find('a').click(function(e){
		if (playAnime == true)
		{
			clearInterval(timer);
			timer = setInterval("nextImage()", timeInterval);
		}
	
		e.preventDefault();
		if($(this).attr('href')!=$('#imgProjet>img').attr('src')){
			$('#jc-pagin').find('a').removeClass('current');
			$(this).addClass('current');
			var src = $(this).attr('href'),
				title = $(this).attr('rel'),
				alt = $(this).attr('title');
			$('#libelle').html(alt);
			$('#title').find('a').attr('href', title);
			createImg(src, alt, 'imgProjet');
		}
		
		var laClassNb;
		
		var classList =$(this).attr('class').split(' ');
		$.each( classList, function(index, item){
			if (!isNaN(parseInt(item))) {
			   laClassNb = item;
			}
		});
		
		currentNumber = parseInt(laClassNb) + 1;
	});
}

function paginProjects(leXml){
	$('#paginProjets').html('');
	
	$(leXml).find('projet').each(function(j){
		j+=1;
		if (j == 1)
			var itemsProjets = '<a href="javascript:;" class="currentProject '+j+'">'+j+'</a>';
		else
			var itemsProjets = '<a href="javascript:;" class="'+j+'">'+j+'</a>';
		
		$('<li></li>').html(itemsProjets).appendTo('#paginProjets');
	});
		
	$('#paginProjets a').click(function(e){ e.preventDefault(); goTo(this); });
}

function nextImage(){
	var nbPhotos = $('#jc-pagin li').size();

	if (currentNumber > nbPhotos)
	{
		next(1);
	}	
	else
	{
		var monObj = $('#jc-pagin a.'+currentNumber);
		
		if(monObj.attr('href')!=$('#imgProjet>img').attr('src')){
			$('#jc-pagin').find('a').removeClass('current');
			monObj.addClass('current');
			var src = monObj.attr('href'),
				title = monObj.attr('rel'),
				alt = monObj.attr('title');
			$('#libelle').html(alt);
			$('#title').find('a').attr('href', title);
			createImg(src, alt, 'imgProjet');
		}
	}
	
	currentNumber++;
}
	
function createImg(src, alt, imgContainer){
	if (playAnime == true)
	{
		clearInterval(timer);
	}

	$('#'+imgContainer).addClass('loading').html('');
	var img = new Image();
	$(img).load(function(){
		if (playAnime == true)
		{
			timer = setInterval("nextImage()", timeInterval);
		}
		$(this).hide();
		$('#'+imgContainer).removeClass('loading').html(this);
		$(this).fadeIn();
		resizeWindow();
	})
	.error(function(){ $('#'+imgContainer).html('Error : Image not found !!!'); })
	.attr({
		src : src,
		alt : alt
	 });
}

function goTo(leBlock){
	if (playAnime == true)
	{
		clearInterval(timer);
		timer = setInterval("nextImage()", timeInterval);
	}
	currentNumber = 2;
		
	$('#paginProjets a').removeClass('currentProject');
	$(leBlock).addClass('currentProject');

	index = parseInt($(leBlock).html())-1;
	showProject(myProjects);
}

function next(leNb){
	if (playAnime == true)
	{
		clearInterval(timer);
		timer = setInterval("nextImage()", timeInterval);
	}
	if (leNb != undefined)
		currentNumber = leNb;
	else
		currentNumber = 2;

	index = index<myProjects.length-1 ? index+1 : 0;
	showProject(myProjects);
	
	var leNumero = index+1;
	
	$('#paginProjets a').removeClass('currentProject');
	$('#paginProjets a.'+leNumero).addClass('currentProject');
}

function prev(){
	if (playAnime == true)
	{
		clearInterval(timer);
		timer = setInterval("nextImage()", timeInterval);
	}
	currentNumber = 2;

	index = index>0 ? index-1 : myProjects.length-1;
	showProject(myProjects);
	
	var leNumero = index+1;
	
	$('#paginProjets a').removeClass('currentProject');
	$('#paginProjets a.'+leNumero).addClass('currentProject');
}