// JavaScript Document



window.onload = function () {
	// Navigation
	
	// Home
	document.getElementById('navi_index').onmouseover = function () {
		onNaviColor('navi_index', 'index.php');
	}
	document.getElementById('navi_index').onmouseout = function () {
		offNaviColor('navi_index', 'index.php');
	}
	document.getElementById('navi_index').onclick = function () {
		window.location.href = 'index.php';
	}
	
	
	// Programmierung
	document.getElementById('navi_programmierung').onmouseover = function () {
		onNaviColor('navi_programmierung', 'programmierung.php');
	}
	document.getElementById('navi_programmierung').onmouseout = function () {
		offNaviColor('navi_programmierung', 'programmierung.php');
	}
	document.getElementById('navi_programmierung').onclick = function () {
		window.location.href = 'programmierung.php';
	}
	if(document.getElementById('subnavi_templates')) {
		document.getElementById('subnavi_templates').onmouseover = function () {
			onNaviColor('subnavi_templates', 'templates.php');
		}
		document.getElementById('subnavi_templates').onmouseout = function () {
			offNaviColor('subnavi_templates', 'templates.php');
		}
		document.getElementById('subnavi_templates').onclick = function () {
			window.location.href = 'templates.php';
		}
	}
	if(document.getElementById('subnavi_preise')) {
		document.getElementById('subnavi_preise').onmouseover = function () {
			onNaviColor('subnavi_preise', 'preise.php');
		}
		document.getElementById('subnavi_preise').onmouseout = function () {
			offNaviColor('subnavi_preise', 'preise.php');
		}
		document.getElementById('subnavi_preise').onclick = function () {
			window.location.href = 'preise.php';
		}
	}
	
	// webdesign
	document.getElementById('navi_webdesign').onmouseover = function () {
		onNaviColor('navi_webdesign', 'webdesign.php');
	}
	document.getElementById('navi_webdesign').onmouseout = function () {
		offNaviColor('navi_webdesign', 'webdesign.php');
	}
	document.getElementById('navi_webdesign').onclick = function () {
		window.location.href = 'webdesign.php';
	}
	
	// grafik_design
	document.getElementById('navi_grafik').onmouseover = function () {
		onNaviColor('navi_grafik', 'grafik_design.php');
	}
	document.getElementById('navi_grafik').onmouseout = function () {
		offNaviColor('navi_grafik', 'grafik_design.php');
	}
	document.getElementById('navi_grafik').onclick = function () {
		window.location.href = 'grafik_design.php';
	}
	
	
	// webhosting
	document.getElementById('navi_webhosting').onmouseover = function () {
		onNaviColor('navi_webhosting', 'webhosting.php');
	}
	document.getElementById('navi_webhosting').onmouseout = function () {
		offNaviColor('navi_webhosting', 'webhosting.php');
	}
	document.getElementById('navi_webhosting').onclick = function () {
		window.location.href = 'webhosting.php';
	}
	if(document.getElementById('subnavi_domain')) {
		document.getElementById('subnavi_domain').onmouseover = function () {
			onNaviColor('subnavi_domain', 'domain.php');
		}
		document.getElementById('subnavi_domain').onmouseout = function () {
			offNaviColor('subnavi_domain', 'domain.php');
		}
		document.getElementById('subnavi_domain').onclick = function () {
			window.location.href = 'domain.php';
		}
	}
	if(document.getElementById('subnavi_webspace')) {
		document.getElementById('subnavi_webspace').onmouseover = function () {
			onNaviColor('subnavi_webspace', 'webspace.php');
		}
		document.getElementById('subnavi_webspace').onmouseout = function () {
			offNaviColor('subnavi_webspace', 'webspace.php');
		}
		document.getElementById('subnavi_webspace').onclick = function () {
			window.location.href = 'webspace.php';
		}
	}
	
	// projekte
	document.getElementById('navi_projekte').onmouseover = function () {
		onNaviColor('navi_projekte', 'projekte.php');
	}
	document.getElementById('navi_projekte').onmouseout = function () {
		offNaviColor('navi_projekte', 'projekte.php');
	}
	document.getElementById('navi_projekte').onclick = function () {
		window.location.href = 'projekte.php';
	}
	if(document.getElementById('subnavi_webseiten')) {
		document.getElementById('subnavi_webseiten').onmouseover = function () {
			onNaviColor('subnavi_webseiten', 'webseiten.php');
		}
		document.getElementById('subnavi_webseiten').onmouseout = function () {
			offNaviColor('subnavi_webseiten', 'webseiten.php');
		}
		document.getElementById('subnavi_webseiten').onclick = function () {
			window.location.href = 'webseiten.php';
		}
	}
	if(document.getElementById('subnavi_grafik')) {
		document.getElementById('subnavi_grafik').onmouseover = function () {
			onNaviColor('subnavi_grafik', 'grafik.php');
		}
		document.getElementById('subnavi_grafik').onmouseout = function () {
			offNaviColor('subnavi_grafik', 'grafik.php');
		}
		document.getElementById('subnavi_grafik').onclick = function () {
			window.location.href = 'grafik.php';
		}
	}
	
	// suchmaschinen
	document.getElementById('navi_suchmaschinen').onmouseover = function () {
		onNaviColor('navi_suchmaschinen', 'suchmaschinenoptimierung.php');
	}
	document.getElementById('navi_suchmaschinen').onmouseout = function () {
		offNaviColor('navi_suchmaschinen', 'suchmaschinenoptimierung.php');
	}
	document.getElementById('navi_suchmaschinen').onclick = function () {
		window.location.href = 'suchmaschinenoptimierung.php';
	}
	
	// Kontakt
	document.getElementById('navi_kontakt').onmouseover = function () {
		onNaviColor('navi_kontakt', 'kontakt.php');
	}
	document.getElementById('navi_kontakt').onmouseout = function () {
		offNaviColor('navi_kontakt', 'kontakt.php');
	}
	document.getElementById('navi_kontakt').onclick = function () {
		window.location.href = 'kontakt.php';
	}
}


// für alle Navigationspunkte
function onNaviColor(id, myfilename) {
	var pos = document.URL.lastIndexOf('/'); // letzter Slash vor dem Dateinamen
	var filename = document.URL.substr(pos+1, document.URL.length);
	if(filename != myfilename) {
		var dasTag = document.getElementById(id);
		dasTag.childNodes[0].style.color = '#898885';
		dasTag.style.backgroundColor = '#FFF';
	}
}
function offNaviColor(id, myfilename) {
	var pos = document.URL.lastIndexOf('/'); // letzter Slash vor dem Dateinamen
	var filename = document.URL.substr(pos+1, document.URL.length);
	if(filename != myfilename) {
		var dasTag = document.getElementById(id);
		dasTag.childNodes[0].style.color = '#457be3';
		dasTag.style.backgroundColor = '#FFF';
	}
}