var CloudArray = new Array( );
var SinArray   = new Array( 360 );
	
function Cloud( Name, Top )
{			
	this.Name  = Name;	
	this.Top   = Top;
	this.Pos   = Math.floor( Math.random( ) * 3000 ) - 1000;
	this.Speed = 1 + Math.floor( Math.random( ) * 3 );
	this.Opacy = Math.floor( Math.random( ) * 100 );
	this.Dir   = Math.floor( Math.random( ) * 2 );
	this.Sin   = Math.floor( Math.random( ) * 255 );
	this.Obj   = 0;
}	
	
function InitalizeClouds( Number )
{
  for ( Index = 0; Index < 256; Index++ )
    SinArray[ Index ] = Math.round( ( Math.sin( Index * 4 * Math.PI / 255 ) * 40 ) );

	if ( !Number ) return;
	// GET EMPTY DIV CONTAINER
	Animation = document.getElementById('Clouds');
	for ( Index = 0; Index < Number; Index++ )
	{
		// ADD DIV ELEMENT
		Animation.innerHTML = Animation.innerHTML + "<div class='Cloud' id='Cloud" + Index + "' style='background-image:url(Files/Clouds/Cloud" + Index + ".png);'>&nbsp;</div>";
		// ADD CLOUD
		MyCloud = new Cloud( "Cloud" + Index, ( Index + 1 ) * ( 200 / Number ) );
		CloudArray[ CloudArray.length ] = MyCloud;
		// SET UP CLOUD
		MyCloudObj = document.getElementById( MyCloud.Name );
		MyCloudObj.style.top = String( MyCloud.Top ) + "px";
		MyCloudObj.style.left = String( MyCloud.Pos ) + "px";	
	}
	
	for ( Index = 0; Index < Number; Index++ )
		CloudArray[ Index ].Obj = document.getElementById( "Cloud" + String( Index ) );
	
	// LET THEM DRIFT!
	MoveClouds( );			
}
		
function MoveClouds( ) 
{    
	for ( Index = 0; Index < CloudArray.length; Index++ )
	{			
		MyCloud = CloudArray[ Index ];			
		MyCloudObj = MyCloud.Obj;				
		
		if ( MyCloud.Sin++ >= 255 )
		  MyCloud.Sin = 0;
		MyCloudObj.style.top = String( MyCloud.Top + SinArray[ MyCloud.Sin ] ) + "px";
		
		if ( MyCloud.Dir )
		{
			if ( MyCloud.Opacy++ >= 130 )
				MyCloud.Dir = 0;
		}
		else
		{
			if ( MyCloud.Opacy-- <= 0 )
			{
				MyCloud.Dir = 1;
				MyCloud.Speed = 1 + Math.floor(Math.random( ) * 3 );
			}
		}

    // TRANSPARENCY EFFECT
		MyCloudObj.style.MozOpacity = MyCloud.Opacy/100
	  MyCloudObj.style.opacity = MyCloud.Opacy/100;

  	// SCROLL OBJECTS
		MyCloud.Pos = MyCloud.Pos + MyCloud.Speed;
		MyCloudObj.style.left = String( MyCloud.Pos ) + "px"; //78
		
		if ( MyCloud.Pos > 2000 )
		{
			MyCloud.Pos = -1000;
			MyCloud.Speed = 1 + Math.floor(Math.random( ) * 3 );					
		}
	}
	setTimeout( "MoveClouds( )", 100 );
}