if (mode == 'dvd') {
	var techlink_pre = 'technik/flaminia.php#';
} else {
	var techlink_pre = 'http://www.ceramicaflaminia.de/technik/flaminia.php#';
}

// Formularfeld leeren
function clearField (id) {

	var currentField = document.getElementById(id);
	if (currentField.value == 'Postleitzahl hier eingeben ...') {
		currentField.value = '';
		currentField.style.color = 'rgb(20,20,20)';
	}

}

// Formularfeld leeren
function resetField (id) {

	var currentField = document.getElementById(id);
	if (currentField.value == '') {
		currentField.value = 'Postleitzahl hier eingeben ...';
		currentField.style.color = 'rgb(100,100,100)';
	}

}

function gotoPage (refPage, tarPage) {

	// Prüfen ob es sich um die erste oder letzte Seite handelt
	if (tarPage > (pageIndex.length - 1)) {
		tarPage = 1;
	} else if (tarPage < 1) {
		tarPage = (pageIndex.length - 1);
	}

	var containerFormat = document.getElementById('format');

	// Variable der aktuell gezeigten Seite setzen
	page = tarPage;

	var html = '';

	if (pageIndex[tarPage]['type'] == 'standard') {

		var slideshowDiv = document.getElementById('slideshow');

		if (slideshowDiv) {
			containerFormat.removeChild(slideshowDiv);
		}

		// Headline setzen
		html += '<h1>';
		html += pageIndex[tarPage]['headline'];
		html += '<br />';
		html += '<small>';
		html += pageIndex[tarPage]['subheadline'];
		html += '</small>';
		html += '</h1>';

		// Techlink setzen
		if (typeof pageIndex[tarPage]['techlink'] != 'undefined') {
			html += '<a href="';
			html += techlink_pre;
			html += pageIndex[tarPage]['techlink'];
			html += '" target="_blank" class="techlink"></a>';
		}

		// Text setzen
		if (mode == 'print') {

			html += '<div id="text">';
			html += '<div>';
			html += '<p>';
			html += pageIndex[tarPage]['text'];
			if (pageIndex[tarPage]['text2'] != null) {
				html += '<br />';
				html += pageIndex[tarPage]['text2'];
			}
			html += '</p>';
			html += '</div>'
			html += '</div>';

		} else {

			html += '<div id="text">';
			html += '<div>';
			html += '<div';
			if (pageIndex[tarPage]['text2'] != null) {
				html += ' onclick="slide(\'text\', \'forth\')"';
			}
			html += '>';
			html += '<p>';
			html += pageIndex[tarPage]['text'];
			if (pageIndex[tarPage]['text2'] != null) {
				html += '<br /><a href="#" onclick="slide(\'text\', \'forth\'); return false">weiter zu Seite 2 &hellip;</a>';
			}
			html += '</p>';
			html += '</div>'
			if (pageIndex[tarPage]['text2'] != null) {
				html += '<div onclick="slide(\'text\', \'back\')">'
				html += '<p>';
				html += pageIndex[tarPage]['text2'];
				html += '<br /><a href="#" onclick="slide(\'text\', \'back\'); return false">&hellip; zurück zu Seite 1</a>';
				html += '</p>';
				html += '</div>'
			}
			html += '</div>';
			html += '</div>';

		}

		// Bild setzen
		var pic = document.getElementById('pic');
		if (mode == 'print') {
			pic.src = 'inc/meta.print/' + pageIndex[tarPage]['pic'];
		} else {
			pic.src = 'inc/meta/' + pageIndex[tarPage]['pic'];
		}
		pic.alt = pageIndex[tarPage]['title'];
		pic.title = 'Flaminia - ' + pageIndex[tarPage]['title'];
		pic.style.display = 'block';

	} else if (pageIndex[tarPage]['type'] == 'homepage') {

		var pic = document.getElementById('pic');

		if (typeof pic != 'undefined') {
			pic.style.display = 'none';
		}

		// Die Slideshow existiert noch nicht
		if (!document.getElementById('slideshow')) {

			var slideshowDiv = document.createElement('div');
			slideshowDiv.id = 'slideshow';

			//slideshowDiv.innerHTML = pageIndex[tarPage]['html'];
			containerFormat.appendChild(slideshowDiv);
			var mygallery = new fadeSlideShow({wrapperid: "slideshow",dimensions: [950,520],imagearray: [["inc/meta/home/1.jpg","","",""],["inc/meta/home/2.jpg","","",""],["inc/meta/home/3.jpg","","",""],["inc/meta/home/4.jpg","","",""],["inc/meta/home/5.jpg","","",""],["inc/meta/home/6.jpg","","",""],["inc/meta/home/7.jpg","","",""],["inc/meta/home/8.jpg","","",""],["inc/meta/home/9.jpg","","",""],["inc/meta/home/10.jpg","","",""]],displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},persist: false,fadeduration: 2000,descreveal: "ondemand",togglerid: ""});

		}

	}

	// Buttons setzen
	html += getButtons();

	// Seitentitel setzen
	if (mode == 'print') {
		document.title = page + '-von-' + (pageIndex.length - 1) + '-' + pageIndex[tarPage]['title'];
	} else {
		document.title = 'Flaminia - ' + pageIndex[tarPage]['title'] + ' - Seite ' + page + ' von ' + (pageIndex.length - 1);
	}

	// Link im Menü activ setzen
	var menu = document.getElementById('menu');

	if (menu != null) {
		var current_menulink = document.getElementById('a' + refPage);
		current_menulink.className = '';
		var menulink = document.getElementById('a' + tarPage);
		menulink.className = 'active';
	}

	// Inhalte allgemein setzen
	containerLeft = document.getElementById('left');
	containerRight = document.getElementById('right');

	// Hintergrundfarbe setzen
	containerLeft.style.background = pageIndex[tarPage]['background'];
	containerRight.style.background = pageIndex[tarPage]['background'];
	containerLeft.innerHTML = html;

}

