$(function() {
	// Liste des projets
	
	$('#bg-portfolio ul').wrap('<div id="plist">');
	$('#plist').serialScroll({
		items:'li',
		step: 2,
		constant: false,
		duration:600,
		cycle:true,
		easing:'easeInOutQuint'
	});
	
	$('#bg-portfolio').prepend('<a class="retourPortfolio" title="Retour" href="#precedent">&nbsp;</a><a class="suivantPortfolio" title="Suivant" href="#suivant">&nbsp;</a>');
	$('.retourPortfolio').click(function(){ $('#plist').trigger('prev'); return false; });
	$('.suivantPortfolio').click(function(){ $('#plist').trigger('next'); return false; });
	
	$('#bg-portfolio, #plist').css('overflow', 'hidden');


	// Hover du projet
	$('.projet').removeClass('projet-nojs');
		
	$('.projet').hover(
		function(){ $('.projet div').animate( {paddingTop: '20px', opacity: 1, height: '330px'})}, 
		function(){ $('.projet div').animate( {paddingTop: '40px', opacity: 0, height: '310px'});
	});
	
	
	eok = false;
	
function object2String(obj) {
    var val, output = "";
    if (obj) {    
        output += "{";
        for (var i in obj) {
            val = obj[i];
            switch (typeof val) {
                case ("object"):
                    if (val[0]) {
                        output += i + ":" + array2String(val) + ",";
                    } else {
                        output += i + ":" + object2String(val) + ",";
                    }
                    break;
                case ("string"):
                    output += i + ":'" + escape(val) + "',";
                    break;
                default:
                    output += i + ":" + val + ",";
            }
        }
        output = output.substring(0, output.length-1) + "}";
    }
    return output;
}

	// Voir un projet
    $.getJSON("/XIV/portfolio.json", function(data) {
    	$.pf = object2String(data);
	eok = true;
    });    
   
    
     $('#plist ul li a img').click(function() {
     	if(!eok) return false;
     	
     	$('#info-chargement').fadeIn();
      	$('#bg-portfolio a img').removeClass('actif');
      	$(this).addClass('actif')
     	idproj = $(this).parent().attr('id');
		
     	//alert(idproj);
     	$('div.projet').slideUp(function() {
     		$('<img src="' + as + '/portfolio/' +  idproj.replace("_", "-") + '.jpg" />').load(function() {
     			$('div.projet').css({backgroundImage: "url('" + as + "/portfolio/" + idproj.replace("_", "-") + ".jpg')" }).html('<div>' + /*window.pf.*/$.pf.idproj + '</div>').slideDown();
     			$('#info-chargement').fadeOut();
     		});
     	});
     	return false;
     });
	
});