window.addEvent('domready', function() { 	
	// BOF TOP FADE BANNER
	var images1 = $$('#leftBanner img'); // the images
	var imgTotal1 = images1.length - 1;
	var pos1 = 0;
	var imgSrcs1 = new Array();
	
	images1.each( function(el, l) { 
		imgSrcs1[l] = images1[l].src;
	});
	
	var myImages1 = new Asset.images(imgSrcs1, {
		onProgress : function() {
	
		},
		onComplete : function() {
			if (images1.length > 1) {
				(function() {fadeImages1.periodical(3500);}).delay(1750);
			}
		}
	});
	
	function fadeImages1() {
		if (pos1 == imgTotal1) {
			fadeImgOut1 = imgTotal1;
			fadeImgIn1 = 0;
			pos1 = 0;
		} else {
			fadeImgOut1 = pos1;
			fadeImgIn1 = pos1 + 1;
			pos1++;
		}
	
		var fadeOut1 = new Fx.Tween(images1[fadeImgOut1], {
			duration : 1500
		});
		var fadeIn1 = new Fx.Tween(images1[fadeImgIn1], {
			duration : 2000
		});
		fadeOut1.start('opacity', [ 1, 0 ]);
		fadeIn1.start('opacity', [ 0, 1 ]);
	}
	// EOF TOP FADE BANNER

	// BOF LEFT FADE BANNER
	var images2 = $$('#rightBanner img'); // the images
	var imgTotal2 = images2.length - 1;
	var pos2 = 0;
	var imgSrcs2 = new Array();
	
	images2.each( function(el, l) { 
		imgSrcs2[l] = images2[l].src;
	});
	
	var myImages2 = new Asset.images(imgSrcs2, {
		onProgress : function() {
	
		},
		onComplete : function() {
			if (images2.length > 1) {
				fadeImages2.periodical(3500);
			}
		}
	});
	
	function fadeImages2() {
		if (pos2 == imgTotal2) {
			fadeImgOut2 = imgTotal2;
			fadeImgIn2 = 0;
			pos2 = 0;
		} else {
			fadeImgOut2 = pos2;
			fadeImgIn2 = pos2 + 1;
			pos2++;
		}
	
		var fadeOut2 = new Fx.Tween(images2[fadeImgOut2], {
			duration : 1500
		});
		var fadeIn2 = new Fx.Tween(images2[fadeImgIn2], {
			duration : 2000
		});
		fadeOut2.start('opacity', [ 1, 0 ]);
		fadeIn2.start('opacity', [ 0, 1 ]);
	}
	// EOF LEFT FADE BANNER
	
});