function show360Simple( divContainerId, imageUrl )
{
	show360( divContainerId, imageUrl , 1500, 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;"' + ' onmouseover="show360Direction(\'' + divContainerId + '\',-2);"></div>' + '<div style="width:20%; height:100%;position:absolute;left:20%"' + ' onmouseover="show360Direction(\'' + divContainerId + '\',-1);"></div>' + '<div style="width:40%; height:100%;position:absolute;left:40%;"' + ' onmouseover="show360Direction(\'' + divContainerId + '\',0);"></div>' + '<div style="width:20%; height:100%;position:absolute;left:60%;"' + ' onmouseover="show360Direction(\'' + divContainerId + '\',1);"></div>' + '<div style="width:20%; height:100%;position:absolute;right:0px;"' + ' onmouseover="show360Direction(\'' + divContainerId + '\',2);"></div>';


	show360Direction( divContainerId, 1 );

	setTimeout( "move360( '" + divContainerId  + "', " + moveSteps + ", 0, " + imageWidthInPixels + ", " + moveIntervalInMS +" );", moveIntervalInMS );
}

function show360Direction( divContainerId, iDirection )
{
	eval( "show360_" + divContainerId + " = " + iDirection ) ;
}

function move360( divContainerId, iDirectionStep, deltaX, imageWidth, refreshInterval )
{
	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 );
}