$(document).ready(function(){
 
 var rozni = 500;
 var zhasni = 300;
  
var infotpo = $('#infotpo');
var infotpl = $('#infotpl');
var infotpc = $('#infotpc');
var infotpg = $('#infotpg');    


/*  $( "#block1" )
     .animate( { width: "90%" }, { queue: false, duration: 3000 })
     .animate({ fontSize: "24px" }, 1500 )
     .animate({ borderRightWidth: "15px" }, 1500 );   */

infotpo.css({'display' : 'block', 'opacity' : '0'}); 
infotpl.css({'display' : 'block', 'opacity' : '0'}); 
infotpc.css({'display' : 'block', 'opacity' : '0'}); 
infotpg.css({'display' : 'block', 'opacity' : '0'}); 

$('.tpo').mouseenter(function(){
           infotpo.animate({ opacity: "1" }, rozni )
       }).mouseleave(function(){
           infotpo.animate({ opacity: "0" }, zhasni )
});

$('.tpc').mouseenter(function(){
           infotpc.animate({ opacity: "1" }, rozni )
       }).mouseleave(function(){
           infotpc.animate({ opacity: "0" }, zhasni )
});     

$('.tpl').mouseenter(function(){
           infotpl.animate({ opacity: "1" }, rozni )
       }).mouseleave(function(){
           infotpl.animate({ opacity: "0" }, zhasni )
});   

$('.tpg').mouseenter(function(){
           infotpg.animate({ opacity: "1" }, rozni )
       }).mouseleave(function(){
           infotpg.animate({ opacity: "0" }, zhasni )
}); 


    });