service1 = new Image();
service1.src = "images/service_grau.jpg";
service2 = new Image();
service2.src = "images/service.jpg";
kunden1 = new Image();
kunden1.src = "images/kunden_grau.jpg";
kunden2 = new Image();
kunden2.src = "images/kunden.jpg";
blog1 = new Image();
blog1.src = "images/blog_grau.jpg";
blog2 = new Image();
blog2.src = "images/blog.jpg";
kontakt1 = new Image();
kontakt1.src = "images/kontakt_grau.jpg";
kontakt2 = new Image();
kontakt2.src = "images/kontakt.jpg";
consulting1 = new Image();
consulting1.src = "images/itconsulting_grau.png";
consulting2 = new Image();
consulting2.src = "images/itconsutling.png";
web1 = new Image();
web1.src = "images/webbutton_grau.png";
web2 = new Image();
web2.src = "images/webbutton.png";
mobile1 = new Image();
mobile1.src = "images/mobilebutton_grau.png";
mobile2 = new Image();
mobile2.src = "images/mobilebutton.png";
desktop1 = new Image();
desktop1.src = "images/desktopbutton_grau.png";
desktop2 = new Image();
desktop2.src = "images/desktopbutton.png";

function show(buttonname, buttonvar){
	document.images[buttonname].src=buttonvar.src;
}

$(document).ready(function() {
	var currentObj = null;
	var timer = null;
	var checkHover = function(){
		if (currentObj){
			$("#menu_service").hide("slow");
		}
	}
	
	$("#service").mouseover(function(){
		clearTimeout(timer);
		$("#menu_service").show("slow");
	});
	$("#service").mouseout(function(){
		currentObj = $(this);
		timer = setTimeout(function(){checkHover();},500);
	});
	$("#menu_service").mouseover(function(){
		clearTimeout(timer);
		currentObj = null;
	});
	$("#menu_service").mouseout(function(){
		currentObj = $(this);
		setTimeout(function(){checkHover();}, 250);
	});

});