var createNotifyBlocks = function()
  {
    var notifyblocks = $('div.notifyblock');
    var notifycontents = notifyblocks.find('div.notifycontent');
    var padding = 4;
    var spaceleft = 23;
    var spacetop = 22;
  
    // make all content the same height
    var maxHeight=0;
    notifycontents.each(function(){
      var notifycontent = $(this).find('div.notifycontent');
      if ($(this).innerHeight()>maxHeight) {maxHeight=$(this).innerHeight();}
    });
    
    maxHeight = maxHeight - 2 * spacetop;
    notifycontents.each(function(){
      $(this).height(maxHeight +'px');
    });
  
    notifyblocks.each(function()
    {
      // calculate site of the content
      var contentdiv = $(this).find('div.notifycontent');
      var contentwidth = contentdiv.width();
      var contentheight = contentdiv.height();
  
      // calculate size of borders
      var middlewidth = contentwidth + 2*padding;
      var middleheight = contentheight + 2*padding;
  
      // remove 'extra' padding of contentdiv and set height
      contentdiv.width(contentwidth).height(contentheight).css('padding', '4px');
     
      // get contentdiv
      var contentdivorig = contentdiv;
  
      // store original content in new div
      var contentdiv = $('<div>');
      // copy style
      contentdiv.attr('style', contentdivorig.attr('style')).addClass('notifycontent');
      contentdiv.css({
        'float' : 'left',
        'width': contentwidth
      });
      contentdiv.html(contentdivorig.html());
  
      $(this).html('');
  
      // left top corner
      var div = $('<div>').html("&nbsp;");
      div.css({
        'background': "url('/img/notifyblock/left.gif')",
        'background-repeat': 'no-repeat',
        'float': 'left',
        'width' : '23px',
        'height' : '22px'
       });
      $(this).append(div);
  
      // middle top 
      var div = $('<div>').html("&nbsp;");
      div.css({
        'background': "url('/img/notifyblock/top.gif')",
        'background-repeat': 'repeat-x',
        'float': 'left',
        'width': middlewidth+'px',
        'height' : '22px'
       });
      $(this).append(div);
  
      // right top corner
      var div = $('<div>').html("&nbsp;");
      div.css({
        'background': "url('/img/notifyblock/right.gif')",
        'background-repeat': 'no-repeat',
        'float': 'right',
        'width' : '23px',
        'height' : '22px'
       });
      $(this).append(div);
  
      // left 
      var div = $('<div>').attr('id','notifyleft').addClass('notifyleft').html("&nbsp;");
      div.css({
        'background': "url('/img/notifyblock/top.gif')",
        'background-repeat': 'repeat-y',
        'background-position': '0px -22px', 
        'height' : middleheight+'px',
        'float': 'left',
        'width' : '23px'
       });
      $(this).append(div);
  
      // add the original content
      $(this).append(contentdiv);
  
      // right 
      var div = $('<div>').attr('id','notifyright').addClass('notifyright').html("&nbsp;");
      div.css({
        'background': "url('/img/notifyblock/top.gif')",
        'background-repeat': 'repeat-y',
        'background-position': 'right -22px', 
        'height' : middleheight+'px',
        'float': 'right',
        'width' : '23px'
       });
      $(this).append(div);
      
      // left bottom corner
      var div = $('<div>').html("&nbsp;");
      div.css({
        clear: 'both',
        'background': "url('/img/notifyblock/left.gif')",
        'background-repeat': 'no-repeat',
        'background-position': 'bottom left',
        'float': 'left',
        'width' : '23px',
        'height' : '22px'
       });
      $(this).append(div);
  
      // middle bottom 
      var div = $('<div>').html("&nbsp;");
      div.css({
        'background-image': "url('/img/notifyblock/top.gif')",
        'background-repeat': 'repeat-x',
        'background-position': 'bottom left',
        'float': 'left',
        'width': middlewidth+'px',
        'height' : '22px'
       });
      $(this).append(div);
  
      // right bottom corner
      var div = $('<div>').html("&nbsp;");
      div.css({
        'background': "url('/img/notifyblock/right.gif')",
        'background-repeat': 'no-repeat',
        'background-position': 'bottom right',
        'float': 'right',
        'width' : '23px',
        'height' : '22px'
       });
      $(this).append(div);
      
      
     
      // clear id's for content, left and right
      $('#notifyleft, #notifyright').removeAttr('id');
      
      // fix height op topcontent so we can remove the clearfix
      //$('#topcontent_2').height($('#topcontent_2').outerHeight()+'px').removeClass('simpleclearfix');
    });
    
  }