function zmen(styl){
  pic1= new Image(698,274); 
  pic1.src="/images/main-block-promo-content-virtual.jpg";
  pic2= new Image(698,274); 
  pic2.src="/images/main-block-promo-content-dedicated.jpg";
  pic3= new Image(248,114);
  pic3.src="/images/main-shortcut-webhosting-active.gif";
  pic4= new Image(248,114);
  pic4.src="/images/main-shortcut-virtual-active.gif";
  pic5= new Image(248,114);
  pic5.src="/images/main-shortcut-dedicated-active.gif";
  var styl;
  var pocet;
  var typytext = new Array();
  typytext[0] =    "<p><span style="color:#ECECEC;font-size:20px;">Hostujeme více než 20 000 domén</span>.<br />Svěřte své stránky profesionálům a přidejte se k tisícům spokojených zákazníků. Kvalitní webhosting za dobré ceny. <a style="color:#DCDCDC;font-weight:800" href="http://www.exohosting.cz/web-hosting/puzzle-hosting">Puzzle hosting</a> už od <span style="color:#FF0000;font-weight:800"> 12,- Kč </span> /měs. <br /><br /></p>";
  typytext[1] =    "<p>Klasický hosting Vám už nestačí a dedikovaný server se ještě nevyplatí? Kontrolu nad výkonem a pamětí získáte i na virtuálním serveru.</p>";
  typytext[2] =    "<p>Výkon a pamět celého serveru jen pro vaše projekty či služby. Plná kontrola nad všemi nastaveními. Serverem od nás ušetříte na vašem provozu.</p>";
  var link = new Array();
  link[0] = "web-hosting";
  link[1] = "virtualni-servery";
  link[2] = "dedikovane-servery";                
  var typy= new Array();
  typy[0] = "webhosting";
  typy[1] = "virtual";
  typy[2] = "dedicated";
  for (var pocet in typy){
    document.getElementById('main-block-promo-content-text').innerHTML = typytext[styl]+'<div id="main-block-promo-button">\
                    <div id="main-block-promo-button-left">\
                    </div>\
                    <div id="main-block-promo-button-content">\
                        <div>\
                            <a href="'+link[styl]+'" title="více informací">více informací</a>\
                        </div>\
                    </div>\
                    <div id="main-block-promo-button-right">\
                    </div>\
                    <div class="clearance"></div>\
                </div>';
    if(pocet == styl){
      document.getElementById('main-block-shortcut-'+typy[pocet]).style.backgroundImage = "url(/images/main-shortcut-"+typy[pocet]+"-active.gif)";
      if(styl == 0){
        document.getElementById('main-block-promo-content').style.backgroundImage = "url(/images/main-block-promo-content.jpg)";
      }else{
        document.getElementById('main-block-promo-content').style.backgroundImage = "url(/images/main-block-promo-content-"+typy[styl]+".jpg)";
      }
    }else{
      document.getElementById('main-block-shortcut-'+typy[pocet]).style.backgroundImage = "url(/images/main-shortcut-"+typy[pocet]+".gif)";
    }
  }
}