(function($){
	jQuery(function(){
		jQuery('#header').css("visibility", "hidden");
		jQuery('#paral').css("visibility", "hidden");
		jQuery('#content').css("visibility", "hidden");
		jQuery('#bloc_projet').css("visibility", "hidden");

	var setGrid = function () {
		return $("#grid-content").vgrid({
		easeing: "easeOutQuint",
		useLoadImageEvent: true,
		useFontSizeListener: true,
		time: 400,
		delay: 100,
		gridDefWidth: 230,
		forceAnim: 1
		
	});
}		
		setTimeout(setGrid, 300);
		setTimeout(function() {
		jQuery('#header').hide().css("visibility", "visible").fadeIn(500);
		jQuery('#content').hide().css("visibility", "visible").fadeIn(500);
		jQuery('#bloc_projet').hide().css("visibility", "visible").slideDown("slow");
		jQuery('.control').fadeTo("fast", 0.5);
		jQuery('img.btn_chevron').fadeTo("fast", 0.5);
		}, 500);
});	
})(jQuery);

var nav  = [ '#projets a', '#a-propos a', '#contact a' ];
jQuery(document).ready(function(){  
	for ( i = 0; i < nav.length; i++ ) {  
		jQuery(nav[i]).bind( 'mouseover', {id: i}, function(event) {
			_x = event.data.id*(-160);
			jQuery(this).stop().animate( { backgroundPosition: _x + 'px 34px' }, 100) 
		});  
		jQuery(nav[i]).bind( 'mouseout', {id: i}, function(event) {
			_x = event.data.id*(-160);
			jQuery(this).stop().animate( { backgroundPosition: _x-17 + 'px 34px' }, 100) 
		}); 
	}
});
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 1000;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  $('#slidesContainer').css('overflow', 'hidden');
  slides
    .wrapAll('<div id="slideInner"></div>')
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
 
 	 manageControls(currentPosition);
 
  $('.control')
    .bind('click', function(){
  	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	
  	 manageControls(currentPosition);
    
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });


	var setGrid1 = function () {
		return $("#grid-content").vgrid({
		easeing: "easeOutQuint",
		useLoadImageEvent: true,
		useFontSizeListener: true,
		time: 400,
		delay: 100,
		gridDefWidth: 230,
		forceAnim: 1
		
	});}

	var setGrid2 = function () {
		return $("#grid-content2").vgrid({
		easeing: "easeOutQuint",
		useLoadImageEvent: true,
		useFontSizeListener: true,
		time: 400,
		delay: 100,
		gridDefWidth: 230,
		forceAnim: 1
		
	});}
	
	var setGrid3 = function () {
		return $("#grid-content3").vgrid({
		easeing: "easeOutQuint",
		useLoadImageEvent: true,
		useFontSizeListener: true,
		time: 400,
		delay: 100,
		gridDefWidth: 230,
		forceAnim: 1
		
	});
}	
	setTimeout(setGrid2, 1);
	setTimeout(setGrid3, 1);setTimeout(setGrid1, 1);
  });


  function manageControls(position){
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
  jQuery(".control").hover(function(){
			jQuery(this).stop().fadeTo(800, 1);
		},function(){
			jQuery(this).stop().fadeTo(200, 0.5);
		});
			jQuery("img.btn_chevron").hover(function(){
			jQuery(this).stop().fadeTo(800, 1);
		},function(){
			jQuery(this).stop().fadeTo(200, 0.5);
		});
});

jQuery(document).ready(function() {
		jQuery("img.btn_chevron").click(function() {
        jQuery('#bloc_projet').slideUp(400);
   });
 });

jQuery(function($){
			
				$('.cover').mosaic({
					animation	:	'slide',
					hover_x		:	'300px'	
				});
		    });
			
jQuery(document).ready(function(){
	jQuery('#parallax').jparallax();
});