function add_4_articles() {



$('<div id="andimar-articoli"></div>').insertBefore($('#rilievo_interne'));

$('#andimar-articoli').html('<h2>Gli ultimi articoli</h2><ul id="andimar-articoli-list"></ul><p style="clear:both; text-align:right;font-weight:bold; margin:0 30px 0 0;"><a href="'+sitearticleurl+'" bitly="BITLY_PROCESSED">Leggi tutti gli articoli di '+sitename+' &raquo;</a></p>');

// prende gli elementi presenti nella tab articoli
$('#saib_articoli').find('.item').each(function(index) {

  // prende l'ID degli articoli
  var regexp  = new RegExp("http:\/\/.*\.html.it\/articoli\/leggi\/(.*)\/.*\/","g");
  var replace = "$1";
  
  
  article_id = $(this).find('a').attr('href').replace(regexp, replace);
  
  // e li inserisce nel nuovo contenitore
  $('#andimar-articoli-list').append('<li><img src="http://www.html.it/articoli/'+article_id+'/primopiano'+article_id+'.png" />'+ $(this).html()+'</li>');
  
  // <img src="http://www.html.it/guide/miniicone/'+iconname+'.png" />
  

});

 // poi ne cancella il contenuto
$('#rilievo_int_articoli').html('');

 // spegne visualizzazione articoli
  var tab_articoli = document.getElementById('rilievo_int_articoli');
      tab_articoli.setAttribute('style', 'display: none');

  document.getElementById('menu2').getElementsByTagName('li').item(1).setAttribute('style', 'display: none');
  



var mycss='';
	  mycss += '#andimar-articoli { background-color:#fff; margin:80px 0 0 20px; padding:5px; width:785px; } ' ;
	  mycss += '#andimar-articoli li { margin:0 20px 0 0; float: left; width: 175px; background:#fff url(http://www.html.it/guide/miniicone/bg_articoli.jpg) top left no-repeat;  } ' ;
	  mycss += '#andimar-articoli li h3 { margin:10px 0 2px 0; padding:5px 0 0 0; font-size:15px} ' ;
	  mycss += '#andimar-articoli li img { float:left; margin: 12px 10px 0px 0; font-size:13px} ' ;
	  mycss += '#andimar-articoli li p { font-size:10px} ' ;
	  mycss += '#andimar-articoli li a { text-decoration:none;} ' ;
	  mycss += '#andimar-articoli li a:hover { color:#ff5b01;} ' ;
	  mycss += '#andimar-articoli ul { list-style: none;  } ';
	  mycss += '#andimar-articoli h2 { font: 14px Arial,sans-serf; font-weight:bold; margin:0px; border-bottom:1px solid #bbb; color:#103d66; text-transform:uppercase; width:760px; padding-bottom:3px;} ';

	
$('#andimar-articoli').append('<style type="text/css">'+mycss+'</style>');

}


$(document).ready(function() { add_4_articles(); });