$(function () {

	var $couleur_2_off = "#006679"; // Location
	var $couleur_2_over = "#00a8c7"; // Location
	var $couleur_2_on = "#006679"; // Location

	$(".flowpanes").scrollable({ circular: false });
	// $(".flowpanes_top").scrollable();
	$(".flowpanes_top").scrollable({ circular: false });


	$(".flowpanes_top_item").click(function () {
		var pos = $(".flowpanes_top .items .cufon_hbc:not(.cloned) .flowpanes_top_item").index(this);
		var $scrollable = $(".flowpanes").data('scrollable');

		if ($scrollable.getIndex() == pos)
			return;

		$scrollable.seekTo(pos, 500);
		$(".flowpanes_top_item").removeClass('selected');
		$(this).addClass('selected');
		updateColors();
		return false;
	});

	$(".flowpanes").each(function () { 
		$(this).data('scrollable').onSeek(function () {
			var pos = this.getIndex();
			var $scrollable = $(".flowpanes_top").data('scrollable');

			var item = $(".flowpanes_top .items .cufon_hbc:not(.cloned) .flowpanes_top_item").get(pos);

			if ($(item).position().left + $('.flowpanes_top .items').position().left > $('.flowpanes_top').width()) {
				$scrollable.move(1, 500);
			}

			if ($(item).position().left + $('.flowpanes_top .items').position().left < 0) {
				$scrollable.move(-1, 500);
			}

			$(".flowpanes_top_item").removeClass('selected');
			$(item).addClass('selected');

			updateColors();
			return false;
		});
	});

	function updateColors() {
		$(".flowpanes_top_item").each(function () {
			$that = $(this);
			if ($that.hasClass('selected')) {
				var $color = $couleur_2_over;
				$that.css("color", "#ffffff");
				$that.css("background-color", $color);
			} else {
				var $color = $couleur_2_off;
				$that.css("color", $color);
				$that.css("background-color", "transparent");
			}
		});
		Cufon.replace('.flowpanes_top_item');
	}

	$("#scroll_top a").mouseenter(
        function () {
        	var $that = $(this);
        	if ($that.hasClass('selected')) {
        		return;
        	} else {
        		var $color = $couleur_2_over;
        		$that.css("color", "#ffffff");
        		$that.css("background-color", $color);
        	}
        }
    );
	$("#scroll_top a").mouseleave(
        function () {
        	var $that = $(this);
        	if ($that.hasClass('selected')) {
        		return;
        	} else {
        		var $color = $couleur_2_off;
        		$that.css("color", $color);
        		$that.css("background-color", "transparent");
        	}
        }
    );

	$(".bouton_reserver a").mouseover(
        function () {
        	$(this).css("background-color", "#00a8c7");
        }
    );
	$(".bouton_reserver a").mouseout(
        function () {
        	$(this).css("background-color", "#000000");
        }
    );

});