var Rounded = Class.create(); 
Rounded.prototype = { 
  initialize : function(el){ 
    var x, background = el.style.backgroundColor; 
    for(x=0;x<11;x++){ 
      var d = "<div style='background: " + 
        background + 
        "; border-style: solid; border-color: white; height: 1px; overflow: hidden; border-width: 0 " + 
        this.index[x] + 
        "px'>&nbsp;</div>"; 
      new Insertion.Bottom(el, d); 
    } 
  }, 
  index : new Array(0,1,1,1,2,2,3,4,5,7,10)
}

function carouselButtonStateHandler(button, enabled) {
  if (button == "prev-arrow")
    $('prev-arrow').src = enabled ? "images/left-enabled.gif" : "images/left-disabled.gif"
  else 
    $('next-arrow').src = enabled ? "images/right-enabled.gif" : "images/right-disabled.gif"
};

function carouselAnimHandler(carouselID, status, direction) {
  var region = $(carouselID).down(".carousel-clip-region")
  if (status == "before") {
    Effect.Fade(region, {to: 0.3, queue: { position:'end', scope: "carousel" }, duration: 0.2})
  }
  if (status == "after") {
    Effect.Fade(region, {to: 1, queue: { position:'end', scope: "carousel" }, duration: 0.2})
  }
};

Event.observe(window, 'load', function() { 
  $$('div.box').each(function(el) {
    new Rounded(el);
  });
});