window.addEvent('domready', function(){
	
//Element 1 

	//First make the text invisible yet clickable on entry

	// We are setting the opacity of the element to 0.01 
	$('text_1').set('opacity', 0.01).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,

			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.01,
				
			});
		}
	});
	
	
		//Then change the background image set to none
	
	// We are setting the opacity of the element to 0.5 and adding two events
	
	$('rollover_1').addEvents({
		mouseenter: function(){
			// This morphes the backgroundImage to go away
			this.morph({
			'background-image': 'none'
				
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({				
			'background-image': 'url(../images/1_bubble.gif)'
			});
		}
	});

//Element 2 

	//First make the text invisible yet clickable on entry

	// We are setting the opacity of the element to 0.01 
	$('text_2').set('opacity', 0.01).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,

			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.01,
				
			});
		}
	});
	
	
		//Then change the background image set to none
	
	// We are setting the opacity of the element to 0.5 and adding two events
	
	$('rollover_2').addEvents({
		mouseenter: function(){
			// This morphes the backgroundImage to go away
			this.morph({
			'background-image': 'none'
				
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({				
			'background-image': 'url(../images/2_bubble.gif)'
			});
		}
	});
	
//Element 3 

	//First make the text invisible yet clickable on entry

	// We are setting the opacity of the element to 0.01 
	$('text_3').set('opacity', 0.01).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,

			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.01,
				
			});
		}
	});
	
	
		//Then change the background image set to none
	
	
	// We are setting the opacity of the element to 0.5 and adding two events
	
	$('rollover_3').addEvents({
		mouseenter: function(){
			// This morphes the backgroundImage to go away
			this.morph({
			'background-image': 'none'
				
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({				
			'background-image': 'url(../images/3_bubble.gif)'
			});
		}
	});
	
//Element 4 

	//First make the text invisible yet clickable on entry

	// We are setting the opacity of the element to 0.01 
	$('text_4').set('opacity', 0.01).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,

			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.01,
				
			});
		}
	});
	
	
		//Then change the background image set to none
	
	
	// We are setting the opacity of the element to 0.5 and adding two events
	
	$('rollover_4').addEvents({
		mouseenter: function(){
			// This morphes the backgroundImage to go away
			this.morph({
			'background-image': 'none'
				
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({				
			'background-image': 'url(../images/4_bubble.gif)'
			});
		}
	});
	
//Element 5 

	//First make the text invisible yet clickable on entry

	// We are setting the opacity of the element to 0.01 
	$('text_5').set('opacity', 0.01).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,

			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.01,
				
			});
		}
	});
	
	
		//Then change the background image set to none
	var el = $('rollover_5'),
		image = el.getStyle('backgroundImage');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	
	$('rollover_5').addEvents({
		mouseenter: function(){
			// This morphes the backgroundImage to go away
			this.morph({
			'background-image': 'none'
				
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({				
			'background-image': 'url(../images/5_bubble.gif)'
			});
		}
	});
	
//Element 6

	//First make the text invisible yet clickable on entry

	// We are setting the opacity of the element to 0.01 
	$('text_6').set('opacity', 0.01).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,

			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.01,
				
			});
		}
	});
	
	
		//Then change the background image set to none
	
	// We are setting the opacity of the element to 0.5 and adding two events
	
	$('rollover_6').addEvents({
		mouseenter: function(){
			// This morphes the backgroundImage to go away
			this.morph({
			'background-image': 'none'
				
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({				
			'background-image': 'url(../images/6_bubble.gif)'
			});
		}
	});

});