function getButtons () {

	var html = '';

	html += '<ul class="navi">';
	html += '<li class="home"><a href="' + 1 + '" onclick="gotoPage(page, 1); return false;"><b>Zurück zum Anfang</b></b></a></li>';
	html += '<li class="back"><a href="' + (page - 1) + '" onclick="gotoPage(page, ' + (page - 1) + '); return false;"><b>Zurück</b></b></a></li>';
	html += '<li class="forth"><a href="' + (page + 1) + '" onclick="gotoPage(page, ' + (page + 1) + '); return false;"><b>Vorwärts</b></b></a></li>';
	html += '<li class="end"><a href="' + (pageIndex.length - 1) + '" onclick="gotoPage(page, ' + (pageIndex.length - 1) + '); return false;"><b>Zum Ende</b></b></a></li>';
	html += '</ul>';

	return html;

}

function showMenu () {

	// Das Menu existiert noch nicht
	if (!document.getElementById('menu')) {

		var menuDiv = document.createElement('div');
		menuDiv.id = 'menu';

		var html = getMenu();
		menuDiv.innerHTML = html;

		var parentContainer = document.getElementById('right');
		parentContainer.appendChild(menuDiv);

	// Das Menu existiert bereits
	} else {

		var menuDiv = document.getElementById('menu');
		var parentContainer = document.getElementById('right');
		parentContainer.removeChild(menuDiv);

	}

}

function getMenu () {

	var html = '';

	html += '<div class="menubck">&nbsp;</div>';

	menuID = 1;
	var col_1 = 19;
	var col_2 = 19;


	for (var i = 1; i <= (pageIndex.length - 1); i++) {

		if (i == 1 || i == col_1 || i == (col_1 + col_2)) {
			html += '<ul class="menu' + menuID + '">';
			menuID++;
		}

		html += '<li><a href="';
		html += pageIndex[i]['id'];
		html += '" id="a';
		html += i;
		html += '" onclick="gotoPage(page, ' + i + '); showMenu(); return false" onfocus="blur()"';
		if (page == i) {
			html += ' class="active"';
		}
		html += '>';
		html += pageIndex[i]['title'];
		html += '&nbsp;<small>' + i + '</small>';
		if (pageIndex[i]['spaceafter']) {
			html += '<br />&nbsp;';
		}
		html += '</a></li>';

		if (i == (col_1 - 1) || i == (col_1 + col_2 - 1) || i == (pageIndex.length - 1)) {
			html += '</ul>';
		}

	}

	return html;

}

var slideVars_moving = new Array();
var slideVars_timerID = new Array();
var slideVars_parent = new Array();
var slideVars_startTime = new Array();
var slideVars_way = new Array();
var slideVars_length = 500;
var slideVars_range = 100;

// SLIDE
function slide(id, way) {

	// Wird der Container bereits bewegt? Wenn ja: abbrechen.
	if (slideVars_moving[id]) return;

	// Anzeigen, dass der Container bewegt wird
	slideVars_moving[id] = true;

	// Richung "global" setzen
	slideVars_way[id] = way;

	// Kind-Elemente des Slider-Rahmens (das Erste DIV ist der zu bewegende Container)
	var sliderDivChildren = document.getElementById(id).childNodes;

	// ID des zu bewegenden Containers zusammensetzen
	var slideVars_parent_id = 'parent_' + id;

	// ID des zu bewegenden Containers setzen (damit es nicht in HTML gesetzt werden muss)
	for (var i = 0; i < sliderDivChildren.length; i++) {

		// Wenn das Element ein DIV ist
		if (sliderDivChildren[i].nodeName.toLowerCase() == 'div') {

			// Erzeugte ID setzen
			sliderDivChildren[i].id = slideVars_parent_id;
			slideVars_parent[id] = document.getElementById(slideVars_parent_id);

			// Schleife abbrechen
			break;

		}

	}

	// Startzeit der Bewegung setzen
	slideVars_startTime[id] = (new Date()).getTime();

	// Bewegung Schritt für Schritt ausführen
	slideVars_timerID[id] = setInterval('slidetick(\'' + id + '\');', 5);

}

function slidetick (id) {

	// Bereits verstrichenen Zeit errechnen
	var elapsed = (new Date()).getTime() - slideVars_startTime[id];

	// Wenn die bereits verstrichene Zeit die Maximaldauer überschreitet, beende das Sliden
	if (elapsed > slideVars_length) {

		endSlide(id);

	} else {

		// Bewegungs-Abstand für diesen Schritt berechnen
		var slideStep = Math.round(elapsed / slideVars_length * slideVars_range);

		// Wenn es vorwärts gehen soll
		if(slideVars_way[id] == 'forth') {
			slideStep = slideVars_range - slideStep;
		}

		slideVars_parent[id].style.left = '-' + (slideVars_range - slideStep) + '%';

	}

	return;

}

function endSlide(id){

	clearInterval(slideVars_timerID[id]);

	var endPos = 0;

	if(slideVars_way[id] == 'forth') endPos = '-' + slideVars_range;

	slideVars_parent[id].style.left = endPos + '%';

	delete(slideVars_moving[id]);
	delete(slideVars_timerID[id]);
	delete(slideVars_parent[id]);
	delete(slideVars_startTime[id]);
	delete(slideVars_way[id]);

	return;

}