// JavaScript Document
/*
* Functions for the main Menue
*/

var active_menu = false;
var old_menu = false;

$(document).ready(function() {

	$(".menu").click(function() {
		id = $(this).attr("id");
		loadcontent(id);
	});
});

function loadcontent(id) {
	
	$("#content").load("sites/"+id+".php", "", services_callback);
	
	old_menu = active_menu;
	active_menu = id;
	icon_hidden(old_menu);	
}

function icon_visible(id) {
	$("#icon_"+id).css("visibility", "visible");
}

function icon_hidden(id) {
	
	if(active_menu != id) {
		$("#icon_"+id).css("visibility", "hidden");
	}
}

/*
* Functions for the services point
*/

function services_callback() {
	
		var new_id;
		var old_id;
		var new_image
	
		$(".services_projekt").mouseover(function () {
			menu = $(this).find('div');
			menu.css("background", "#9C9E9F");
			menu.css("color", "#FFFFFF");
			menu.css("font-weight", "bold");
			
			//Change pic to normal style
			
			//Brauchen wir noch
			image = $(this).find('img');
			new_image = "../fotos/services/pic2_"+$(this).attr("id")+".jpg";
			image.attr("src", new_image);
			
			
			
		});
		
		$(".services_projekt").mouseout(function () {
			
			if(new_id!=$(this).attr("id")) {
				menu = $(this).find('div');
				mouseOutEvent(menu);
				
				//Change pic to custom style
				
				//Brauchen wir noch
				image = $(this).find('img');
				new_image = "../fotos/services/pic_"+$(this).attr("id")+".jpg";
				image.attr("src", new_image);
			}
		});
		
		$(".services_projekt").click(function () {
			new_id = $(this).attr("id");
			menu = $("#"+old_id).find('div');
			mouseOutEvent(menu);
			
			//Make the Link to the Gallery visible
			$("#"+new_id+" + div").css("visibility", "visible");
			
			//Make the old link hidden
			$("#"+old_id+" + div").css("visibility", "hidden");
			
			//If we click a other menu, we have change the old pic
			image = $("#"+old_id).find('img');
			new_image = "../fotos/services/pic_"+$(this).attr("id")+".jpg";
			image.attr("src", new_image);
			
			old_id = new_id;
			
			$("#services_text").load("sites/services/"+new_id+".inc.php");
		});
	
	function mouseOutEvent(menu) {
		menu.css("background", "#ECEDED");
		menu.css("color", "#000000");
		menu.css("font-weight", "normal");
	}	
}