var positionAnimationPortfolio = 1;
	var animationPortfolio = false;


$(document).ready(function()  {
	//populateQuelquesCreations();
	
	
	var nbchildPortfolio = $(".resizePortfolio#p1").children().length;
	var widthPortfolio = (nbchildPortfolio*259);
	var widthPortfolioText = (nbchildPortfolio*300);
	
	//fix pour font
	$("body").oneTime("600ms","oneTimePortfolio", function() {
		var widthPremierElement = $("#btnP1 .btnPTexte").width();
		$(".absoluteTexte1234 .btnPTexte").width(widthPremierElement)
	})
	$(".resizePortfolio").width(widthPortfolio);
	$(".textePortfolio").width(widthPortfolioText);


	var lien = $('#lienDeuxPortfolio').text();
	
	if (lien !== "") {
		$('.preview').click(function() {
			document.location.href = lien;
		});
		
		$('.preview').hover(function() {
			$(this).css("cursor","pointer");		
		},function() {
			$(this).css("cursor","default");
		});
	}
	$(".elementCatPortfolio").click(function(){
			var id = $(this).attr('id');
			var vitesse = 200;

			if (Math.abs((positionAnimationPortfolio)-(id.substr(4))) > 3) {
				vitesse = 400;
			}
			
			var PositionAnimateImg =  -((parseInt(id.substr(4))*259)-259);
			
			$('#p1').animate(
				{marginLeft: PositionAnimateImg},
				vitesse, 
				function() {
					$('#p2').animate(
						{marginLeft: PositionAnimateImg},
						vitesse, 
						function() {
							$('#p3').animate(
								{marginLeft: PositionAnimateImg},
								vitesse, 
								function() {
									animationPortfolio = false;
							});
					});
			})
				
			var PositionAnimateTexte ="";
			
			if (positionAnimationPortfolio < id.substr(4)) {
				var PositionAnimateTexte =  -((parseInt(id.substr(4))*300)-300);
			}
			else {
				var PositionAnimateTexte =  -((parseInt(id.substr(4))*300)-300);
			}
			$('#p_t_1').animate(
				{marginLeft: PositionAnimateTexte},
				vitesse, 
				function() {
					$('#p_t_2').animate(
						{marginLeft: PositionAnimateTexte},
						vitesse, 
						function() {
							$('#p_t_3').animate(
								{marginLeft: PositionAnimateTexte},
								vitesse, 
								function() {
							});
					});
			});
			
			positionAnimationPortfolio = parseInt(id.substr(4));
			
			var elements = $("#"+id).position();
			var widthTexte = $("#"+id+" .btnPTexte").width();
			
			$('.absoluteTexte1234').animate(	
				{left: elements.left},
				200, 
				function() {
			});
				
			$(".absoluteTexte1234 .btnPTexte").animate(
				{width: widthTexte},
				200, 
				function() {
			});
				
			setBtnPortfolio();	
		
		
	});
	

	$("#btnRightImg").click(function() {

		
		if(positionAnimationPortfolio >= 1 && positionAnimationPortfolio < nbchildPortfolio && animationPortfolio == false) {

			animationPortfolio = true;

			var elements = $("#btnP" + (positionAnimationPortfolio+1)).position();
			var widthTexte = $("#btnP" + (positionAnimationPortfolio+1)+" .btnPTexte").width();


			$('.absoluteTexte1234').animate(
				{left: elements.left},
				200, 
				function() {
			});
				
			$(".absoluteTexte1234 .btnPTexte").animate(
				{width: widthTexte},
				200, 
				function() {
			});
				
				
			positionAnimationPortfolio++;
			
			setBtnPortfolio();
			$('#p1').animate(
				{marginLeft: "-=259"},
				200, 
				function() {
					$('#p2').animate(
						{marginLeft: "-=259"},
						200, 
						function() {
							$('#p3').animate(
								{marginLeft: "-=259"},
								200, 
								function() {
									animationPortfolio = false;	
							});
					});
			});
				
			$('#p_t_1').animate(
				{marginLeft: "-=300"},
				200, 
				function() {
					$('#p_t_2').animate(
						{marginLeft: "-=300"},
						200, 
						function() {
							$('#p_t_3').animate(
								{marginLeft: "-=300"},
								200, 
								function() {
							});
					});
			});	
		}
			
	
	})

$("#btnLeftImg").click(function() {

		if(positionAnimationPortfolio >= 2 && animationPortfolio == false) {
			
			animationPortfolio = true;
			positionAnimationPortfolio--;
			setBtnPortfolio();		
			
			var elements = $("#btnP" + (positionAnimationPortfolio)).position();
			var widthTexte = $("#btnP" + (positionAnimationPortfolio)+" .btnPTexte").width();


			$('.absoluteTexte1234').animate(
				{left: elements.left},
				200, 
				function() {
			});
				
			$(".absoluteTexte1234 .btnPTexte").animate(
				{width: widthTexte},
				200, 
				function() {
			});
			
			
			$('#p1').animate(
				{marginLeft: "+=259"},
				200, 
				function() {
					$('#p2').animate(
						{marginLeft: "+=259"},
						200, 
						function() {
							$('#p3').animate(
								{marginLeft: "+=259"},
								200, 
								function() {
									animationPortfolio = false;
							});
					});
			});
				
			$('#p_t_1').animate(
				{marginLeft: "+=300"},
				200, 
				function() {
					$('#p_t_2').animate(
						{marginLeft: "+=300"},
						200, 
						function() {
							$('#p_t_3').animate(
								{marginLeft: "+=300"},
								200, 
								function() {
							});
					});
			});
		}		
	})
				
	setBtnPortfolio();	
		
		
	function setBtnPortfolio() {
		if (positionAnimationPortfolio == 1) {
			$("#btnLeftImg").removeClass().addClass("btnLeftImgInactif");
			$("#btnRightImg").removeClass().addClass("btnRightImg");
			
		}
		else if(positionAnimationPortfolio == nbchildPortfolio) {
			$("#btnLeftImg").removeClass().addClass("btnLeftImg");
			$("#btnRightImg").removeClass().addClass("btnRightImgInactif");
		}
		else {
			$("#btnLeftImg").removeClass().addClass("btnLeftImg");
			$("#btnRightImg").removeClass().addClass("btnRightImg");
		}
	}

	function populateQuelquesCreations() {
		
		//		str += '				<img src="/files/nouvelle/thumb/'+news[x][2]+'" />';
		for(x=0;x<sectionsCreation.length;x++) {			
			if (sectionsCreation[x][0] != "") {
				//$('#btnP'+(x+1)+' .btnPTexte').html(sectionsCreation[x][0]);
				//$('#p1').append('<img width="259" height="225" src="files/portfolioAccueil/big/'+sectionsCreation[x][1]+'" style="width:259px; height:225px;" />')
				//$('#p2').append('<img width="259" height="225" src="files/portfolioAccueil/big/'+sectionsCreation[x][2]+'" style="width:259px; height:225px;" />')
				//$('#p3').append('<img width="259" height="225" src="files/portfolioAccueil/big/'+sectionsCreation[x][3]+'" style="width:259px; height:225px;" />')
				
				for(y=0;y<3;y++) {
					var str = "";
					str += '<div id="blocTextePortfolio">';
					str += '	<h3>'+sectionsCreation[x]['titre'][y]+'</h3>';
					str += '	<p>';
					str += 			sectionsCreation[x]['texte'][y];
					str += '	</p>';
					str += '	<a href="'+sectionsCreation[x]['lien'][y]+'" class="goPortfolio" title="En voir plus"></a>';
					str += '</div>';
					//$('#p_t_'+(y+1)).append(str);
				}		
			}
		}
	}
	
});