var timeOutTable = new Array(7);
	var subMenuNumber = 6;
	function hideAll(id) {
	    for (i=3; i<=subMenuNumber+3;i++) {
	    	if (i != id) {
	        	hideSubMenu(i);
	        }
	    }
	}
	function hideSubMenu(id) {	    
	    if (myObj = document.getElementById("submenu_" + id)) {
	        $("#submenu_" + id).fadeOut("fast");
	        $("#submenu_icon_" + id).fadeIn("fast");
	    }
	}
	function startHiding(id) {
	    timeOutTable[id] = setTimeout('hideSubMenu(\'' + id +'\')', 1000)
	}
	function stopHiding(id) {
	    clearTimeout(timeOutTable[id]);
	}
	
				
	
	$(document).ready(function() {     	
     	$("#menu img").mouseover(function() {
     		var name = $(this).attr('src');
     		var new_name = name.replace('_off', '_on');
     		$(this).attr('src', new_name);
     		
     		id = $(this).attr('id');
     		stopHiding(id);   
     		hideAll(id);
     		$("#submenu_" + id).fadeIn("fast");
     		$("#submenu_icon_" + id).hide();
     	});
     	$("#menu img").mouseout(function() {
     		var name = $(this).attr('src');
     		var new_name = name.replace('_on', '_off');
     		$(this).attr('src', new_name);
     		
     		id = $(this).attr('id');
     		startHiding(id);     					
     	});
     	
     	$(".submenu").mouseover(function() {
     		id = $(this).attr('rel');
     		stopHiding(id);
     	});
     	$(".submenu").mouseout(function() {
     		id = $(this).attr('rel');
     		startHiding(id);     					
     	});
     });
     Image1= new Image()
	 Image1.src = "/_img/menu_strona_glowna_on.jpg"
	 Image2= new Image()
	 Image2.src = "/_img/menu_aktualnosci_on.jpg"
	 Image3= new Image()
	 Image3.src = "/_img/menu_miasto_organizator_on.jpg"
	 Image4= new Image()
	 Image4.src = "/_img/menu_stadion_on.jpg"
	 Image5= new Image()
	 Image5.src = "/_img/menu_galeria_on.jpg"
	 Image6= new Image()
	 Image6.src = "/_img/menu_press_room_on.jpg"
	 Image7= new Image()
	 Image7.src = "/_img/menu_kontakt_on.jpg"