jQuery(function($) {
	
	$('#previewImg').empty();
	$('#previewImg').append('<img src="img/ajax-loader.gif" alt="Loading..."/>');
	$('#previewLinks a').hide().removeClass("noJS");
	$('#previewImgBorder span').fadeTo(0,0);
	
	var projets = new Array();
	var i = 0;
	var timer ;
	
	function display () {

		clearTimeout ( timer );
		$('#previewImg').fadeTo(500,0,function() {
											   
			$('#previewImg img').remove() ;
			$('#previewImg').image('img/portfolio/w500/' + projets[i].img, function() {
				$('#previewImg').fadeTo(500,1) ;				
				$('#previewImgBorder span').html(projets[i].title).fadeTo(500,0.5);	
			})										
		});
		$('#previewImgBorder span').fadeTo(500,0);
		$('#previewLinks a.www').attr('href',projets[i].url);
		$('#previewLinks a').removeClass('active');
		$('#previewLinks a').eq(i).addClass('active');
		timer = setTimeout(slideshow,7000) ;
	}
	function slideshow() {
		(i > 2) ? i = 0 : i++;
		display();
	}
	
	$.get('portfolio.xml', function(xml){	
		$('#previewLinks a').show().fadeTo(100,1);

		$(xml).find('project').each(function(j) { 
			if (j > 3) {return;}
			var projet = new Object();
			projet.img = $(this).find('pic:first').text() ;
			projet.url = $(this).find('url').text() ;
			projet.title = $(this).find('title').text();
			projets.push(projet);
			
		}); 
		
		display();
	}); 
	
	$('#previewLinks a').click(function(){
		i = parseInt($(this).text())-1 ;
		display();
		return false;
	});  
});