$(document).ready(function(){

	var marge = 100;
	var servicesPosition = $("#services").position();
	var portfolioPosition = $("#portfolio").position();
	var contactPosition = $("#contact").position();

	$(window).scroll(function (e) {

	var position = $(this).scrollTop();
	position += marge;
	//$("#output").html(position);
	
	if (position >= 0 && position < servicesPosition.top) {
		$("#menu ul li.menu-accueil a").addClass("active");
		$("#menu ul li.menu-services a").removeClass("active");
		$("#menu ul li.menu-portfolio a").removeClass("active");
		$("#menu ul li.menu-contact a").removeClass("active");
  	}
	if (position >= servicesPosition.top && position < portfolioPosition.top) {
		$("#menu ul li.menu-accueil a").removeClass("active");
		$("#menu ul li.menu-services a").addClass("active");
		$("#menu ul li.menu-portfolio a").removeClass("active");
		$("#menu ul li.menu-contact a").removeClass("active");
  	}
  	if (position >= portfolioPosition.top && position < contactPosition.top) {
		$("#menu ul li.menu-accueil a").removeClass("active");
		$("#menu ul li.menu-services a").removeClass("active");
		$("#menu ul li.menu-portfolio a").addClass("active");
		$("#menu ul li.menu-contact a").removeClass("active");
  	}
  	if (position >= contactPosition.top) {
		$("#menu ul li.menu-accueil a").removeClass("active");
		$("#menu ul li.menu-services a").removeClass("active");
		$("#menu ul li.menu-portfolio a").removeClass("active");
		$("#menu ul li.menu-contact a").addClass("active");
  	}
  	
	});

	// Ancre qui glisse
	$(".scroll").click(function(event){
		event.preventDefault();
		
		var full_url = this.href;
		var parts = full_url.split("#");
		var trgt = parts[1];

		var target_offset = $("#"+trgt).offset();
		var target_top = target_offset.top;

		$('html, body').animate({scrollTop:target_top}, 1200);
	});
		
	// Formulaire Ajax
	$("#contactform").ajaxForm({
        success: function(responseText){
        	$(':input','#contactform')
 				.not(':button, :submit, :reset, :hidden, #captchaImage')
 				.val('')
 				.removeAttr('selected');
            $.fancybox({
                'content' : 'Merci pour votre message!'
            });
        }
    });
	
	// Realisations tabs
	$("ul.tabs").tabs("div.panes", {
			naviItem: 'a',
			activeClass: 'current'
	});
	
	// Fancybox
	$("a.group-element").fancybox({
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'fade',
				'titlePosition' 	: 'over',
				'overlayOpacity'	:	0,
				'padding' : 0,
				'margin' : 0,
				'speedIn' : 600,
				'easingIn' : 'easeOutBack',
				'easingOut' : 'easeInQuad',
				'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
	});
});