javascript +css更改DIV CLASS问题

<script language="javascript">
function menus(id){
 for(var i=1;i<6;i++){
  if (id=i){
  document.getElementById("d"+i).className="menuoneon";
  }else{
  document.getElementById("d"+i).className="menuone";
  }
}
}
</script> <div class="menuone" id="d1"><a href="#" onclick="menus(1)">首页</a></div>
<div class="menuone" id="d2"><a href="#" onclick="menus(2)">手机</a></div>
<div class="menuone" id="d3"><a href="#" onclick="menus(3)">服装</a></div>
<div class="menuone" id="d4"><a href="#" onclick="menus(4)">家具</a></div>
<div class="menuone" id="d5"><a href="#" onclick="menus(5)">建材</a></div>为什么不能用呢？？