window.addEvent('domready', function() {
	var toggle = $('toppings').getChildren('li');
	//var elements = $('toppings').getChildren('img');
	//elements.setStyle('opacity', '0');
	
	toggle.each(function(el, i) {
	var image = el.getFirst('img');
	var title = image.getProperty('alt');
	var bubbler = new Element( 'div' , { 'class' : 'bubble'}) ;
	var text = new Element( 'div' , { 'class' : 'titletext', 'html': title }) ;
	var overlay = new Element( 'div' , { 'class' : 'overlay'}) ;
	var parentholder = new Element( 'div' , { 'class' : 'parentholder'}) ;
	//text.setStyle('color', '#444');
	overlay.setStyle('z-index', '1000019');
	parentholder.setStyle('opacity', '0');
	//bubbler.setStyle('position', 'relative');
	parentholder.set('morph', {duration: 200});
	el.adopt(overlay);
	el.adopt(parentholder);
	parentholder.adopt(bubbler);
	bubbler.adopt(text);
		overlay.addEvents({
			'mouseover': function() {
			parentholder.morph({
			'margin-top':[-140,-190],
			'opacity': 1
			});

			},
			'mouseleave': function() {
			parentholder.morph({
			'margin-top':[-190,-140],
			'opacity': 0
			});


			}

					});
	});



});