[noch offen] Slider in Box Design Clean

<div id="rotator">
<h3 id="rotatorHeading"></h3>
<img id="rotatorImage" src="" alt="" />
</div>

<script type="text/javascript">
(function(){

var data = [
{heading:"First Heading", src:"image1.jpg"},
{heading:"Second Heading", src:"image2.jpg"},
{heading:"Third Heading", src:"image3.jpg"}];

var currentData = 0;
var timePerSlide = 4000;

var heading = document.getElementById("rotatorHeading");
var image = document.getElementById("rotatorImage");

function loop(){
heading.innerHTML = data[currentData].heading;
image.src = data[currentData].src;
image.alt = data[currentData].heading;
currentData = ++currentData % data.length;

setTimeout(function(){loop();}, timePerSlide);
}

loop();

})();
</script>