var data = new Array();
	
	data[0] = new Array();
	data[0]["domains"] = "5";
	data[0]["ips"] = "5";
	data[0]["netze"] = "5";
	data[0]["webspace"] = "2 GB";
	data[0]["price"] = "19,90 €";
	
	data[1] = new Array();
	data[1]["domains"] = "10";
	data[1]["ips"] = "10";
	data[1]["netze"] = "10";
	data[1]["webspace"] = "5 GB";
	data[1]["price"] = "39,90 €";
	
	data[2] = new Array();
	data[2]["domains"] = "20";
	data[2]["ips"] = "20";
	data[2]["netze"] = "20";
	data[2]["webspace"] = "10 GB";
	data[2]["price"] = "69,90 €";
	
	data[3] = new Array();
	data[3]["domains"] = "40";
	data[3]["ips"] = "20";
	data[3]["netze"] = "20";
	data[3]["webspace"] = "20 GB";
	data[3]["price"] = "149,90 €";
	
	data[4] = new Array();
	data[4]["domains"] = "80";
	data[4]["ips"] = "40";
	data[4]["netze"] = "40";
	data[4]["webspace"] = "40 GB";
	data[4]["price"] = "289,90 €";
	
	data[5] = new Array();
	data[5]["domains"] = "160";
	data[5]["ips"] = "80";
	data[5]["netze"] = "80";
	data[5]["webspace"] = "80 GB";
	data[5]["price"] = "<a href='/de/kontakt/' title='zum Kontakformular'>auf Anfrage</a>";
	
	data[6] = new Array();
	data[6]["domains"] = "80";
	data[6]["ips"] = "40";
	data[6]["netze"] = "20";
	data[6]["webspace"] = "40 GB";
	data[6]["price"] = "290,90 €";
	
	data[7] = new Array();
	data[7]["domains"] = "160";
	data[7]["ips"] = "80";
	data[7]["netze"] = "40";
	data[7]["webspace"] = "80 GB";
	data[7]["price"] = "390,90 €";
	
	data[8] = new Array();
	data[8]["domains"] = "320";
	data[8]["ips"] = "160";
	data[8]["netze"] = "80";
	data[8]["webspace"] = "120 GB";
	data[8]["price"] = "<a href='/de/kontakt/' title='zum Kontakformular'>auf Anfrage</a>";
	
	data[9] = new Array();
	data[9]["domains"] = "480";
	data[9]["ips"] = "240";
	data[9]["netze"] = "120";
	data[9]["webspace"] = "160 GB";
	data[9]["price"] = "<a href='/de/kontakt/' title='zum Kontakformular'>auf Anfrage</a>";
	
	data[10] = new Array();
	data[10]["domains"] = "640";
	data[10]["ips"] = "320";
	data[10]["netze"] = "160";
	data[10]["webspace"] = "200 GB";
	data[10]["price"] = "<a href='/de/kontakt/' title='zum Kontakformular'>auf Anfrage</a>";
	
	data[11] = new Array();
	data[11]["domains"] = "800";
	data[11]["ips"] = "400";
	data[11]["netze"] = "200";
	data[11]["webspace"] = "240 GB";
	data[11]["price"] = "<a href='/de/kontakt/' title='zum Kontakformular'>auf Anfrage</a>";
	
	data[12] = new Array();
	data[12]["domains"] = "960";
	data[12]["ips"] = "480";
	data[12]["netze"] = "240";
	data[12]["webspace"] = "280 GB";
	data[12]["price"] = "<a href='/de/kontakt/' title='zum Kontakformular'>auf Anfrage</a>";
	
	data[13] = new Array();
	data[13]["domains"] = "1120";
	data[13]["ips"] = "560";
	data[13]["netze"] = "280";
	data[13]["webspace"] = "320 GB";
	data[13]["price"] = "<a href='/de/kontakt/' title='zum Kontakformular'>auf Anfrage</a>";


