Bueno no tengo claro si es lo que buscas pero como tenia unos minutos libres:

test.html
<html>
<head>
<title>Javascript Rotacion Array - Azuma</title>
<style type="text/css">
BODY {
color: white;
background-color: black;
font-size: 18px;
margin: 0px;
padding: 0px;
}
fieldset {
width: 200px;
border: 5px dashed white;
}
legend {
letter-spacing: 10px;
font-size: 20px;
font-weight: bold;
}
a {
color: inherit;
text-decoration: none;
font-variant: small-caps;
letter-spacing: 7px;
border-left: 1px solid white;
border-right: 1px solid white;
padding-left: 15px;
padding-right: 10px;
}
a:hover {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
#datos {
display: none;
}
</style>
<script src="javascript-rotacion-array.js"></script>
</head>
<body>
<div align="center">
<fieldset>
<legend align="right">JS:Rotacion:Array()</legend>
<br/>
<a href="javascript:void(0);" onclick="rotar();">Activar</a>
<br/><br/>
<div id="datos"></div>
<br/>
</fieldset>
</div>
</body>
</html>
javascript-rotacion-array.js
function rotar() {
//
var d,a,nums,i;
d = document.getElementById("datos");
a = document.getElementsByTagName("a")[0];
if(d.style.display == "block") {
a.innerHTML="Activar";
d.style.display = "none";
} else {
nums = [1,2,3,4,5];
d.innerHTML = "";
//rotar derecha
for(i=0;i<nums.length;i++) {
d.innerHTML += "<tt>nums["+i+"] = "+nums[i]+"</tt><br/>";
}
d.innerHTML += "<br/>";
//rotar izquierda
for(i=nums.length-1;i>=0;i--) {
d.innerHTML += "<tt>nums["+i+"] = "+nums[i]+"</tt><br/>";
}
a.innerHTML="Desactivar";
d.style.display = "block";
}
//
}