function mycarousel_initCallback(carousel)
{
   // Disable autoscrolling if the user clicks the prev or next button.
   carousel.buttonNext.bind('click', function()
   {
      carousel.startAuto(0);
   });

   carousel.buttonPrev.bind('click', function()
   {
      carousel.startAuto(0);
   });

   // Pause autoscrolling if the user moves with the cursor over the clip.
   carousel.clip.hover(function()
   {
      carousel.stopAuto();
   }, function()
   {
      carousel.startAuto();
   });
}
;

var mycarousel_itemList = [
{url: "images/banner_domore.gif", title: "Do More... Spend Less.|sol_shorten_sales_cycle.php"},
{url: "images/banner_simple.png", title: "Sophistication Made Simple.|products.php"},
{url: "images/banner_results.png", title: "Measure Marketing Campaign ROI.|sol_measureROI.php"}   ];

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
   // The index() method calculates the index from a
   // given index who is out of the actual item range.
   var idx = carousel.index(i, mycarousel_itemList.length);
   carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
}
;

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
   carousel.remove(i);
}
;

function mycarousel_itemLoadCallback(carousel, state)
{
   for (var i = carousel.first; i <= carousel.last; i++)
   {
      if (carousel.has(i))
      {
         continue;
      }

      if (i > mycarousel_itemList.length)
      {
         break;
      }

      carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i - 1]));
   }
}
;

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
   var url_m = item.title.split('|');
   return '<a href="' + url_m[1] + '" title="' + url_m[0] + '"><img src="' + item.url + '" width="717" height="247" border="0" alt="' + url_m[0] + '" /></a>';
   /*

       return '<img src="' + item.url + '" width="705" height="207" alt="' + item.url + '" />';
   */
}
;