var ProcessStarted = false;
var CurrentId = 0;

ImagePreloader.prototype.onComplete = function()
{
	ProcessStarted = false;
	this.nProcessed++;
	if ( this.nProcessed == this.nImages )
	{
		this.callback(this.aImages, this.nLoaded);
	}
}

ImagePreloader.prototype.onload = function()
{
	this.bLoaded = true;
	this.oImagePreloader.nLoaded++;
	this.oImagePreloader.onComplete();
}

ImagePreloader.prototype.onerror = function()
{
	this.bError = true;
	this.oImagePreloader.onComplete();
}

ImagePreloader.prototype.onabort = function()
{
	this.bAbort = true;
	this.oImagePreloader.onComplete();
}


ImagePreloader.prototype.preload = function(image)
{
	// create new Image object and add to array
	var oImage = new Image;
	this.aImages.push(oImage);

	// set up event handlers for the Image object
	oImage.onload = ImagePreloader.prototype.onload;
	oImage.onerror = ImagePreloader.prototype.onerror;
	oImage.onabort = ImagePreloader.prototype.onabort;

	// assign pointer back to this.
	oImage.oImagePreloader = this;
	oImage.bLoaded = false;

	// assign the .src property of the Image object
	oImage.src = image;
	
	ProcessStarted = true;
}


function ImagePreloader(images, callback)
{
	// store the call-back
	this.callback = callback;

	// initialize internal state.
	this.nLoaded = 0;
	this.nProcessed = 0;
	this.aImages = new Array;

	// record the number of images.
	this.nImages = images.length;

	// for each image, call preload()
	for ( var i = 0; i < images.length; i++ )
		this.preload(images[i]);
}

function StartDisplay()
{
	$$('cnt').style.visibility = 'visible';
	$$('cnt1').style.visibility = 'visible';
	DisplayImages();
}


function DisplayImages()
{
	for(i=0;i<ArrImages.length;i++)
	{
		$$('img'+i).style.display = 'none';
	}

	changeOpac(0, 'img'+CurrentId);
	$$('img'+CurrentId).style.display = 'block';

	opacity('img'+CurrentId, 0, 100, 2000);

	setTimeout("Verify();", 100);
}

function Verify()
{
	var op;
		
	op = $$('img'+CurrentId).style.opacity; 
	if(!op)
	    op = $$('img'+CurrentId).style.MozOpacity; 
	if(!op)
	    op = $$('img'+CurrentId).style.KhtmlOpacity; 
	if(!op)
	    op = $$('img'+CurrentId).style.filter; 

	if(op != parseFloat(op))
	{
		var op1= op.substring(14,17);
		if(op1 != parseFloat(op1))
		{
			op1 = op1.substring(14,15);
		}
		op = op1;
	}
	
	if(op != 1)
	{
		setTimeout("Verify()", 100);
	}
	else
	{
		CurrentId++;

		if(CurrentId == ArrImages.length)
		{
			CurrentId = 0;
			setTimeout("DisplayImages()", 2000);

		}
		else
			DisplayImages();

	}

}