var jQn = jQuery.noConflict();

 jQn(document).ready(function(){	
	 jQn("#menuPanel3").hover(
		function(){  jQn(this).rozbalMenu(3); },
		function(){  jQn(this).sbalMenu(3);  } 
	);
	 jQn("#menuPanel4").hover(
		function(){  jQn(this).rozbalMenu(4); },
		function(){  jQn(this).sbalMenu(4);  } 
	);
	 jQn("#menuPanel5").hover(
		function(){  jQn(this).rozbalMenu(5); },
		function(){  jQn(this).sbalMenu(5);  } 
	);
	 jQn("#menuPanel18").hover(
		function(){  jQn(this).rozbalMenu(18); },
		function(){  jQn(this).sbalMenu(18);  } 
	);
	 jQn("#menuPanel19").hover(
		function(){  jQn(this).rozbalMenu(19); },
		function(){  jQn(this).sbalMenu(19);  } 
	);
	 jQn("#menuPanel20").hover(
		function(){  jQn(this).rozbalMenu(20); },
		function(){  jQn(this).sbalMenu(20);  } 
	);
	 jQn("#menuPanel21").hover(
		function(){  jQn(this).rozbalMenu(21); },
		function(){  jQn(this).sbalMenu(21);  } 
	);
	 jQn("#menuPanel22").hover(
		function(){  jQn(this).rozbalMenu(22); },
		function(){  jQn(this).sbalMenu(22);  } 
	);
});

jQn.fn.rozbalMenu = function(id) {
	return this.each(function(){
		 jQn('#hiddenMenu' + id).css('top', getTop('menuPanel' + id) + getTop("radek4") + "px"); 
		 jQn('#hiddenMenu' + id).css('left', getLeft('pStred') - 1);		
		 jQn('#hiddenMenu' + id).css('visibility', 'visible');
	 	 jQn('#menu' + id).css('opacity', 0);
		 jQn('#hiddenMenu' + id).css('opacity', 0.95); 
	});
};

jQn.fn.sbalMenu = function(id) {
	return this.each(function(){
	     jQn('#menu' + id).css('opacity', 1);
		 jQn('#hiddenMenu' + id).css('opacity', 0);
		 jQn('#hiddenMenu' + id).css('visibility', 'hidden');
	});
};

function getLeft(elementMenu)
  { 
  return document.getElementById(elementMenu).offsetLeft; 
  }


function getTop(elementMenu)
  { 
  return document.getElementById(elementMenu).offsetTop; 
  }