JavaScript库Scriptaculous与导航功能冲突

Question

我有许多div和导航功能，显示相应的div并隐藏所有其他div。它工作得很好，直到我创建了Scriptaculous库的引用。现在，当我单击导航栏时，没有显示div，控制台显示错误消息Uncaught TypeError: Cannot read property 'style' of null。路径是正确的，我已经用另一种不同的导航功能进行了测试，效果很好。

Javascript代码：

<script src="scriptaculous-js-1.9.0\lib\prototype.js" type="text/javascript"></script>
<script src="scriptaculous-js-1.9.0\src\scriptaculous.js" type="text/javascript"></script>
<script>
// navigation
function nav(divId) {
    var divs = [];
    for (var i = 2; i <= 22; i++) {
        divs.push("div" + i.toString());
    }
    var showDiv = divId;
    var hideDivs = divs.slice(0);
    hideDivs.splice(divs.indexOf(showDiv), 1);
    for (var j in hideDivs) {
        document.getElementById(hideDivs[j]).style.display = "none";        
    }
    document.getElementById(showDiv).style.display = "block";
}
</script>