$(document).ready(function(){
	//initial state: switch content div
	document.getElementById('contentpane_leistungen').style.display='block';
	document.getElementById('contentpane_tools').style.display='none';
	document.getElementById('contentpane_team').style.display='none';
	document.getElementById('contentpane_kontakt').style.display='none';
	//initial state: set navigation iteam images
	document.getElementById('navigationpane').getElementsByTagName("img")[0].src= "./images/main_navigation/leistungen_nav_text_on.png";
	document.getElementById('navigationpane').getElementsByTagName("img")[1].src= "./images/main_navigation/tools_nav_text_off.png";
	document.getElementById('navigationpane').getElementsByTagName("img")[2].src= "./images/main_navigation/team_nav_text_off.png";
	document.getElementById('navigationpane').getElementsByTagName("img")[3].src= "./images/main_navigation/kontakt_nav_text_off.png";
	
	
	
	//event handling
	$(".navigationmenu > li").click(function(e){
		switch(e.target.id) {
			case "leistungen":
				//switch content div
				document.getElementById('contentpane_leistungen').style.display='block';
				document.getElementById('contentpane_tools').style.display='none';
				document.getElementById('contentpane_team').style.display='none';
				document.getElementById('contentpane_kontakt').style.display='none';
				//set navigation iteam images
				document.getElementById('navigationpane').getElementsByTagName("img")[0].src= "./images/main_navigation/leistungen_nav_text_on.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[1].src= "./images/main_navigation/tools_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[2].src= "./images/main_navigation/team_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[3].src= "./images/main_navigation/kontakt_nav_text_off.png";
			break;
			case "tools":
				//switch content div
				document.getElementById('contentpane_leistungen').style.display='none';
				document.getElementById('contentpane_tools').style.display='block';
				document.getElementById('toolsdetailpane_view').style.display='block';
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[0].src= "./images/tools_navigation/view_nav_text_on.png";
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[1].src= "./images/tools_navigation/rm_nav_text_off.png";
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[2].src= "./images/tools_navigation/3dm_nav_text_off.png";
				document.getElementById('toolsdetailpane_rm').style.display='none';
				document.getElementById('toolsdetailpane_3dm').style.display='none';
				document.getElementById('contentpane_team').style.display='none';
				document.getElementById('contentpane_kontakt').style.display='none';
				//set navigation iteam images
				document.getElementById('navigationpane').getElementsByTagName("img")[0].src= "./images/main_navigation/leistungen_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[1].src= "./images/main_navigation/tools_nav_text_on.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[2].src= "./images/main_navigation/team_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[3].src= "./images/main_navigation/kontakt_nav_text_off.png";
			break;
			case "team":
				//switch content div
				document.getElementById('contentpane_leistungen').style.display='none';
				document.getElementById('contentpane_tools').style.display='none';
				document.getElementById('contentpane_team').style.display='block';
				document.getElementById('contentpane_kontakt').style.display='none';
				
				document.getElementById('teamdetailpane').style.display='none';
				//set navigation iteam images
				document.getElementById('navigationpane').getElementsByTagName("img")[0].src= "./images/main_navigation/leistungen_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[1].src= "./images/main_navigation/tools_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[2].src= "./images/main_navigation/team_nav_text_on.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[3].src= "./images/main_navigation/kontakt_nav_text_off.png";
				
				document.getElementById('teamoverviewpane').style.display='block';
				document.getElementById('teamdetailpane').style.display='none';
			break;
			case "kontakt":
				//switch content div
				document.getElementById('contentpane_leistungen').style.display='none';
				document.getElementById('contentpane_tools').style.display='none';
				document.getElementById('contentpane_team').style.display='none';
				document.getElementById('contentpane_kontakt').style.display='block';
				//set navigation iteam images
				document.getElementById('navigationpane').getElementsByTagName("img")[0].src= "./images/main_navigation/leistungen_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[1].src= "./images/main_navigation/tools_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[2].src= "./images/main_navigation/team_nav_text_off.png";
				document.getElementById('navigationpane').getElementsByTagName("img")[3].src= "./images/main_navigation/kontakt_nav_text_on.png";
			break;
		}
		return false;
	});
	
	$(".toolsnavigationmenu > li").click(function(e) {
		switch(e.target.id) {	
			case "view":
				document.getElementById('toolsdetailpane_view').style.display='block';
				document.getElementById('toolsdetailpane_rm').style.display='none';
				document.getElementById('toolsdetailpane_3dm').style.display='none';				
				
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[0].src= "./images/tools_navigation/view_nav_text_on.png";
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[1].src= "./images/tools_navigation/rm_nav_text_off.png";
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[2].src= "./images/tools_navigation/3dm_nav_text_off.png";
			break;
			case "rm":
				document.getElementById('toolsdetailpane_view').style.display='none';
				document.getElementById('toolsdetailpane_rm').style.display='block';
				document.getElementById('toolsdetailpane_3dm').style.display='none';
				
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[0].src= "./images/tools_navigation/view_nav_text_off.png";
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[1].src= "./images/tools_navigation/rm_nav_text_on.png";
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[2].src= "./images/tools_navigation/3dm_nav_text_off.png";
			break;
			case "3dm":
				document.getElementById('toolsdetailpane_view').style.display='none';
				document.getElementById('toolsdetailpane_rm').style.display='none';
				document.getElementById('toolsdetailpane_3dm').style.display='block';
				
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[0].src= "./images/tools_navigation/view_nav_text_off.png";
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[1].src= "./images/tools_navigation/rm_nav_text_off.png";
				document.getElementById('toolsnavigationpane').getElementsByTagName("img")[2].src= "./images/tools_navigation/3dm_nav_text_on.png";
			break;			
		}
		return false;
	});
	
	
	
	$("#team_bernharddoll_ovw").click(function(e){
		return showTeamDetailPane("bernharddoll");
	});
	$("#team_bernharddoll_nav_text").click(function(e){
		return showTeamDetailPane("bernharddoll");
	});
	$("#team_guidoredlich_ovw").click(function(e){
		return showTeamDetailPane("guidoredlich");
	});
	$("#team_guidoredlich_nav_text").click(function(e){
		return showTeamDetailPane("guidoredlich");
	});
	$("#team_kathrinmoeslein_ovw").click(function(e){
		return showTeamDetailPane("kathrinmoeslein");
	});
	$("#team_kathrinmoeslein_nav_text").click(function(e){
		return showTeamDetailPane("kathrinmoeslein");
	});
	$("#team_bettinavonstamm_ovw").click(function(e){
		return showTeamDetailPane("bettinavonstamm");
	});
	$("#team_bettinavonstamm_nav_text").click(function(e){
		return showTeamDetailPane("bettinavonstamm");
	});
	$("#team_paulleibold_ovw").click(function(e){
		return showTeamDetailPane("paulleibold");
	});
	$("#team_paulleibold_nav_text").click(function(e){
		return showTeamDetailPane("paulleibold");
	});
	$("#team_oliverschmid_ovw").click(function(e){
		return showTeamDetailPane("oliverschmid");
	});
	$("#team_oliverschmid_nav_text").click(function(e){
		return showTeamDetailPane("oliverschmid");
	});
	$("#team_sabineschoen_ovw").click(function(e){
		return showTeamDetailPane("sabineschoen");
	});
	$("#team_sabineschoen_nav_text").click(function(e){
		return showTeamDetailPane("sabineschoen");
	});
	$("#team_christianschueller_ovw").click(function(e){
		return showTeamDetailPane("christianschueller");
	});
	$("#team_christianschueller_nav_text").click(function(e){
		return showTeamDetailPane("christianschueller");
	});

	$("#team_backtooverview").click(function(e){
		document.getElementById('teamoverviewpane').style.display='block';
		document.getElementById('teamdetailpane').style.display='none';
		return false;
	});
	
	function showTeamDetailPane(name) {
		document.getElementById('teamoverviewpane').style.display='none';
		document.getElementById('teamdetailpane').style.display='block';
		teamDetailPaneOff();
		document.getElementById('teamdetailpane_' + name).style.display='block';
		document.getElementById('team_' + name + '_nav_text').src= "./images/team_navigation/" + name + "_nav_text_on.png";
		return false;
	}
	
	function teamDetailPaneOff() {
		document.getElementById('teamdetailpane_bernharddoll').style.display='none';
		document.getElementById('teamdetailpane_guidoredlich').style.display='none';
		document.getElementById('teamdetailpane_kathrinmoeslein').style.display='none';
		document.getElementById('teamdetailpane_bettinavonstamm').style.display='none';
		document.getElementById('teamdetailpane_paulleibold').style.display='none';
		document.getElementById('teamdetailpane_oliverschmid').style.display='none';
		document.getElementById('teamdetailpane_sabineschoen').style.display='none';
		document.getElementById('teamdetailpane_christianschueller').style.display='none';
		
		document.getElementById('team_bernharddoll_nav_text').src= "./images/team_navigation/bernharddoll_nav_text_off.png";
		document.getElementById('team_guidoredlich_nav_text').src= "./images/team_navigation/guidoredlich_nav_text_off.png";
		document.getElementById('team_kathrinmoeslein_nav_text').src= "./images/team_navigation/kathrinmoeslein_nav_text_off.png";
		document.getElementById('team_bettinavonstamm_nav_text').src= "./images/team_navigation/bettinavonstamm_nav_text_off.png";
		document.getElementById('team_paulleibold_nav_text').src= "./images/team_navigation/paulleibold_nav_text_off.png";
		document.getElementById('team_oliverschmid_nav_text').src= "./images/team_navigation/oliverschmid_nav_text_off.png";
		document.getElementById('team_sabineschoen_nav_text').src= "./images/team_navigation/sabineschoen_nav_text_off.png";
		document.getElementById('team_christianschueller_nav_text').src= "./images/team_navigation/christianschueller_nav_text_off.png";
		
	}
});