YAHOO.namespace("AKPKG");

YAHOO.AKPKG.animateHome = function() {
	var loneAnim = new YAHOO.util.Anim('lone', {opacity: {to: 0.0}}, 3.0);
	var ltwoAnim = new YAHOO.util.Anim('ltwo', {opacity: {to: 0.0}}, 3.0);
	var roneAnim = new YAHOO.util.Anim('rone', {opacity: {to: 0.0}}, 3.0);
	var rtwoAnim = new YAHOO.util.Anim('rtwo', {opacity: {to: 0.0}}, 3.0);

	var path = 'images/';	
	var allImages = [
		'bins.gif',
		'book_folder.jpg',
		'bulk_bin.jpg',
		'file_box.jpg',
//		'fol.jpg',
		'hsc.jpg',
		'partition.jpg',
		'plant1.jpg',
		'plant2.jpg',
//		'roll_over.jpg',
		'rsc.jpg',
		'rscs.jpg',
		'tray.jpg'
	];
	var allAnims = [loneAnim, ltwoAnim, roneAnim, rtwoAnim];
	var randAnim = Math.ceil(allAnims.length * Math.random()) - 1;
	
	/* Preload images. */
	for (var k = 0; k < allImages.length; k++) {
		var preload = new Image();
		preload.src = path + allImages[k];
	}
	
	/* Prepare all images to animate with the opposite effect. */
	for (var i = 0; i < allAnims.length; i++) {
		allAnims[i].onComplete.subscribe(function() {
			if (this.attributes.opacity.to == 0.0) {
				/* Fade out completed; swapping & fading in. */
				this.getEl().src = path + allImages[Math.ceil(allImages.length * Math.random()) - 1];
				this.attributes.opacity.to = 1.0;
				this.animate();
			} else {
				/* Fade in completed; fading out randomly. */
				this.attributes.opacity.to = 0.0;
				randAnim = Math.ceil(allAnims.length * Math.random()) - 1;
				allAnims[randAnim].animate();
			}
		});
	}

	/* Animate one of these fools. */
	allAnims[randAnim].animate();
};

/* Lets do this when the DOM is ready. */
YAHOO.util.Event.onDOMReady(YAHOO.AKPKG.animateHome);