/* Affiche le bloc About Me
      Grafikart, www.grafikart.fr*/

$(function(){
 $("#aboutme").hide();
  $("#menu ul li:contains(A propos)").click(function(){
        $("#aboutme").slideToggle();
        return false;
  });
})


/*afficher contactform */
$(function(){
	$("#contactform").hide();
	$("#menu ul li:contains(Contact)").colorbox({width:"830px", inline:true, href:"#contact"});
	})

/*hoverimage*/
$(document).ready(function() {
    $('.work').mouseenter(function(e) {
        $(this).children('a').children('img').animate({ height: '60', left: '0', top: '0', width: '258'}, 100);
        $(this).children('a').children('span').fadeIn(200);
    }).mouseleave(function(e) {
        $(this).children('a').children('img').animate({ height: '71', left: '-22', top: '-5', width: '300'}, 100);
        $(this).children('a').children('span').fadeOut(200);
    });
});


$(document).ready(function() {
	
	$('#social').toggle(
		function() {
  		$(this).animate({width:"35px", 'margin-right':"35px"},150);
		},
		function() {
		$(this).animate({
			width: "100px"},300);
		},
		function() {
		$(this).animate({
			width: "20px"},300);
		}
		);
	});

/*Clients*/

$(document).ready(function() {
     $("#clients li ul li a:lt(2)").css({width:"180px",margin:"5px 20px 20px 0px",display:"block"});
     $("#clients li ul li a").animate({opacity:"0.3"},1500);    
     $("#clients li ul li a img:lt(2)").css({width:"180px",margin:"5px 20px 0px 0px",display:"block"});
     $("#clients li ul li").css({color:"rgba(0, 0, 0, 0)", 'font-size':"0em"});
});


$(document).ready(function() {
     $("#clients li ul li a").mouseenter(function() {
      $(this).animate({opacity:"1"},300);
      }).mouseleave(function(){
      $(this).animate({opacity:"0.3"},300);
     });
});


//* Tooltips Clients avec affichage websnappr

      $(document).ready(function() {
      $("#clients li ul li a").each(function(){
                  var content = '<img src="http://images.websnapr.com/?url=';
                  content += $(this).attr('href');
                  content += '" alt="Loading thumbnail..." height="152" width="202" />';

            $(this).qtip(
            {

            content:content,
            position:
            {
                  corner:
                  {
                        tooltip: 'leftMiddle',
                        target: 'rightMiddle'
                  }
            },
            
            show:'mouseover',
            hide:'mouseout',
            style: {
                  tip: true,
                  name: 'light'}

            });

      });
});

/* Colorbox  */

$(document).ready(function(){	
     $("a[rel='colorbox']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"}); 
	 $("a[rel='colorbox01']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox02']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox03']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox04']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox05']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox06']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox07']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox08']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox09']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox10']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox11']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox12']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox13']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox14']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox15']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox16']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox17']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox18']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox19']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox20']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox21']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox22']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox23']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox24']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 
								
});

/*  Portfolio Scripts
       Grafikart, www.grafikart.fr */
$(document).ready(function(){
    var portfolioCourant = null;
	
     $(".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(500,function(){
                    portfolio.courant.remove();
                    portfolio.courant=null;
                });
                return false;
            }
            if(this.courant!=null){
                this.courant.slideUp(500,function(){
                    portfolio.courant.remove();
                    portfolio.courant=null;
                    portfolio.show(portfolio.clicked);
                    return false;
                });
                return false;
            }
            clicked.nextAll(".Space:first").append('<div class="detail">'+clicked.next(".detail").html()+'</div>');
           
			var clone = clicked.nextAll(".Space:first").find(".detail");
            this.courant=clone;
			clone.css({
				display:"block",
				height: "auto",
			})
	
			.hide().slideDown(500,function(){
                   //scrollTo(clone);
            });
			
 $("a[rel='colorbox']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"}); 
	 $("a[rel='colorbox01']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox02']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox03']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox04']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox05']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox06']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox07']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox08']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox09']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox10']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox11']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox12']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox13']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox14']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox15']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox16']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox17']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox18']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox19']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox20']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox21']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox22']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox23']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});
	 $("a[rel='colorbox24']").colorbox({current:"",slideshow:false,slideshowSpeed:"5000",maxHeight:"85%", maxWidth:"85%",transition:"elastic",speed:"400",opacity:"0.95"});


			
    },
	
	
    hide : function(clicked){
        portfolio.courant.slideUp(500,function(){
            portfolio.courant.remove();
            portfolio.courant=null;
            scrollTo($(".work:first")); 
        });
    }};