Hi, im newbie here. .

somebody help me w/ this one. .

i can't make i work. . .


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Element Ellipse</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta http-equiv="imagetoolbar" content="no">



<body onload="zxcEllipse('Ellipse1','zxc',10,50,400,'red');" >
<div id="Ellipse1" onmouseout="zxcStop('Ellipse1');" style="position:relative;visibility:visible;z-index:1;left:0px;top:100px;width:600px;height:100px;background-color:#FFFFFF;border:solid black 0px;text-align:center;" >
<img class="zxc" src="http://www.vicsjavascripts.org.uk/StdImages/One.gif" width="100" height="20" style="border:solid black 1px;" >
<img class="zxc" src="http://www.vicsjavascripts.org.uk/StdImages/Two.gif" width="100" height="20" style="border:solid black 1px;" >
<img class="zxc" src="http://www.vicsjavascripts.org.uk/StdImages/Three.gif" width="100" height="20" style="border:solid black 1px;" >
<img class="zxc" src="http://www.vicsjavascripts.org.uk/StdImages/Four.gif" width="100" height="20" style="border:solid black 1px;" >
<div class="zxc" style="width:100px;height:20px;background-color:red;font-size:16px;text-align:center;border:solid black 1px;" >Some Text</div>
</div>

<input type="button" name="" value="Stop" onmouseover="zxcStop('Ellipse1');" >

<input type="button" name="" value="Next" onclick="zxcRotate('Ellipse1',1);" ><br>
<input type="button" name="" value="Back" onclick="zxcRotate('Ellipse1',-1);" >
</body>

</head>

<script language="JavaScript" type="text/javascript">
<!--

var zxcBaseSpeed=200;

function zxcEllipse(zxcid,zxccls,zxcspd,zxczoom,zxchld,zxccol){
 zxcelpse=document.getElementById(zxcid);
 if (!zxcelpse){ return; }
 if (!window['zxcEllipse'+zxcid]){ window['zxcEllipse'+zxcid]=new zxcOOPEllipse(zxcelpse,zxccls,zxcspd,zxczoom,zxchld,zxccol); }
}

function zxcRotate(zxcid,zxcd,zxcdly,zxchld){
 if (!window['zxcEllipse'+zxcid]){ return; }
 clearTimeout(window['zxcEllipse'+zxcid].to);
 window['zxcEllipse'+zxcid].position(zxcd,zxcdly,zxchld);
}

function zxcStop(zxcid){
 if (!window['zxcEllipse'+zxcid]){ return; }
 clearTimeout(window['zxcEllipse'+zxcid].to);
}

function zxcOOPEllipse(zxcelpse,zxccls,zxcspd,zxczoom,zxchld,zxccol){
 zxczoom=zxczoom||.01;
 this.rad=[parseInt(zxcelpse.style.width||zxcelpse.offsetWidth),parseInt(zxcelpse.style.height||zxcelpse.offsetHeight)];
 this.items=[];
 var zxcclds=zxcelpse.getElementsByTagName('*');
 for (var zxc0=0;zxc0<zxcclds.length;zxc0++){ if (zxcclds[zxc0].className){ if (zxcclds[zxc0].className.match(zxccls)){ this.items.push(zxcclds[zxc0]); } } }
 this.aary=new Array();
 var zxcsrt=90;
 this.inc=document.all?zxcBaseSpeed:zxcBaseSpeed/2;
 this.inc=this.inc<this.items.length*10?this.items.length*10:this.inc;
 for (zxc0=0;zxc0<this.inc;zxc0++){
  this.aary.push([Math.floor(Math.floor(this.rad[0]/2+(this.rad[0]/2)*Math.cos((zxc0*360/this.inc+zxcsrt)*Math.PI/180))),Math.floor(Math.floor(this.rad[1]/2+(this.rad[1]/2)*Math.sin((zxc0*360/this.inc+zxcsrt)*Math.PI/180)))]);
  if (zxccol){ zxcelpse.appendChild(zxcStyle('DIV',{position:'absolute',overflow:'hidden',left:this.aary[zxc0][0]+'px',top:this.aary[zxc0][1]+'px',width:'1px',height:'1px',backgroundColor:zxccol})); }
 }
 this.ref='zxcelpse'+zxcelpse.id;
 window[this.ref]=this;
 this.to=null;
 this.dyl=zxcspd||10;
 this.hld=zxchld;
 this.zoom=zxczoom/100;
 this.sz=[];
 for (var zxc1=0;zxc1<this.items.length;zxc1++){
  this.items[zxc1].nu=Math.floor(((this.aary.length-1)/(this.items.length))*zxc1);
  this.sz.push([this.items[zxc1].offsetWidth,this.items[zxc1].offsetHeight,this.items[zxc1].style.fontSize?parseInt(this.items[zxc1].style.fontSize):null]);
  zxcStyle(this.items[zxc1],{position:'absolute',overflow:'hidden'});
 }
 this.stop=Math.floor(this.inc/this.items.length);
 this.aary=this.aary.concat(this.aary,this.aary);
 this.nu=-1;
 this.position(1);
}

zxcOOPEllipse.prototype.position=function(zxcd,zxcdly,zxchld){
 this.d=zxcd||this.d;
 this.dly=zxcdly||this.dly;
 this.hld=zxchld||this.hld;
 this.nu+=this.d;
 if (this.nu==this.inc){ this.nu=0; }
 if (this.nu<0){ this.nu=this.inc-1; }
 for (var zxc2=0;zxc2<this.items.length;zxc2++){
  var zxcnu=this.inc+this.nu+this.items[zxc2].nu;
  var zxcw=(this.sz[zxc2][0]+(this.sz[zxc2][0]*(this.aary[zxcnu][1])/this.rad[1])*this.zoom);

  var zxch=(this.sz[zxc2][1]+(this.sz[zxc2][1]*(this.aary[zxcnu][1])/this.rad[1])*this.zoom);
  zxcStyle(this.items[zxc2],{zIndex:Math.floor(this.aary[zxcnu][1]+1)+'',width:zxcw+'px',height:zxch+'px',left:(this.aary[zxcnu][0]-zxcw/2)+'px',top:(this.aary[zxcnu][1]-zxch/2)+'px',fontSize:(this.sz[zxc2][2]+(this.sz[zxc2][2]*(this.aary[zxcnu][1])/this.rad[1])*this.zoom)+'px'});
 }
 if (this.nu%this.stop!=0){ this.setTimeOut('position();',this.dyl); }
 else if (this.hld){ this.setTimeOut('position();',this.hld); }
}

zxcOOPEllipse.prototype.setTimeOut=function(zxcf,zxcdly){
 this.to=setTimeout('window.'+this.ref+'.'+zxcf,zxcdly);
}

function zxcStyle(zxcele,zxcstyle,zxctxt){
 if (typeof(zxcele)=='string'){ zxcele=document.createElement(zxcele); }
 for (key in zxcstyle){ zxcele.style[key]=zxcstyle[key]; }
 if (zxctxt){ zxcele.appendChild(document.createTextNode(zxctxt)); }
 return zxcele;
}

//-->
</script>




</html>