$(document).ready(function() {
		
	// Alle Seiten, die eine Animation haben
	var pages = [
	             { 
	              "Name" : "Home",
				  "Position" : "-1484px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Notizie",
				  "Position" : "-1256px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Chi Siamo",
				  "Position" : "-1106px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "I Servizi",
				  "Position" : "-955px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Contattaci",
				  "Position" : "-803px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Dove Siamo",
				  "Position" : "-643px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Accesso Utenti",
				  "Position" : "-421px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Cerca",
				  "Position" : "-266px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 { 
	              "Name" : "Home",
				  "Position" : "-1484px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "News",
				  "Position" : "-1256px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "The Company",
				  "Position" : "-1106px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Services",
				  "Position" : "-955px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Contact Us",
				  "Position" : "-803px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "The Location",
				  "Position" : "-643px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "User Access",
				  "Position" : "-421px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				 {
				  "Name" : "Search",
				  "Position" : "-266px",
				  "Duration" : "2000",
				  "Image" : "train_it.png"
				 },
				];


// Animations-Funktion
function trainAnimation(positionStart,positionEnd,aniDuration,image) {
	// Background-Image Startposition set
	$('.menu-animation').css('left', positionStart);
	$(window).load(function() {
		$('.menu-animation').animate(
			{ left: positionEnd }, 
			{ duration: parseInt(aniDuration) }
			//{ duration: Math.abs(parseInt(positionEnd-positionStart)) }
		);
	});
}


// On menù item click, save current section in cookie
$('.menu a').click(function(e) {
	if ($(this).parent('li').parent('ul').attr('class')!='menu') {
		
		var topmenu = $('.menu li.active>a').attr('title'); // find top level parent title
		document.cookie = 'animation='+topmenu;
	} 
	else {
		var title = $('.menu li.active>a').attr('title'); // Extract title from page title
		document.cookie = 'animation='+title;
	}
});


// Read Cookie
var x = document.cookie;
var y = x.search('animation');

// Get animation cookie to calculate start position
if ( y != -1 ) {
	var animationpart = document.cookie.split(';');
	for (var i=0; i<animationpart.length; i++) {
		var cookieNumber = animationpart[i].search('animation');
		if (cookieNumber != -1) { 
			var cookieAnimation = i; 
		}
	}
	
	var startPage = animationpart[cookieAnimation].split('=');
	var pagesLength = pages.length; 
	for (var i=0; i<pagesLength; i++) { 
		if (pages[i]["Name"] == startPage[1]) { 
			var startPosition = pages[i].Position;
		};
	}
			
} else {
	var startPosition = -1484;
}

var topmenu = $('.menu li.active>a').attr('title'); // find top level parent title
var pagesLength = pages.length; // Wie viele Elemente hat pages
for (var i=0; i<pagesLength; i++) { // Alle Elemente von pages durchlaufen, vergleichen ob der topmenu-Titel vorhanden ist
	if (pages[i]["Name"] == topmenu) { // wenn ja, die Position und Dauer an die Animations-Funktion schicken
		trainAnimation(startPosition,pages[i].Position,pages[i].Duration,pages[i].Image);
	};
}

});