function show360Simple( divContainerId, imageUrl ) {

  show360( divContainerId, imageUrl , 200, 20 , 1);
 }
 
 function show360( divContainerId, imageUrl, imageWidthInPixels, moveIntervalInMS, moveSteps ) {

  var o = document.getElementById( divContainerId );
  o.style.backgroundImage = "url(" + imageUrl + ")";
  o.style.position = "relative";
  o.innerHTML = '<div style="width:20%; height:100%;position:absolute;z-index:2" onmouseover="show360Direction(\'' + divContainerId + '\',-2);"></div>'
     + '<div style="width:20%; height:100%;position:absolute;left:20%;z-index:2" onmouseover="show360Direction(\'' + divContainerId + '\',-1);"></div>'
     + '<div style="width:40%; height:100%;position:absolute;left:40%;z-index:2;" onmouseover="show360Direction(\'' + divContainerId + '\',0);"></div>'
     + '<div style="width:20%; height:100%;position:absolute;left:60%;z-index:2;" onmouseover="show360Direction(\'' + divContainerId + '\',1);"></div>'
     + '<div style="width:20%; height:100%;position:absolute;right:0px;z-index:2;" onmouseover="show360Direction(\'' + divContainerId + '\',2);"></div>';
  
  show360Direction( divContainerId, 1 );
  setTimeout( "move360( '" + divContainerId  + "', " + moveSteps + ", 0, " + imageWidthInPixels + ", " + moveIntervalInMS +" );", moveIntervalInMS );

 } // show360()
 
 function show360Direction( divContainerId, iDirection ) {
  eval( "show360_" + divContainerId + " = " + iDirection ) ;
 }
 
 function move360( divContainerId, iDirectionStep, deltaX, imageWidth, refreshInterval ) {
   
   
   //if( deltaX > imageWidth || deltaX<0) {iDirectionStep *= -1;}
   deltaX += eval( "show360_" + divContainerId ) * iDirectionStep;
   var o = document.getElementById( divContainerId );
   o.style.backgroundPosition = deltaX + "px 0px";
   var evalFunc = "move360( '" + divContainerId + "'" +
       ", " + iDirectionStep + 
       ", " + deltaX + 
       ", " + imageWidth + 
       ", " + refreshInterval + 
       ");";
   setTimeout( evalFunc, refreshInterval );
 } // move360()