$(document).ready(function(){
	$('.download').toggle(function(){
		$('#content-middle').animate({ width: 'hide'});
		$('#background-middle').animate({ width: 'hide'});
		$(this).addClass('download-m');
	},function(){
		$('#content-middle').animate({ width: 'show'})
		$('#background-middle').animate({ width: 'show'});
		$(this).removeClass('download-m');
	});
	
	$('#content-right a').click(function(){
		$('#content-right a').removeClass('active');
		$(this).addClass('active');
		
		var laSource = jQuery("img", this).attr('src');
		laSource = laSource.substring(0, laSource.indexOf('.jpg'));
		laSource += '_FLOU.jpg';		
		createImg(laSource, '', 'background-middle');		
		
		if(!isNaN($(this).attr('rel').charAt(1)))
			var index = ($(this).attr('rel')).substring(0, 2);
		else
			var index = ($(this).attr('rel')).substring(0, 1);
		
		var	desc = $('description', myProjects[index-1]).text();	
		$('#desc').html(desc);
		
		createImg(linkImages+$(this).attr('rel'), '', 'imgProjet');
	});	
	
	loadProjects();
});

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'));
			$('#rightCol').removeClass('loading');
		 }
	});
}

function showProject(prjs){
	myProjects = prjs;	
	
	if(!isNaN($('#content-right a:first').attr('rel').charAt(1)))
		var index = ($('#content-right a:first').attr('rel')).substring(0, 2);
	else
		var index = ($('#content-right a:first').attr('rel')).substring(0, 1);
	
	var	desc = $('description', myProjects[index-1]).text();	
	$('#desc').html(desc);
}

function createImg(src, alt, imgContainer){
	$('#'+imgContainer).addClass('loading').html('');
	var img = new Image();
	$(img).load(function(){
		$(this).hide();
		$('#'+imgContainer).removeClass('loading').html(this);
		$(this).fadeIn();
	})
	.error(function(){ $('#'+imgContainer).html('Error : Image not found !!!'); })
	.attr({
		src : src,
		alt : alt
	 });
}