var i = 0;
var p = 0;
var z =0;
var pattenCount = 0;
var alfabet = new Array(7);
alfabet[0] = 'blue';
alfabet[1] = 'red';
alfabet[2] = 'green';
alfabet[3] = 'orange';
alfabet[4] = 'yellow';
alfabet[5] = 'silver';
alfabet[6] = 'purple';
var ColorPatten = new Array();
function fractial()
{
   var v = Math.floor(i);
   if (i <= 55)
   {
      i ++ ;
      p ++ ;
      var zIndexs = Math.round(p);
			z = zIndexs;
      var colorpatten = alfabet[p];
      var ColorPatten = new String(colorpatten);
   }
   //alert(colorpatten)
   var part = window.document.getElementById("box");
   part.style.position = "absolute";
   part.style.height = 60 + "px";
   part.style.width =  80 + "px"
   part.style.top = i + "%";
   part.style.right = i + "%";
   part.style.zIndex =z;
   var part2 = window.document.getElementById("box2");
   part2.style.position = "absolute";
   part2.style.height = i + 10 + "px";
   part2.style.width = i + 10 + "px";
   part2.style.bottom = i + 35 + "px";
   part2.style.left = Math.floor(i * 3) + "%";
   part2.style.zIndex = z;
   var part3 = window.document.getElementById("box3");
   part3.style.position = "absolute";
   part3.style.height = i + i + "px";
   part3.style.width = i + 10 + "px"
   part3.style.top = Math.floor(i * 3) + "%";
   part3.style.left = Math.floor(i * 3) + "%";
   part3.style.zIndex = z;
   var part4 = window.document.getElementById("box4");
   part4.style.position = "absolute";
   part4.style.height = i + 10 + "px";
   part4.style.width = i + i + "px"
   part4.style.bottom = Math.floor(i * 2) + "%";
   part4.style.right = i *3.141592653589 + "px";
   part4.style.zIndex = z;
   var part5 = window.document.getElementById("box5");
   part5.style.position = "absolute";
   part5.style.height = i + "px";
   part5.style.width = 50 + i + "px";
   part5.style.bottom = Math.floor(i * 3) + "%";
   part5.style.right = i+ (i*2) + "%";
   part5.style.zIndex = z;
   var part6 = window.document.getElementById("box6");
   part6.style.position = "absolute";
   part6.style.height = 80 +i + "px";
   part6.style.width =  90 + i+ "px"
   part6.style.top = i + 15+ "%";
   part6.style.left = Math.floor(i * 3) + "%";
   part6.style.fontFamily = "arial";
   part6.style.fontWeight = "bold";
   part6.style.fontSize = 30 + "px";
   part6.style.color = ColorPatten;
   part6.style.zIndex = z;
   if (p >= 6)
   {
      p = 0;
   }
   if (i >= 55)
   {
      i = 0;

   }
   setTimeout("fractial()", 105);
}