$(function() {
		var slider = $( "#slider" ).slider({
			animate: true,
			range: "min",
			value: 0,
			min: 0,
			max: 13,
			slide: function( event, ui ) {
				
				//Variables
				var position = ui.value;
				
				//wenn der Schieber zu dem Paket "SEO - Server" kommt, dann -> 
				if (ui.value >= 3){
					//wechsle den Hintergrund - 1
					$("#package-info").removeClass("active-seo-webspace");
					$("#package-info").addClass("active-seo-server");
					//wechsle die Textfarbe - 2
					$("#package-info .seo-webspace").removeClass("active");
					$("#package-info .seo-server").addClass("active");
					//wechsle die Box unterhalb - 3
					$(".boxes-info-same:first").removeClass("active");
					$(".boxes-info-same:eq(1)").addClass("active");
					//verändere das Linkziel für den Button "mehr Info" - 4
					$("#main-adjustment .header .information li.last a.btn-adj-top-rep") .attr("href", "/de/seo-server/");
					
				}else{
					//Gegenteilige Anweisungen - 1
					$("#package-info").removeClass("active-seo-server");
					$("#package-info").addClass("active-seo-webspace");
					//Gegenteilige Anweisungen - 2
					$("#package-info .seo-server").removeClass("active");
					$("#package-info .seo-webspace").addClass("active");
					//Gegenteilige Anweisungen - 3
					$(".boxes-info-same:first").addClass("active");
					$(".boxes-info-same:eq(1)").removeClass("active");
					//Gegenteilige Anweisungen - 4
					$("#main-adjustment .header .information li.last a.btn-adj-top-rep") .attr("href", "/de/seo-webspace/");
				}
				
				//wenn der Schieber zu dem Paket "SEO - Server Multi" kommt, dann -> 
				if (ui.value >= 6){
					$('#package-info .seo-server').text("Paket SEO – Server Multi");	
				}
				else if(ui.value < 6){
					$('#package-info .seo-server').text("Paket SEO – Server Single");
				}
				
				//Tausche die Daten in der Info - Tabelle aus
				$("#main-adjustment .header .information li.domains span:eq(1)").text(data[position]["domains"]);
				$("#main-adjustment .header .information li.ips span:eq(1)").text(data[position]["ips"]);
				$("#main-adjustment .header .information li.netze span:eq(1)").text(data[position]["netze"]);
				$("#main-adjustment .header .information li.webspace span:eq(1)").text(data[position]["webspace"]);
				$("#main-adjustment .header .information li.preis span:eq(1) label").html(data[position]["price"]);
								
				//wenn beim slider ganz nach links geklickt wird, dann ->
				$( "#minimal-range" ).click(function() {
					slider.slider( "value", 0 );
					
					//geh zu Position "min (1)"
					$("#main-adjustment .header .information li.domains span:eq(1)").text(data[0]["domains"]);
					$("#main-adjustment .header .information li.ips span:eq(1)").text(data[0]["ips"]);
					$("#main-adjustment .header .information li.netze span:eq(1)").text(data[0]["netze"]);
					$("#main-adjustment .header .information li.webspace span:eq(1)").text(data[0]["webspace"]);
					$("#main-adjustment .header .information li.preis span:eq(1) label").html(data[0]["price"]);
					
					//verändere das Linkziel für den Button "mehr Info"
					$("#main-adjustment .header .information li.last a.btn-adj-top-rep") .attr("href", "/de/seo-webspace/");
					
					//wechsle den Hintergrund
					$("#package-info").removeClass("active-seo-server");
					$("#package-info").addClass("active-seo-webspace");
					
					//wechsle die Textfarbe
					$("#package-info .seo-server").removeClass("active");
					$("#package-info .seo-webspace").addClass("active");
					
					//wechsle die Box unterhalb
					$(".boxes-info-same:first").addClass("active");
					$(".boxes-info-same:eq(1)").removeClass("active");
					
					//wechsle den Text von Server Multi auf Server Single
					$('#package-info .seo-server').text("Paket SEO – Server Single");
				});
				
			}
		});
	});