/*
  Affiche le bloc About Me
*/
$(function(){
 $("#aboutMe").hide();
  $(".abm").click(function(){
        $("#aboutMe").removeClass('hidden');
		$("#aboutMe").addClass('visible');		
		$("#aboutMe").slideToggle();
        return false;
  });
})
/*
  boites categories
*/

$(function(){
 $("#arch").hide();
  $("#catarch").click(function(){
		$("#catarch").addClass('white');
		$("#catbut").removeClass('white');
		$("#catbut").addClass('black');					   
        $("#cat").hide();
		$("#arch").slideToggle();
        return false;
  });
})

$(function(){
    $("#catbut").click(function(){
		$("#catbut").addClass('white');
		$("#catarch").removeClass('white');
		$("#catarch").addClass('black');
        $("#arch").hide();
        $("#cat").slideToggle();
        return false;
  });
})

/*
  boites liens
*/

$(function(){
 $("#friends").hide();
  $("#titrefriends").click(function(){
		$("#titrefriends").addClass('white');
		$("#titreliens").removeClass('white');
		$("#titreliens").addClass('black');					   
        $("#liens").hide();
		$("#friends").slideToggle();
        return false;
  });
})

$(function(){
    $("#titreliens").click(function(){
		$("#titreliens").addClass('white');
		$("#titrefriends").removeClass('white');
		$("#titrefriends").addClass('black');
        $("#friends").hide();
        $("#liens").slideToggle();
        return false;
  });
})

/*
  likethis
*/
$(function(){
    $(".counter a").click(function(){
        $("#lthisbtn").append("Merci");
        return false;
  });
})


/*
  Vide les champs lorsqu'ils sont sélectionné
*/
$(function(){
    
    $(".autoEmpty").each(function(){
        var defaultText = $(this).val();
        $(this).focus(function(){
            if($(this).val()==defaultText){
                $(this).val("");
            }
        });
        $(this).blur(function(){
            if($(this).val()==""){
                $(this).val(defaultText);
            }
        });
    });
    
});

/*
      Effet de rollover sur les tutoriels
*/
$(function(){
	    $(".tuto img").css("opacity",0.5);
            $(".tuto img").mouseover(function(){
		   $(this).stop().fadeTo(500,1);
                   $(this).next("span").animate({bottom:0},500)

	    });
	    $(".tuto img").mouseout(function(){
		   $(this).stop().fadeTo(500,0.5);
                   $(this).next("span").animate({bottom:-23},500)
	    });
});
/*
    Portfolio Scripts
            Grafikart, www.grafikart.fr
*/

$(function(){
    var portfolioCourant = null;
	    $(".work img").css("opacity",0.25);
            $(".work").mouseover(function(){
			 $(this).find("img").stop().fadeTo(500,1);
	    });
	    $(".work").mouseout(function(){
		   $(this).find("img").stop().fadeTo(500,0.25);
	    });
     $(".work").click(function(){
            portfolio.show($(this));
            return false;
      });
    
});


var portfolio = {
    courant : null,
    clicked : null,
        
    show : function(clicked){
            portfolio.clicked = clicked;
            if(this.courant!=null && this.courant.text() == clicked.next(".detail").text()){
                this.courant.slideUp(1000,function(){
                    portfolio.courant.remove();
                    portfolio.courant=null;
                });
                return false;
            }
            if(this.courant!=null){
                this.courant.slideUp(1000,function(){
                    portfolio.courant.remove();
                    portfolio.courant=null;
                    portfolio.show(portfolio.clicked);
                    return false;
                });
                return false;
            }
			clicked.nextAll(".workSpace:first").append('<div class="detail">'+clicked.next(".detail").html()+'</div>');
			var clone = clicked.nextAll(".workSpace:first").find(".detail");
            this.courant=clone;
            clone.css("display","block").hide().slideDown(1000,function(){
                   scrollTo(clone);
            });
    },
    hide : function(){
        portfolio.courant.slideUp(1000,function(){
            portfolio.courant.remove();
            portfolio.courant=null;
            scrollTo($(".work:first")); 
        });
    }
    
};

var carrousel = {
    
    slide : 0,
    elem : null,
    timer : null,
    courant : null,
    
    init : function(elem){
        if(elem.find(".carrousel .slide").length<=1){
            return false;
        }
        $(".carrousel").append('<ul class="navigation"></ul>');
        var i=0;
        $(".carrousel .slide").each(function(){
            i++;
            $(".carrousel .navigation").append("<li>"+i+"</li>");
            $(".carrousel .slide img").css("top",-($(".carrousel .slide:first img").height()-$(".carrousel").height())/2)
        });
        this.slide=0;
        if(this.timer!=null){ window.clearInterval(carrousel.timer); }
        this.elem = elem;
        elem.find(".carrousel .slide").hide();
        elem.find(".carrousel .navigation li:first").addClass("active");
        elem.find(".carrousel .slide:first").show();
        this.courant = elem.find(".carrousel .slide:first");
        this.timer = window.setInterval("carrousel.next()",4000);
        this.elem.find(".carrousel .navigation li").click(function(){
            window.clearInterval(carrousel.timer);
            carrousel.show(carrousel.elem.find(".carrousel .navigation li").index(this));
            carrousel.slide=carrousel.elem.find(".carrousel .navigation li").index(this);
            carrousel.timer = window.setInterval("carrousel.next()",4000);
        });
        $(".carrousel").click(function(){
            window.location = carrousel.courant.attr("href");
        });
    },
    
    next : function(){
        this.slide++;
        if(this.slide>this.elem.find(".carrousel .slide").length-1){
            this.slide = 0;
        }
        this.show(this.slide);
    },
    
    prev : function(){
        this.slide--;
        if(this.slide<0){
            this.slide=this.elem.find(".carrousel .slide").length-1;
        }
        this.show(this.slide);
    },
    
    show : function(num){
        this.elem.find(".carrousel .slide").hide();
        this.elem.find(".carrousel .navigation li.active").removeClass("active");
        this.courant.show().fadeOut(1000);
        this.elem.find(".carrousel .navigation li:eq("+num+")").addClass("active");
        this.elem.find(".carrousel .slide:eq("+num+")").fadeIn(1000);
        this.courant = this.elem.find(".carrousel .slide:eq("+num+")");
    }
};
$(function(){
      carrousel.init($("#main"));
});







/*	Scroll animé sur toutes les ancres
**			Par Grafikart : www.grafikart.fr
**************************************/
$(document).ready(function(){
	$('a[href^=#]').click(function() {
		cible=$(this).attr('href');
		scrollTo(cible);
		return false;
	});
});

function scrollTo(cible){
	if($(cible).length>=1){
		hauteur=$(cible).offset().top;
	}
	else{
		hauteur=$("a[name="+cible.substr(1,cible.length-1)+"]").offset().top;
	}
	hauteur -= (windowH()-$(cible).height())/2;
	$('html,body').animate({scrollTop: hauteur}, 1000);
	return false;
}

function  windowH(){
	if (window.innerHeight) return window.innerHeight  ;
	else{return $(window).height();}
}