$(document).ready(function(){
	
					var timeoutIDs = new Array();
					var show = 0;
					
         


					var mouseOverHandler = function(event) {
            var targetId = $(event.target).attr("id");
						show = targetId;
						if (targetId) {
							$("#top").append("in ["+targetId+"]");
              var offsetLeft = $(event.target).offset().left;
							var offsetTop = $(event.target).offset().top;
              var targetClass= $(event.target).attr("class");							
	            var idArr = targetId.split("_");
	            var idNum = idArr[1];
	            $("#sub_"+idNum).show();
							if("navi_aktiv link" == targetClass || "navi_normal link" == targetClass) {

								$("#sub_"+idNum).css("left",offsetLeft-50);
								//$("#sub_"+idNum).css("top",38);
							}	
						}				    // do stuff
					};
					var mouseOutHandler = function (event) {
	            var targetId = $(event.target).attr("id");

							if (targetId) {
		            var idArr = targetId.split("_");
		            var idNum = idArr[1];
								//timeoutIDs.push(window.setTimeout('$("#sub_"+'+idNum+').hide()', 500));		
								$("#sub_"+idNum).hide()						            
								$("#top").append("out ["+targetId+"]");
							}															
	        };

					$(function() {
					    // on the document load, apply to existing elements
					    $('#navi_7, .bg').hover(mouseOverHandler, mouseOutHandler);
					});

					$("*").mouseenter(function(event){
            var targetId = $(event.target).attr("class");
						$("#top").append("*in ["+targetId+"]");
           });
			
        });