<html>
<head>
<style>
.spanstyle
{
 position:absolute;
 visibility:visible;
}
</style>
<script language="JavaScript">
<!--
var xpos=new Array()//Массив x-координаты слоев
var ypos=new Array()//Массив y-координаты слоев
var f=0//Угол поворота
var rx=100//x-координата центра
var ry=100//y-координата центра
var r1=0//Радиус первой окружности движения звёздочек
var r2=0//Радиус второй окружности движения звёздочек
var flag1=true//Флаг ограничения нарастания радиуса второй окружности
//Инициализируем массив координат
for (i=0; i<16; i++)
{
 xpos[i]=rx
 ypos[i]=ry
}
//функция прорисовки
function make()
{
 r1++//Увеличиваем радиус на единицу
 if(flag1)r2++//Если истина увеличиваем радиус на единицу
 else r2--//уменьшаем радиус на единицу
 if(r1>100)r1=0//Если радиус больше 100 радиус=0
//Меняем флаг по условию:
 if(r2>50)flag1=false
 if(r2<0)flag1=true
//----
//Располагаем звёздочки по окружности
 c=1.35
 xpos[0]=rx-r1
 ypos[0]=ry
 xpos[1]=rx-r1/c
 ypos[1]=ry-r1/c
 xpos[2]=rx
 ypos[2]=ry-r1
 xpos[3]=rx+r1/c
 ypos[3]=ry-r1/c
 xpos[4]=rx+r1
 ypos[4]=ry
 xpos[5]=rx+r1/c
 ypos[5]=ry+r1/c
 xpos[6]=rx
 ypos[6]=ry+r1
 xpos[7]=rx-r1/c
 ypos[7]=ry+r1/c
//----
//Располагаем второй ряд звёздочек по окружности
//и поворачиваем их относительно центра
 f++
 f1=Math.cos(f)
 f2=Math.sin(f)
 xpos[8]=(rx-r2)*f1-ry*f2-rx*f1+ry*f2+rx
 ypos[8]=(rx-r2)*f2+ry*f1-rx*f2-ry*f1+ry
 xpos[9]=(rx-r2/c)*f1-(ry-r2/c)*f2-rx*f1+ry*f2+rx
 ypos[9]=(rx-r2/c)*f2+(ry-r2/c)*f1-rx*f2-ry*f1+ry
 xpos[10]=rx*f1-(ry-r2)*f2-rx*f1+ry*f2+rx
 ypos[10]=rx*f2+(ry-r2)*f1-rx*f2-ry*f1+ry
 xpos[11]=(rx+r2/c)*f1-(ry-r2/c)*f2-rx*f1+ry*f2+rx
 ypos[11]=(rx+r2/c)*f2+(ry-r2/c)*f1-rx*f2-ry*f1+ry
 xpos[12]=(rx+r2)*f1-ry*f2-rx*f1+ry*f2+rx
 ypos[12]=(rx+r2)*f2+ry*f1-rx*f2-ry*f1+ry
 xpos[13]=(rx+r2/c)*f1-(ry+r2/c)*f2-rx*f1+ry*f2+rx
 ypos[13]=(rx+r2/c)*f2+(ry+r2/c)*f1-rx*f2-ry*f1+ry
 xpos[14]=rx*f1-(ry+r2)*f2-rx*f1+ry*f2+rx
 ypos[14]=rx*f2+(ry+r2)*f1-rx*f2-ry*f1+ry
 xpos[15]=(rx-r2/c)*f1-(ry+r2/c)*f2-rx*f1+ry*f2+rx
 ypos[15]=(rx-r2/c)*f2+(ry+r2/c)*f1-rx*f2-ry*f1+ry
//----
//Изменяем положение каждого слоя
 for (i=0; i<16; i++)
 {
  var thisspan = eval("span"+(i)+".style")
  thisspan.posLeft=xpos[i]
  thisspan.posTop=ypos[i]
 }
//----
//Устанавливаем таймер вызова данной функции
 setTimeout("make()",10)
}
//----
//Рисуем слои с идентификаторами от span0 до span15
for (i=0;i<16;i++)
{
 document.write("<span id='span"+i+"' class='spanstyle'>")
 document.write('<img src="images/1.gif">')
 document.write("</span>")
}
//-->
</script>
</head>
<body bgColor="#ffffff" onLoad="make()">
</body>
</html>