function init()
{
  $(".lf").css({ 'top' : "70px", 'left' : '300px' });
  $(".rt").css({ 'top' : "70px", 'right' : '300px' });
  $("#ma, #ma-div").css({ 'top' : '0px', 'width' : '227px', 'height' : '186px', 'margin-left' : '-114px' });
}

function showMA()
{
  ovr = "#ma-div";

  $(ovr).animate({ width: "227px", height: "186px", top: "0px", opacity: "0.0" }, 1500, "", 
  function(){ showPyryatyn(); });
}

function showPyryatyn()
{
  ovr = "#pyr-div";
  obj = "#pyr";

  $(ovr).animate({ width: "150px", height: "150px", top: "160px", left: "0%", opacity: "0.0" }, 1200 ); 
  $(obj).animate({ width: "150px", height: "150px", top: "160px", left: "0%" }, 1200, "", 
  function(){ showZdorovo(); } );
}

function showZdorovo()
{
  ovr = "#zdor-div";
  obj = "#zdor";

  $(ovr).animate({ width: "150px", height: "150px", top: "160px", right: "0%", opacity: "0.0" }, 1200 ); 
  $(obj).animate({ width: "150px",  height: "150px",  top: "160px",  right: "0%" },  1200, "", 
  function(){ showYagotynske(); } );
}

function showYagotynske()
{

  ovr = "#yag-div";
  obj = "#yag";

  $(ovr).animate({ width: "275px", height: "80px", top: "210px", left: "160px", opacity: "0.0" }, 1100); 
  $(obj).animate({ width: "275px", height: "80px", top: "210px", left: "160px" }, 1100, "", 
  function(){ showSlavia(); } );
}

function showSlavia()
{
  ovr = "#slav-div";
  obj = "#slav";

  $(ovr).animate({ width: "222px", height: "144px", top: "360px", left: "50px", opacity: "0.0" }, 1400);
  $(obj).animate({ width: "222px", height: "144px", top: "360px", left: "50px" }, 1400, "", 
  function(){ showZlatokrai(); } );
}

function showZlatokrai()
{
  ovr = "#zlat-div";
  obj = "#zlat";

  $(ovr).animate({ width: "242px", height: "122px", top: "380px", right: "45px", opacity: "0.0" }, 1400); 
  $(obj).animate({ width: "242px", height: "122px", top: "380px", right: "45px" }, 1400);
}

function additional() {
$(".over").hover(
	function(){ $(this).fadeTo(150, 0.4, function(){ $(this).fadeTo(150, 0.0); }); } 
	,function(){}
);

init();
showMA();

}