// successive display script
new Asset.images([
				  'images/splash/kalalau_valley_kauai.jpg',
				  'images/splash/hawaii_nature_coconuts.jpg',
				  'images/splash/sunrise_shell_gold_earrings.jpg',
				  'images/splash/gold_pearl_earrings.jpg',
				  'images/splash/zen_stacked_rocks_kauai_beach.jpg',
				  'images/splash/gold_sculptured_wire_earring.jpg',
				  'images/splash/shell_earrings_beads.jpg',
				  'images/splash/beautiful_beach_crystal_necklace.jpg',
				  'images/splash/japanese_glass_floats_beach.jpg',
				  'images/splash/rainbow_falls_nature_hawaii.jpg',
				  'images/splash/gold_necklace_earrings.jpg',
				  'images/splash/long_back_silver_necklace.jpg',
				  'images/splash/polished_tooth_stone_bead_necklace.jpg',
				  'images/splash/semi-precious_stone_necklace.jpg',
				  'images/splash/colorful_hibiscus_flower.jpg',
				  'images/splash/amathyst_abalone_shell_necklace.jpg',
				  'images/splash/gold_natural_pearl_necklace.jpg'
				  ], {
onComplete: function(){
	window.addEvent('load', function(){		 
		var Show = new Class({
			drawImage: function(image){
				var div		= new Element('div', {
					 'class': 'imagelayer',
					 'id': image.id
					 });
				var hlink	= new Element('a', {
					 'href': 'shop/',
					 'title': 'Enter the online store'
					 }).injectInside(div);
				var alttext = "photo of " + image.src.replace(/_/g," ");
				alttext = alttext.replace(".jpg","");
				var img 	= new Asset.image( "images/splash/" + image.src , {
					'alt' : alttext,
					'id' : image.id + "img",
					'title' : alttext
					 }).injectInside(hlink);
				div.injectTop($('collage'));
				}
			});
		var showIt = new Show();
		var images  = [
			{'id':'logo', 'src':'angelegacy logo.jpg' },
			{'id':'Slice01', 'src':'kalalau_valley_kauai.jpg' },
			{'id':'Slice24', 'src':'hawaii_nature_coconuts.jpg' },
			{'id':'Slice15', 'src':'sunrise_shell_gold_earrings.jpg' },
			{'id':'Slice12', 'src':'gold_pearl_earrings.jpg' },
			{'id':'Slice09', 'src':'zen_stacked_rocks_kauai_beach.jpg' },
			{'id':'Slice03', 'src':'gold_sculptured_wire_earring.jpg' },
			{'id':'Slice06', 'src':'shell_earrings_beads.jpg' },
			{'id':'Slice23', 'src':'beautiful_beach_crystal_necklace.jpg' },
			{'id':'beach-floats', 'src':'japanese_glass_floats_beach.jpg' },
			{'id':'Slice32', 'src':'rainbow_falls_nature_hawaii.jpg' },
			{'id':'Slice45', 'src':'gold_necklace_earrings.jpg' },
			{'id':'Slice42', 'src':'long_back_silver_necklace.jpg' },
			{'id':'Slice00', 'src':'polished_tooth_stone_bead_necklace.jpg' },
			{'id':'Slice39', 'src':'semi-precious_stone_necklace.jpg' },
			{'id':'Slice35', 'src':'colorful_hibiscus_flower.jpg' },
			{'id':'Slice11', 'src':'amathyst_abalone_shell_necklace.jpg' },
			{'id':'Slice02', 'src':'gold_natural_pearl_necklace.jpg' }
		];	
		images.each(function(image){ 
							 showIt.drawImage(image);
							 $(image.id).effect('opacity').set(0);// in case it's visible
							 });
		var sequence = new Chain();
		var fxduration = 200;
		images.each(function(image) { 
							 sequence.chain( function(){
													 $(image.id).effects({
																	  wait: true,
																	  duration: fxduration, 
																	  transition: Fx.Transitions.Expo.easeIn
																	  }).start({
																		  'opacity':[0,1]
																		  })
													  }); 
							 });
		var runChain = function() { 
			sequence.callChain();
			if (sequence.chains.length == 0) { runChain = $clear(timer); } 
		}
		var timer = runChain.periodical(fxduration);
	});  // domready
}  // oncomplete
});