// JavaScript Document

function calculLargeur() {
	var container = $('div.sliderGallery');
	
	var ul = $('ul.active', container);
	
	var i = 0 ;
	$("ul.active li").each(function(){
	   i++ ;
	 });
	 
	var ulWidth = i * 170 ; //171 est la largeur d'un bloc : padding, bordures, margin et élément
	
	//var itemsWidth = ulWidth - container.outerWidth() - 20;
	var itemsWidth = ulWidth - 850;
	//alert(itemsWidth) ;
	
	$("ul.active").css("width",ulWidth+"px") ;
	
	if (itemsWidth > 830) {
		$('.slider', container).slider({
			min: 0,
			max: itemsWidth,
			steps : i-5,
			handle: '.handle',
			stop: function (event, ui) {
				/*ul.animate({'left' : ui.value * -1 }, 800);*/
			},
			slide: function (event, ui) {
				ul.css('left', ui.value * -1);
			}
		});
		$('.slider', container).slider("enable") ;
		$('.slider').animate({opacity:1},10) ;
		$('.handle').css("cursor","pointer") ;
	}
	else {
		$('.slider', container).slider("moveTo", 0) ;
		$('.slider', container).slider("disable") ;
		$('.slider').animate({opacity:0.3},300) ;
		$('.handle').css("cursor","default") ;
	}
	
	$("ul.active li .bordure").hover(
		function() {
			$(this).css("border","1px solid #333") ;
			//$(this).css("background-color","#D3D3D3") ;
		},
		function(){
			$(this).css("border","1px solid #d3d3d3") ;
			//$(this).css("background-color","#FFF") ;
		}
	)
	
	
	
}

function afficheCompetence(num) {
	if (!$("#col_droite #competence"+num).hasClass("active")) {
		$("#col_droite .active").fadeOut(200, function(){
			$(this).removeClass("active") ;
			$("#col_gauche .active").removeClass("active") ;
			$("#col_droite #competence"+num).fadeIn(200, function() {
				$("#col_droite #competence"+num).addClass("active") ;
				$("#lien_competence"+num).addClass("active") ;
			}) ;
			
		}) ;
	}
}

function simplePreload()
{ 
  var args = simplePreload.arguments;
  document.imageArray = new Array(args.length);
  for(var i=0 ; i < args.length ; i++)
  {
    document.imageArray[i] = new Image;
    document.imageArray[i].src = args[i];
  }
}

function changePortfolio(type) {
	if (type == "Web") {
		$(".sliderGallery #portf_web").css("left","0") ;
		$(".sliderGallery .active").fadeOut(200, function() {
			$(".sliderGallery #portf_web").fadeIn(200) ;
			$(".sliderGallery .active").removeClass("active") ;
			$(".sliderGallery #portf_web").addClass("active") ;
			calculLargeur() ;											  
		}) ;
		
	}
	else if (type == "Print") {
		$(".sliderGallery #portf_print").css("left","0") ;
		$(".sliderGallery .active").fadeOut(200, function() {
			$(".sliderGallery #portf_print").fadeIn(200) ;
			$(".sliderGallery .active").removeClass("active") ;
			$(".sliderGallery #portf_print").addClass("active") ;
			calculLargeur() ;
		}) ;
	}
		
	else if (type == "Multimedia") {
		$(".sliderGallery #portf_multimedia").css("left","0") ;
		$(".sliderGallery .active").fadeOut(200, function() {
			$(".sliderGallery #portf_multimedia").fadeIn(200) ;
			$(".sliderGallery .active").removeClass("active") ;
			$(".sliderGallery #portf_multimedia").addClass("active") ;
			calculLargeur() ;											  
		}) ;
		
	}
	else {
		$(".sliderGallery #portf_tout").css("left","0") ;
		$(".sliderGallery .active").fadeOut(200, function(){
			$(".sliderGallery #portf_tout").fadeIn(200) ;
			$(".sliderGallery .active").removeClass("active") ;
			$(".sliderGallery #portf_tout").addClass("active") ;
			calculLargeur() ;											  
		}) ;
	}
}