$(document).ready( function(){
	var main = $('.grid');
	var number = 1;
	var interval = 4000;
	var slide = $('.background');
	var lengthSlide = slide.length;
	if($('.background + .background').length > 0) {
		var mutltiple_slide = 1;	
	}
	if(mutltiple_slide == 1) { 
		var auto = setInterval(function() { next() }, interval);	
	}
	load_slide(number);
	$(window).load(function() {
		load_slide(number);
		
		main.hover( 
		function() { 
			pause();
		},
		function() {
			play();
		});
		
	});
	
	$('.navigation .part1').click(function(){
		prev();
	});
	$('.navigation .part3').click(function(){
		next();
	});
	
	function pause() {
		if(mutltiple_slide == 1) { 
			clearInterval(auto);
		}
	}
	
	function play() {
		if(mutltiple_slide == 1) { 
			setTimeout(function() {
				auto = setInterval(function() { next() }, interval)
			});	
		}
	}
	
	function next() {
		number++;
		if(number>lengthSlide){
			number=1;	
		}
		//alert(number);
		load_slide(number);		
	}
		
	function prev() {
		number--;
		if(number==0){
			number=lengthSlide;	
		}
		load_slide(number);		
	}
	
	function load_img_squares(background) {
		$('.slider .square').each(
			function(index) {
				 $(this)
					.stop()
					.delay(30*index)
					.animate({ padding: 0, opacity : 0 }, 0, 'linear', function() {
						$(this).css({ 'background-image' : 'url('+background+')'})
					})
					.animate({ opacity: 1 });
				}	
		);
	}
	
	function load_img_squares_matiere(background) {
		$('.slider .square').each(
			function(index) {
				 $(this).stop(true).css({ 'background-image' : 'url('+background+')'}).fadeOut(0).fadeIn('slow');
				}	
		);
	}
	
	function load_slide(number) {
		
		slide_number = number-1;
		var background = $('.background:eq('+slide_number+')').attr('title');
		var lien = $('.background:eq('+slide_number+')').attr('rel');
		main.children('a').remove();
		
		load_img_squares(background);
		/*$('.slider .square').each(
			function(index) {
				 $(this)
					.stop()
					.delay(30*index)
					.animate({ padding: 0, opacity : 0 }, 0, 'linear', function() {
						$(this).css({ 'background-image' : 'url('+background+')'})
					})
					.animate({ opacity: 1 });
				}	
		);*/
		
		$('#counter').text(number+'/'+lengthSlide);
		
		if(lien && lien != ' ') {
			$('<a href="' + lien + '" class="link_slider">').prependTo(main);
		}
		
	}
	
	// Page matiere premiere (scroll ++)
	
	$('#matiere_premiere .plus').click(function(){
				var idMat = $(this).attr('rel');
				if(($('#content_matiere').css('display') == "none") || ($('#content_matiere .viewport .overview').attr('data') != idMat)){
					if($('#content_matiere .viewport .overview').length > 0 || $('#content_matiere .grid.margin .background').length > 0 ){
						$('#content_matiere .viewport .overview').fadeOut('fast', function(){
							$(this).remove();
							$('#'+idMat+'.content-mat .overview').clone().appendTo('#content_matiere .viewport').fadeOut(0).fadeIn('slow');
						});
						$('#content_matiere .grid.margin .background').fadeOut(0, function(){
							$(this).remove();
							$('#'+idMat+'.content-mat .background').clone().prependTo('#content_matiere .grid.margin');
							load_img_squares_matiere($('#content_matiere .grid.margin .background').attr('title'));
						});
						
					} else {
						$('#'+idMat+'.content-mat .overview').clone().appendTo('#content_matiere .viewport').fadeOut(0).fadeIn('slow');
						$('#'+idMat+'.content-mat .background').clone().prependTo('#content_matiere .grid.margin');
						load_img_squares_matiere($('#content_matiere .grid.margin .background').attr('title'));
						$('#content_matiere').slideDown(900);
					}
				} else {
					$('#content_matiere').slideUp(900, function(){
						$('#content_matiere .viewport .overview,#content_matiere .grid.margin .background').remove();
						$('#content_matiere').css('display', 'none');
					}); 
				}
			});
});