$(function() {
	
											  
	$("#champagne").click(function() {
		var divOffset = $('#wineContent').offset().top;
		var pOffset = $('#champagneContent').offset().top;
		var pScroll = pOffset - divOffset -15;
		$('#wineContent').animate({scrollTop: '+=' + pScroll + 'px'}, 500);
	});
	
	$("#blanc").click(function() {
		var divOffset = $('#wineContent').offset().top;
		var pOffset = $('#blancContent').offset().top;
		var pScroll = pOffset - divOffset -15;
		$('#wineContent').animate({scrollTop: '+=' + pScroll + 'px'}, 500);
	});
	
	$("#rose").click(function() {
		var divOffset = $('#wineContent').offset().top;
		var pOffset = $('#roseContent').offset().top;
		var pScroll = pOffset - divOffset -15;
		$('#wineContent').animate({scrollTop: '+=' + pScroll + 'px'}, 500);
	});
	
	$("#rouge").click(function() {
		var divOffset = $('#wineContent').offset().top;
		var pOffset = $('#rougeContent').offset().top;
		var pScroll = pOffset - divOffset -15;
		$('#wineContent').animate({scrollTop: '+=' + pScroll + 'px'}, 500);
	});
	
	
	/*$("ul li a").mouseenter(function() {
		
		if ($(this).attr("title") == "") return false;

		$("body").append('<div class="infobulle"><span class="centerPart"></span></div>');
		
		var bulle = $(".infobulle:last");
		bulle.children().append($(this).attr("title"));
		$(this).attr("title", "");
		
		var posXlien = $(this).width()/2;
		var hauteurLien = $(this).height();
		var largeurBulle = bulle.width()/2;
		
		var posTop = $(this).offset().top - hauteurLien + 18;
		var posLeft = $(this).offset().left + posXlien - largeurBulle - 10 ;
		
		// Animation de l'infobulle
		bulle.css ({
			left:posLeft,
			top:posTop,
			opacity:0
		});
		
		bulle.animate ({
			left:posLeft,
			top:posTop,
			opacity:0.99
		},250);
		
		// Animation de l'image
		$(this).animate ({top:-5},250);
		
	});
	
	$("ul li a").mouseleave(function() {
	
		var bulle = $(".infobulle:last");
		
		if (bulle.offset() != null) {
			$(this).attr("title", bulle.children().text());
			// Animation de l'infobulle
			bulle.animate(
				{
					top:bulle.offset().top+10,
					opacity:0
				},
				250,
				function () {
					bulle.remove();
				}
						  
			);
			// Animation de l'image
			$(this).animate ({top:0},250);
		}
	});*/
	
	/*$("ul li a.pub").click(function() {
		
		PUB_Id = $(this).attr("id");
		
		$.ajax({
			type: "POST",
			url: "_include/count_pub.php",
			data: "PUB_Id=" + PUB_Id
		});
		
		var bulle = $(".infobulle:last");
		$(this).attr("title", bulle.children().text());
		
		// Animation de l'infobulle
		bulle.animate(
			{
				top:bulle.offset().top+10,
				opacity:0
			},
			250,
			function () {
				bulle.remove();
			}
					  
		);
		
		// Animation de l'image
		$(this).animate ({top:0},250);
	});
	
	$("ul li a.facebookLink").click(function() {
		
		var bulle = $(".infobulle:last");
		$(this).attr("title", bulle.children().text());
		
		// Animation de l'infobulle
		bulle.animate(
			{
				top:bulle.offset().top+10,
				opacity:0
			},
			250,
			function () {
				bulle.remove();
			}
					  
		);
		
		// Animation de l'image
		$(this).animate ({top:0},250);
	});
	
		
	var ongletInscriptionIsOpen = false;
	
	$("#ongletInscription").click(function(){
		
		$('html, body').animate({scrollTop:0}, 'slow'); 
		
		if (ongletConnexionIsOpen == true) {
			ongletConnexionIsOpen = false;
			$("#headerConnexion").animate({ 
				top: -230,
				opacity:0
			}, 500 );
		}
		
		if (ongletInscriptionIsOpen == false) {
			ongletInscriptionIsOpen = true;
			$("#headerInscription").animate({ 
				top: 0,
				opacity:0.99
			}, 500 );
		} else {
			ongletInscriptionIsOpen = false;
			$("#headerInscription").animate({ 
				top: -230,
				opacity:0
			}, 500 );
		}
	});
	
	
	$("#cancelRegisterButton").click(function(){
		ongletInscriptionIsOpen = false;
		$("#headerInscription").animate({ 
			top: -230,
			opacity:0
		}, 500 );
		$("#langMenu").animate({ 
			top: -100
		}, 500 );
	});
	
	
		
	var ongletConnexionIsOpen = false;
	
	$("#ongletConnexion").click(function(){
		
		$('html, body').animate({scrollTop:0}, 'slow'); 
		
		if (ongletInscriptionIsOpen == true) {
			ongletInscriptionIsOpen = false;
			$("#headerInscription").animate({ 
				top: -230,
				opacity:0
			}, 500 );
		}
		
		if (ongletConnexionIsOpen == false) {
			ongletConnexionIsOpen = true;
			$("#headerConnexion").animate({ 
				top: 0,
				opacity:0.99
			}, 500 );
		} else {
			ongletConnexionIsOpen = false;
			$("#headerConnexion").animate({ 
				top: -230,
				opacity:0
			}, 500 );
		}
	});
	
	$("#cancelConnexionButton").click(function(){
		ongletConnexionIsOpen = false;
		$("#headerConnexion").animate({ 
			top: -230,
			opacity:0
		}, 500 );
		$("#langMenu").animate({ 
			top: -100
		}, 500 );
	});
	
	
	
	var ongletOptionsIsOpen = false;
	
	$("#buttonAction").click(function(){
		
		
		if (ongletOptionsIsOpen == false) {
			ongletOptionsIsOpen = true;
			$("#imageOpenOptions").attr("src","_images/up.png");
			$("#footerAction").animate({ 
				top: -1
			}, 500 );
			$("#langMenu").animate({ 
				top: -150
			}, 500 );
		} else {
			ongletOptionsIsOpen = false;
			$("#imageOpenOptions").attr("src","_images/down.png");
			$("#footerAction").animate({ 
				top: -52
			}, 500 );
			$("#langMenu").animate({ 
				top: -100
			}, 500 );
		}
	});
	
	$("#footerAction div a.linkOption").click(function(){
		ongletOptionsIsOpen = false;
		$("#imageOpenOptions").attr("src","_images/down.png");
		$("#footerAction").animate({ 
			top: -52
		}, 500 );
	});
	
	
	
	var ongletFlagsIsOpen = false;
	
	$("#activeFlag").click(function(){
		
			if (ongletFlagsIsOpen == false) {
			ongletFlagsIsOpen = true;
			$("#langMenu").animate({ 
				top: -1
			}, 500 );
		} else {
			ongletFlagsIsOpen = false;
			$("#langMenu").animate({ 
				top: -100
			}, 500 );
		}
	});
	
	$("#langMenu div a.inactiveFlag").click(function(){
		ongletFlagsIsOpen = false;
		$("#langMenu").animate({ 
			top: -100
		}, 500 );
	});*/
	
	
});