//<script src="zeigertextwelle.js" type="text/javascript"></script>
// <Body onLoad="start()"></body>

var xLayerNo=0;

function xLayer(xHtml, x, y, w)
{
	if(x==null)x=0;
	if(y==null)y=0;
	if(w==null)w=100;
	if(document.layers)
	{
		this.layer=new Layer(w);
		this.layer.document.open();
		this.layer.document.write(xHtml);
		this.layer.document.close();
		this.layer.moveTo(x,y);
		this.images=this.layer.document.images;
/*** These used to be prototypes (like  IE ) but when NS (communicator) 4.7 ***/
/*** first loads up, for some reason the prototypes do not get assigned ***/
this.moveTo 	= function(x,y) 	{ this.layer.moveTo(x,y); }
this.moveBy 	= function(x,y) 	{ this.layer.moveBy(x,y); }
this.show		= function() 	{ this.layer.visibility = "show"; }
this.hide 		= function() 	{ this.layer.visibility = "hide"; }
this.setzIndex	= function(z)	{ this.layer.zIndex = z; }
this.setBgColor 	= function(color) { this.layer.bgColor = color; }
this.setBgImage 	= function(image) { this.layer.background.src = image; }
this.getX 		= function() 	{ return this.layer.left; }
this.getY 		= function() 	{ return this.layer.top; }
this.getWidth 	= function() 	{ return this.layer.width; }
this.getHeight 	= function() 	{ return this.layer.height; }
this.getzIndex	= function()	{ return this.layer.zIndex; }
this.isVisible 	= function() 	{ return this.layer.visibility == "show"; }
this.setContent   = function(xHtml)
{
	this.layer.document.open();
	this.layer.document.write(xHtml);
	this.layer.document.close();
}
this.clip = function(x1,y1, x2,y2)
{
	this.layer.clip.top	=y1;
	this.layer.clip.left	=x1;
	this.layer.clip.bottom	=y2;
	this.layer.clip.right	=x2;
}
	}
	else
	if(document.all)
	{
		var xName="xLayer" + xLayerNo++;
		txt =   "<DIV class=noprint ID='" + xName
			+ "' STYLE=\"position:absolute;"
			+ "left:"  + x + ";"
			+ "top:"   + y + ";"
			+ "width:" + w + ";"
			+ "visibility:hidden\">"
			+ xHtml
			+ "</DIV>";
		document.body.insertAdjacentHTML("BeforeEnd",txt);
		this.content = document.all[xName];
		this.layer   = document.all[xName].style;
		this.images  = document.images;
	}
	return(this);
}

if(document.layers)
{
/**** START prototypes for NS ***/
/*** END NS ***/
}
else
if(document.all)
{
/*** START prototypes for IE ***/
xLayer.prototype.moveTo = function(x,y)
{
	this.layer.pixelLeft = x;
	this.layer.pixelTop = y;
}
xLayer.prototype.moveBy = function(x,y)
{

	this.layer.pixelLeft += x;

	this.layer.pixelTop += y;

}
xLayer.prototype.show		= function() 	{ this.layer.visibility = "visible"; }
xLayer.prototype.hide		= function() 	{ this.layer.visibility = "hidden"; }
xLayer.prototype.setzIndex	= function(z)	{ this.layer.zIndex = z; }
xLayer.prototype.setBgColor	= function(color) { this.layer.backgroundColor = color; }
xLayer.prototype.setBgImage	= function(image) { this.layer.backgroundImage = image; }
xLayer.prototype.setContent   = function(xHtml)	{ this.content.innerHTML=xHtml; }
xLayer.prototype.getX		= function() 	{ return this.layer.pixelLeft; }
xLayer.prototype.getY		= function() 	{ return this.layer.pixelTop; }
xLayer.prototype.getWidth	= function() 	{ return this.layer.pixelWidth; }
xLayer.prototype.getHeight	= function() 	{ return this.layer.pixelHeight; }
xLayer.prototype.getzIndex	= function()	{ return this.layer.zIndex; }
xLayer.prototype.isVisible	= function()	{ return this.layer.visibility == "visible"; }
xLayer.prototype.clip		= function(x1,y1, x2,y2)
{
	this.layer.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")";
	this.layer.pixelWidth=x2;
	this.layer.pixelHeight=y2;
	this.layer.overflow="hidden";
}
/*** END IE ***/
}
else
{
xLayer.prototype.moveTo 	= function(x,y) 	{  }
xLayer.prototype.moveBy 	= function(x,y) 	{  }
xLayer.prototype.show 		= function() 	{  }
xLayer.prototype.hide 		= function() 	{  }
xLayer.prototype.setzIndex	= function(z) {  }
xLayer.prototype.setBgColor 	= function(color) {  }
xLayer.prototype.setBgImage 	= function(image) {  }
xLayer.prototype.getX 		= function() 	{ return 0; }
xLayer.prototype.getY 		= function() 	{ return 0; }
xLayer.prototype.getWidth 	= function() 	{ return 0; }
xLayer.prototype.getHeight 	= function() 	{ return 0; }
xLayer.prototype.getzIndex	= function()	{ return 0; }
xLayer.prototype.isVisible 	= function() 	{ return false; }
xlayer.prototype.setContent   = function(xHtml) { }

}


function xMouse()
{
	this.mouseX		= 0;
	this.mouseY		= 0;
	if(document.layers)
	{
		this.getMouseXY = function (evnt) {
				document.ml.mouseX=evnt.pageX;
				document.ml.mouseY=evnt.pageY;
			}
		window.captureEvents(Event.MOUSEMOVE);
		window.onmousemove = this.getMouseXY;
		document.ml = this;
	}
	else
	if(document.all)
	{
		this.getMouseXY = function () {
				document.ml.mouseX = document.body.scrollLeft+event.x;
				document.ml.mouseY = document.body.scrollTop+event.y;
			}
		document.ml = this;
		document.onmousemove = this.getMouseXY;
	}
	return(this);
}

if(document.layers)
{
/**** START prototypes for NS ***/
/*** END NS ***/
}
else
if(document.all)
{
/*** START prototypes for IE ***/
/*** END IE ***/
}
else
{
}


var textStr=new Array();
var gap=10;
var m;

var angle=0;
var Radius = 10;

function textRibbon(ribbonText)
{
	m = new xMouse();
	for(i=0 ; i<ribbonText.length ; i++){
		textStr[i] = new xLayer(ribbonText.charAt(i));
		textStr[i].moveTo(i*gap, 100);
		textStr[i].show();
	}
	setTimeout("ani()", 25);
}

function ani()
{
	angle=angle + 0.5;
	locX = Radius*Math.cos(angle)/2;
	locY = Radius*Math.sin(angle);

	for(i=textStr.length-1; i>0 ; i--){
		textStr[i].moveTo(textStr[i-1].getX()+gap, textStr[i-1].getY());
	}

	textStr[0].moveTo(m.mouseX+20+locX, m.mouseY+locY-10);
	setTimeout("ani()", 50);
}

function start()
{
	textRibbon("Nur der SCW");
}



//<script src="zeigertextwelle.js" type="text/javascript"></script>
// <Body onLoad="start()"></body>
