// JavaScript Document

var typebrow = "MO";
if (navigator.userAgent.indexOf("Opera")!=-1
    && document.getElementById) typebrow="OP";
if(document.all) typebrow = "IE";
if(document.layers) typebrow = "NN";
if(!document.all&&document.getElementByld)  typebrow = "MO";



var newposit = 0;
var varstop = "start";
var newlayer = -1;
var newwave = -1;
var totallayer = 12;
var totalpause = 11;
var totallayert = 40;
var newminus = totallayer -1;
var ratexxx = 1;
var change = 1;
var changerad = 1;
var action1 = "hidden";
var action2 = "visible";
var xposit = 50;
var yposit = 10;
var ypositmo = yposit + 'px';
var xpositmo = xposit + 'px';
var widthmo = "10px";
var heightmo = "10px";
var widthinit = 26;
var halfwidthinit = 26/2;
var radiusinit = 15;
var borderinit = 10;
var borderc = 2*borderinit;
var randomx =Math.floor(Math.random()*401);
var randomy =Math.floor(Math.random()*201);
var xpositnextcen = randomx + 200;
var ypositnextcen = randomy + 250;
var xpositch = borderinit;
var xpositinit = xpositnextcen - halfwidthinit;
var ypositinit = ypositnextcen - halfwidthinit;
var width1 = widthinit;
var height1 = heightinit;
var widthchange = 0;
var poschange = 0;
var halfwid = 1;

	
function ShowLayer(id,varstop){
  if(varstop=="start")  {
  if (typebrow=="IE") eval("document.all." + id + ".style.visibility='visible'");
  if (typebrow=="NN") eval("document." + id + ".visibility='visible'");
  if (typebrow=="MO" || typebrow=="OP") { 
    eval("document.getElementById('" + id + "').style.visibility='visible'");}
	}
}

function ShowLayera(id,varstop){
  if(varstop=="start")  {
  if (typebrow=="IE") eval("document.all." + id + ".style.visibility='visible'");
  if (typebrow=="NN") eval("document." + id + ".visibility='visible'");
  if (typebrow=="MO" || typebrow=="OP") { 
    eval("document.getElementById('" + id + "').style.visibility='visible'");}
	}
}

	
function HideLayer(id){
  if (typebrow=="IE") eval("document.all." + id + ".style.visibility='hidden'");
  if (typebrow=="NN") eval("document." + id + ".visibility='hidden'");
  if (typebrow=="MO" || typebrow=="OP") { 
    eval("document.getElementById('" + id + "').style.visibility='hidden'");}
}

	
function Changepositx(id,xposit){
  if (typebrow=="IE") eval("document.all." + id + ".style.left=xposit");
  if (typebrow=="NN") eval("document." + id + ".left=xposit");
  if  (typebrow=="OP") { 
    eval("document.getElementById('" + id + "').style.left=xposit");}
	if (typebrow=="MO" ) {  xpositmo = xposit + 'px';
    eval("document.getElementById('" + id + "').style.left=xpositmo");}
}

function Changeposity(id,yposit){
  if (typebrow=="IE") eval("document.all." + id + ".style.top=yposit");
  if (typebrow=="NN") eval("document." + id + ".top=yposit");
  if ( typebrow=="OP") { 
    eval("document.getElementById('" + id + "').style.top=yposit");}
	 if (typebrow=="MO" ) { ypositmo = yposit + 'px';
    eval("document.getElementById('" + id + "').style.top=ypositmo");}
}


function Changewidth(id,widthc){
  if (typebrow=="IE") eval("document.all." + id + ".style.width=widthc");
  if (typebrow=="NN") eval("document." + id + ".width=widthc");
  if (typebrow=="OP") { 
    eval("document.getElementById('" + id + "').style.width=widthc");}
 if (typebrow=="MO") { widthmo = widthc + 'px';
    eval("document.getElementById('" + id + "').style.width=widthmo");}	
}

function Changeheight(id,heightc){
  if (typebrow=="IE") eval("document.all." + id + ".style.height=heightc");
  if (typebrow=="NN") eval("document." + id + ".height=heightc");
  if (typebrow=="OP") { 
    eval("document.getElementById('" + id + "').style.height=heightc");}
	  if (typebrow=="MO" ) { heightmo = heightc + 'px';
    eval("document.getElementById('" + id + "').style.height=heightmo");}
	
}

function stoprain() {
      varstop = "stop";
	  }
	  
 function startrain() {
      varstop = "start";
	  }



function cyclelayer() {

  newlayer = newlayer + change;
  newminus = newlayer - 1;
  if (newlayer == totallayert) {
    HideLayer(iden3);
    newwave = 0;
    newlayer = 0;
	randomx =Math.floor(Math.random()*401);
	randomy =Math.floor(Math.random()*201);
	randomx = randomx + 150;
	randomy = randomy + 250;
	xpositnextcen = randomx;
	ypositnextcen = randomy;
	xpositinit = randomx - halfwidthinit;
	ypositinit = randomy - halfwidthinit;	
  }
  if(newlayer == 0) { newminus = totallayert - 1;}
  if(newlayer < totallayer) {
   iden2 = "layer2";
   widthchange = 2*newlayer;
   width1 = widthinit - widthchange;
   height1 = width1;
   xposit1 = xpositinit + newlayer;
   yposit1 = ypositinit + newlayer;
  }
  if(newlayer == totallayer) {
   width1 = widthinit ;
   height1 = width1 ;
   xposit1 = xpositinit ;
   yposit1 = ypositinit ;
   }
  var iden1 = "layer1";
  
  if(newlayer > totallayer) {
   newwave = newwave + change;
   iden1 = "layer2";
   iden2 = "layer1";
   iden3 = "layer3";
   widthchange = 4*newwave;
   poschange = widthchange/2;
   width1 = widthinit + widthchange;
   halfwid = width1/2;
   width2 = width1 + borderc;
   height1 = width1;
   height2 = width2;
   xpositch = halfwid + borderinit;
   xposit1 = xpositnextcen - xpositch ;
   xposit2 = xposit1 - borderinit;
   yposit1 = ypositnextcen - xpositch;
   yposit2 =  yposit1 - borderinit;
//   Changeborderw(iden1,borderc);
  }
  
  Changepositx(iden1,xposit1);
  Changeposity(iden1,yposit1);
  Changewidth(iden1,width1);
  Changeheight(iden1,height1);
  
  if(newlayer>totallayer) {  
  Changepositx(iden3,xposit2);
  Changeposity(iden3,yposit2);
  Changewidth(iden3,width2);
  Changeheight(iden3,height2);
  ShowLayer(iden3,varstop);
   }
  
  HideLayer(iden2);
  if(newlayer>totalpause)  { ShowLayer(iden1,varstop) } ;
  

     setTimeout("cyclelayer()", ratexxx*15);
  
}