var ab = { delay:500,topoffset:42 };

$(function() {
  ab.graphwidth = $('#graph ul li:first em').width();

  $(window).bind('load',function() {
    setTimeout("growgraph(0);",1050); // don't use callback in case overgraphads doesn't exist (rare)
    setTimeout("growgraph(1);",1300);
  });
});

function growgraph(i) {
  if (i < graphs.length) {
    if (graphs[i] < 100) { ab.delay = (ab.delay == 500)?375:250; }
    var w = (ab.graphwidth * graphs[i] / 100);
    if (w > 50) { $('#bar'+i+' span:first').animate({width: w},ab.delay,function() { growgraph(i+2) }); }
  }
}

function resetgraph() {
  var $overgraphads = $('#overgraphads');
  if ($overgraphads.length > 0) {
    var adpos = $overgraphads.position().left;
    var leftoffset = parseInt($('#graph.c'+graphs.length+' em').css('left'));
    if (isNaN(leftoffset)) { leftoffset = 0; }
    var btmoffset = parseInt($('#graph ul>li').css('marginBottom'));
    for (var i = 0; i < graphs.length; i++) {
      var barwidth = ($('#bar'+i+' span.bar').width() + leftoffset);
      if (barwidth > adpos) { ab.topoffset += (40+btmoffset); }
      else { break; }
    }
    $overgraphads.css({ top: ab.topoffset });
/*
    if ($('#graph').height() < (ab.topoffset+200)) {
      $('#graph').css({ marginBottom: (ab.topoffset-30) });
    }
*/
  }
  $('#graph span.bar').css({ width:'auto' });
}