$(document).ready(function(){
		$(document).pngFix();
		email('info','geschmacksfoerderung','de');
		
		$('#wrap').width(362);

		$(window).scroll(function () {
		   $('#cover').css('margin-top',-$(this).scrollTop()+4);
		});
		$('#logo').click(function() {
			$('#wrap-content').animate({ 
					        left:-9500
			   }, 1000);
				$.scrollTo(0,{
						horizontal:true,
						axis:'x',
						speed:1000,
						onAfter: function(){
							$('#wrap').width(362);
						}
			});
			$("#navigation li a").parent().removeClass("active");
			return false;
		});
		var statusScroll = false;
		$('#navigation li a').click(function() {
			statusScroll = false;
			$.scrollTo(0,{
				axis:'y',
				speed:5
			});
				$('#wrap-content').animate({ 
				        left: 0
				  }, 1600 );
			$('#wrap').width(10000);
			if($(this).is(".ich")){
					$.scrollTo(0,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".du")){
					$.scrollTo(700,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".ersiees")){
					$.scrollTo(1402,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".wir")){
					$.scrollTo(6309,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".ihr")){
					$.scrollTo(7010,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".sie")){
					$.scrollTo(7711,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".impressum")){
					$.scrollTo(8412,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
		
			$("#navigation li a").parent().removeClass("active");
			$(this).parent().addClass("active");
	
			return false;
		});
		
		$('.arrow a').click(function() {
			statusScroll = false;
			var className = $(this).attr('class');
			if($(this).is(".ich")){
					$.scrollTo(0,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".du")){
					$.scrollTo(700,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".ersiees")){
					$.scrollTo(1402,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".referenz-2")){
					$.scrollTo(2103,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
					className = '.ersiees';
			}
			else if($(this).is(".referenz-3")){
					$.scrollTo(2804,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
					className = '.ersiees';
			}
			else if($(this).is(".referenz-4")){
					$.scrollTo(3505,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
					className = '.ersiees';
			}
			else if($(this).is(".referenz-5")){
					$.scrollTo(4206,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
					className = '.ersiees';
			}
			else if($(this).is(".referenz-6")){
					$.scrollTo(4907,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
					className = '.ersiees';
			}
			else if($(this).is(".referenz-7")){
					$.scrollTo(5608,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
					className = '.ersiees';
			}
			else if($(this).is(".wir")){
					$.scrollTo(6309,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".ihr")){
					$.scrollTo(7010,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".sie")){
					$.scrollTo(7711,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
			else if($(this).is(".impressum")){
					$.scrollTo(8412,{
						horizontal:true,
						axis:'x',
						speed:1500,
						onAfter: function(){
							statusScroll = true
						}
					});
			}
		
			setNavigation(className);
			return false;
		});
		
		$(window).scroll(function(){ // Windows Scroll-Event
			if(statusScroll == true){
		      if($(window).scrollLeft() < "700"){
				setNavigation('.ich');
	          }else if($(window).scrollLeft() >= "700" && $(window).scrollLeft() < "1402"){
				setNavigation('.du');
		      }else if($(window).scrollLeft() >= "700" && $(window).scrollLeft() < "1402"){
				setNavigation('.ersiees');
			  }else if($(window).scrollLeft() >= "1402" && $(window).scrollLeft() < "2103"){
				setNavigation('.ersiees');
			  }else if($(window).scrollLeft() >= "2103" && $(window).scrollLeft() < "2804"){
				setNavigation('.ersiees');
			  }else if($(window).scrollLeft() >= "2804" && $(window).scrollLeft() < "3505"){
				setNavigation('.ersiees');
			  }else if($(window).scrollLeft() >= "3505" && $(window).scrollLeft() < "4206"){
				setNavigation('.ersiees');
			  }else if($(window).scrollLeft() >= "4206" && $(window).scrollLeft() < "4907"){
				setNavigation('.ersiees');
			  }else if($(window).scrollLeft() >= "4907" && $(window).scrollLeft() < "5608"){
				setNavigation('.ersiees');
			  }else if($(window).scrollLeft() >= "5608" && $(window).scrollLeft() < "6309"){
				setNavigation('.ersiees');
			  }else if($(window).scrollLeft() >= "6309" && $(window).scrollLeft() < "7010"){
				setNavigation('.wir');
			  }else if($(window).scrollLeft() >= "7010" && $(window).scrollLeft() < "7711"){
				setNavigation('.ihr');
			  }else if($(window).scrollLeft() >= "7711" && $(window).scrollLeft() < "8412"){
				setNavigation('.sie');
			  }else{
		        setNavigation('.impressum');
	          }
			}	
		});
}); 
//Email austauschen
function email(name, domain, tld){
	var mail = name + "@" + domain + "." + tld;
	var link = "<a href='mailto:" + name + "@" + domain + "." + tld + "' class='rosa'>" + mail + "</a>";
	$('.email').replaceWith(link);
	
}


//Set Navigation active
function setNavigation(className){
	$("#navigation li a").parent().removeClass("active");
	$("#navigation li a."+className).parent().addClass("active");
}