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 viac ako 20000 domén.</span><br/>Zverte svoje stránky profesionálom a pridajte sa k tisíckam spokojných zákazníkov. Kvalitný webhosting za dobré ceny. <a style="color:#DCDCDC;font-weight:800" href="http://www.exohosting.sk/webhosting/puzzle-hosting">Puzzle hosting</a> už od <span style="color:#FF0000;font-weight:800"> 0,4 € </span> /mes.  <br></p>";
  typytext[1] =    "<p>Klasický hosting vám už nestačí a dedikovaný server sa ešte neoplatí? Kontrolu nad výkonom a pamäťou získate aj na virtuálnom serveri.</p>";
  typytext[2] =    "<p>Výkon a pamäť celého servera iba pre vaše projekty či služby. Plná kontrola nad všetkými nastaveniami. Serverom od nás ušetrite na vašej prevádzke.</p>";
  var link = new Array();
  link[0] = "webhosting";
  link[1] = "virtualne-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="viac informácií">viac informácií</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)";
    }
  }
}