$(document).ready(function(){
			// 1st menu button -> flipping page (content) to first
				$("#first").click(function(){
					$("#offer").flip({
						direction: 'rl',
						color: '#e1e1e1',
						content: '',
						onEnd: function(){
							$("#offer2").css({ display: "none" }),
							$("#offer3").css({ display: "none" }),
							$("#offer4").css({ display: "none" }),
							$("#offer5").css({ display: "none" }),
							$("#offer1").css({ display: "block" }),
							$(".active-li").removeClass('active-li'),
							$("#first").addClass('active-li')
						}

					});
				});
				
			// 2nd menu button -> flipping page (content) to second
				$("#second").click(function(){
					$("#offer").flip({
						direction: 'rl',
						color: '#e1e1e1',
						content: '',
						onEnd: function(){
							$("#offer1").css({ display: "none" });
							$("#offer2").css({ display: "none" });
							$("#offer4").css({ display: "none" });
							$("#offer5").css({ display: "none" });
							$("#offer2").css({ display: "block" });
							$(".active-li").removeClass('active-li');
							$("#second").addClass('active-li');
						}
					});
				});
			// 3rd menu button -> flipping page (content) to third
				$("#third").click(function(){ 
					$("#offer").flip({
						direction: "rl",
						color: "#e1e1e1",
						content: '',
						onEnd: function(){
							$("#offer1").css({ display: "none" });
							$("#offer2").css({ display: "none" });
							$("#offer4").css({ display: "none" });
							$("#offer5").css({ display: "none" });
							$("#offer3").css({ display: "block" });
							$(".active-li").removeClass('active-li');
							$("#third").addClass('active-li');
						}
					});
				});

			// 4th menu button -> flipping page (content) to fourth
				$("#fourth").click(function(){ 
					$("#offer").flip({
						direction: "rl",
						color: "#e1e1e1",
						content: '',
						onEnd: function(){
							$("#offer1").css({ display: "none" });
							$("#offer2").css({ display: "none" });
							$("#offer3").css({ display: "none" });
							$("#offer5").css({ display: "none" });
							$("#offer4").css({ display: "block" });
							$(".active-li").removeClass('active-li');
							$("#fourth").addClass('active-li');
						}
					});
				});

				// 5th menu button -> flipping page (content) to third
				$("#fifth").click(function(){ 
					$("#offer").flip({
						direction: "rl",
						color: "#e1e1e1",
						content: '',
						onEnd: function(){
							$("#offer1").css({ display: "none" });
							$("#offer2").css({ display: "none" });
							$("#offer3").css({ display: "none" });
							$("#offer4").css({ display: "none" });
							$("#offer5").css({ display: "block" });
							$(".active-li").removeClass('active-li');
							$("#fifth").addClass('active-li');
						}
					});
				});
				
				
			});