document.write('<div id="MainMenu">');
document.write('  <div id="tab">');
document.write('    <ul>');
document.write('    <li><a href="index.html"><span>ÚVOD</span></a></li>');
document.write('    <li><a href="service.html"><span>Služby</span></a></li>');
document.write('    <li><a href="reference.html"><span>Reference</span></a></li>');
document.write('    <li><a href="contacts.html"><span>Kontakt</span></a></li>');
document.write('    </ul>');
document.write('  </div>');
document.write('</div>');
document.write('');

jQuery(function(){
	   
jQuery("#tab a")
	.css( {backgroundPosition: "right 0"} )
	.mouseover(function(){
		jQuery(this).stop().animate({backgroundPosition:"(right -40px)"}, {duration:400})
	})
	.mouseout(function(){
		jQuery(this).stop().animate({backgroundPosition:"(right 0)"}, {duration:400})
	})
	
				jQuery("#tab a span")
	.css( {backgroundPosition: "left 0"} )
	.mouseover(function(){
		jQuery(this).stop().animate({backgroundPosition:"(0 -40px)"}, {duration:400})
	})
	.mouseout(function(){
		jQuery(this).stop().animate({backgroundPosition:"(left 0)"}, {duration:400})
	})

});