$(document).ready(function(){

	var upd_slide = 0;
	//product links
	//show all
	$("#show-all-products").click(function() { 
		$(".month_birth").show();
		$(".month_4").show();
		$(".month_5").show();
		$(".month_6").show();
		$(".month_7").show();
		$(".month_9").show();
		$('.ui-slider-handle').empty();
		$(".ui-slider-handle").append("Alle Produkte");
		$("#slider").slider({
			value: 0
		})
		$(".ui-slider-handle").css("margin-left","0");
		upd_slide = 0;
	});
	
	//from birth
	$("#nav_month_birth").click(function() { 
		$(".month_birth").show();
		$(".month_4").hide();
		$(".month_5").hide();
		$(".month_6").hide();
		$(".month_7").hide();
		$(".month_9").hide();
		$("#slider").slider({
			value: 0
		})
		$('.ui-slider-handle').empty();
		$(".ui-slider-handle").append("ab Geburt");
		$(".ui-slider-handle").css("margin-left","0");
		upd_slide = 0;
	});
	
	//4 months
	$("#nav_month_4").click(function() { 
		$(".month_birth").show();
		$(".month_4").show();
		$(".month_5").hide();
		$(".month_6").hide();
		$(".month_7").hide();
		$(".month_9").hide();
		$("#slider").slider({
			value: 1
		})
		$('.ui-slider-handle').empty(); 
		$(".ui-slider-handle").append("nach 4 Monaten");
		$(".ui-slider-handle").css("margin-left","-68px");
		upd_slide = 1;
	});
	
	//5 months
	$("#nav_month_5").click(function() { 
		$(".month_birth").show();
		$(".month_4").show();
		$(".month_5").show();
		$(".month_6").hide();
		$(".month_7").hide();
		$(".month_9").hide();
		$("#slider").slider({
			value: 2
		})
		$('.ui-slider-handle').empty(); 
		$(".ui-slider-handle").append("nach 5 Monaten");
		$(".ui-slider-handle").css("margin-left","-68px");
		upd_slide = 2;
	});
	
	//6 months
	$("#nav_month_6").click(function() { 
		$(".month_birth").show();
		$(".month_4").show();
		$(".month_5").show();
		$(".month_6").show();
		$(".month_7").hide();
		$(".month_9").hide();
		$("#slider").slider({
			value: 3
		})
		$('.ui-slider-handle').empty(); 
		$(".ui-slider-handle").append("nach 6 Monaten");
		$(".ui-slider-handle").css("margin-left","-120px");
		upd_slide = 3;
	});
	
	//7 months
	$("#nav_month_7").click(function() { 
		$(".month_birth").show();
		$(".month_4").show();
		$(".month_5").show();
		$(".month_6").show();
		$(".month_7").show();
		$(".month_9").hide();
		$("#slider").slider({
			value: 4
		})
		$('.ui-slider-handle').empty(); 
		$(".ui-slider-handle").append("nach 7 Monaten");
		$(".ui-slider-handle").css("margin-left","-120px");
		upd_slide = 4;
	});
	
	//9 months
	$("#nav_month_9").click(function() { 
		$(".month_birth").show();
		$(".month_4").show();
		$(".month_5").show();
		$(".month_6").show();
		$(".month_7").show();
		$(".month_9").show();
		$("#slider").slider({
			value: 5
		})
		$('.ui-slider-handle').empty();
		$(".ui-slider-handle").append("nach 9 Monaten");
		$(".ui-slider-handle").css("margin-left","-168px");
		upd_slide = 5;
	});
	
	//append the previous and next control
	$("#slider-control").append('<div id="control-left"></div>');
	$("#slider-control").append('<div id="control-right"></div>');
	
	//product slider
	$(function () {
		$("#slider").slider({
			orientation: 'horizontal',
			value: 0,
			min: 0,
			max: 5,
			slide: function(event, ui) {
				
				upd_slide = ui.value;
				//slider arrows 
				switch (upd_slide) {
					case 0 : $('.ui-slider-handle').empty();
							$(".ui-slider-handle").append("ab Geburt");
							$(".ui-slider-handle").css("margin-left","0");
							$(".month_birth").show();
							$(".month_4").hide();
							$(".month_5").hide();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 1 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 4 Monaten");
							$(".ui-slider-handle").css("margin-left","-68px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").hide();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 2 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 5 Monaten");
							$(".ui-slider-handle").css("margin-left","-68px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 3 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 6 Monaten");
							$(".ui-slider-handle").css("margin-left","-120px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 4 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 7 Monaten");
							$(".ui-slider-handle").css("margin-left","-120px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").show();
							$(".month_9").hide();
							break;
					case 5 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 9 Monaten");
							$(".ui-slider-handle").css("margin-left","-168px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").show();
							$(".month_9").show();
							break;
				}
			}
		});
	});
	
	$(".ui-slider-handle").append("alle Produkte");
	
	//slider arrows 
	$("#control-left").click(function() { 
		
		if(upd_slide > 0) {
			upd_slide--;
		}
		
		$("#slider").slider({
			value: upd_slide
		})
		switch (upd_slide) {
					case 0 : $('.ui-slider-handle').empty();
							$(".ui-slider-handle").append("ab Geburt");
							$(".ui-slider-handle").css("margin-left","0");
							$(".month_birth").show();
							$(".month_4").hide();
							$(".month_5").hide();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 1 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 4 Monaten");
							$(".ui-slider-handle").css("margin-left","-68px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").hide();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 2 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 5 Monaten");
							$(".ui-slider-handle").css("margin-left","-68px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 3 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 6 Monaten");
							$(".ui-slider-handle").css("margin-left","-120px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 4 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 7 Monaten");
							$(".ui-slider-handle").css("margin-left","-120px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").show();
							$(".month_9").hide();
							break;
					case 5 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 9 Monaten");
							$(".ui-slider-handle").css("margin-left","-168px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").show();
							$(".month_9").show();
							break;
				}
	});
	
	$("#control-right").click(function() { 
		
		if(upd_slide < 6) {
			upd_slide++;
		}
		
		$("#slider").slider({
			value: upd_slide
		})
		switch (upd_slide) {
					case 0 : $('.ui-slider-handle').empty();
							$(".ui-slider-handle").append("ab Geburt");
							$(".ui-slider-handle").css("margin-left","0");
							$(".month_birth").show();
							$(".month_4").hide();
							$(".month_5").hide();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 1 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 4 Monaten");
							$(".ui-slider-handle").css("margin-left","-68px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").hide();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 2 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 5 Monaten");
							$(".ui-slider-handle").css("margin-left","-68px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").hide();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 3 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 6 Monaten");
							$(".ui-slider-handle").css("margin-left","-120px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").hide();
							$(".month_9").hide();
							break;
					case 4 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 7 Monaten");
							$(".ui-slider-handle").css("margin-left","-120px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").show();
							$(".month_9").hide();
							break;
					case 5 : $('.ui-slider-handle').empty(); 
							$(".ui-slider-handle").append("nach 9 Monaten");
							$(".ui-slider-handle").css("margin-left","-168px");
							$(".month_birth").show();
							$(".month_4").show();
							$(".month_5").show();
							$(".month_6").show();
							$(".month_7").show();
							$(".month_9").show();
							break;
				}
	});
});