$(function(){
  var pn = $('#produkt-navigation');
  if( pn.length > 0 ) {
    var w = 150;
    // Wrap-up things
    pn.css("overflow", "hidden");
    pn.css("height", "140px");
    pn.find('ul').wrap("<div></div>");
    // Add "controls"
    pn.find('div').before("<a href=\"javascript:void();\" class=\"links\">&nbsp;</a>").after("<a href=\"javascript:void();\" class=\"rechts\">&nbsp;</a>");
    var minl = parseInt(pn.find('div').css('width')) - parseInt(pn.find('ul').css('width'));
    pn.find('a.rechts').bind("click", function(e){ var l = parseInt(pn.find('ul').css("left")); pn.find('ul').animate({left: Math.max(minl, (l - w)) + "px"}); });
    pn.find('a.links').bind("click", function(e){ var l = parseInt(pn.find('ul').css("left")); pn.find('ul').animate({left: Math.min(0, (l + w)) + "px"}); });
    pn.find('ul').css("left", Math.min(0, Math.max(minl, -pn.find('.aktiv').position().left)) + "px");
  }
});