var jQn = jQuery.noConflict();

 jQn(document).ready(function(){
 
	 jQn("#skup01").show();
	 jQn("#skup02").hide();
 	 jQn("#skup03").hide();
 	 jQn("#skup04").hide();

	 jQn("#menuPanel1").hover(
		function(){  jQn(this).rozbalMenu(1); },
		function(){  jQn(this).sbalMenu(1);  } 
	);
	 jQn("#menuPanel2").hover(
		function(){  jQn(this).rozbalMenu(2); },
		function(){  jQn(this).sbalMenu(2);  } 
	);
	 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("#menuPanel6").hover(
		function(){  jQn(this).rozbalMenu(6); },
		function(){  jQn(this).sbalMenu(6);  } 
	);
	jQn("#menuLiVer").hover(
		function() { jQn("#menuLiHor").fadeTo("slow", 0.2); },
		function() { jQn("#menuLiHor").fadeTo("slow", 1); }
	);			
});

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; 
  }