window.addEvent('domready', function(){//enabling the image change on rollover in the main panel/*	var list = $$('#text');	  list.set('morph', {		duration: 200	  });	  list.addEvents({		mouseenter: function(){		  // this refers to the element in an event		  this.morph({			'background-color':'#FFFFFF',			'color':'#FFFFFF'		  });		},				mouseleave: function(){		  // this refers to the element in an event		  this.morph({			'background-color':'none',			'color':'#FFFFFF'		  });		}	  });*/	  //the next six elements are the brand or social icon rollovers
	var el = $('bl1'),
		color = el.getStyle('backgroundColor');
			// setting opacity on first brand label
	$('bl1').set('opacity', 1).addEvents({
		mouseenter: function(){
			// This morphs the opacity and backgroundColor
			this.morph({
				'opacity': 1
			});
		},
		mouseleave: function(){
			// Morphs back to the original style
			this.morph({
				opacity: 0.5,
				backgroundColor: color
			});
		}
	});			
	var el = $('bl2'),
		color = el.getStyle('backgroundColor');
	// setting opacity on second brand label
	$('bl2').set('opacity', 1).addEvents({
		mouseenter: function(){
			// This morphs the opacity and backgroundColor
			this.morph({
				'opacity': 1
			});
		},
		mouseleave: function(){
			// Morphs back to the original style			this.morph({				opacity: 0.5,				backgroundColor: color			});		}	});

	var el = $('bl3'),		color = el.getStyle('backgroundColor');		// setting opacity on third brand label	$('bl3').set('opacity', 0.5).addEvents({		mouseenter: function(){			// This morphs the opacity and backgroundColor			this.morph({				'opacity': 1			});		},		mouseleave: function(){			// Morphs back to the original style			this.morph({				opacity: 0.5,				backgroundColor: color			});		}	});
	
	var el = $('bl4'),		color = el.getStyle('backgroundColor');				// setting opacity on third brand label	$('bl4').set('opacity', 0.5).addEvents({		mouseenter: function(){			// This morphs the opacity and backgroundColor			this.morph({				'opacity': 1			});		},		mouseleave: function(){			// Morphs back to the original style			this.morph({				opacity: 0.5,				backgroundColor: color			});		}	});		

	var el = $('sl1'),		color = el.getStyle('backgroundColor');				// setting opacity on first social icon	$('sl1').set('opacity', 0.5).addEvents({		mouseenter: function(){			// This morphs the opacity and backgroundColor			this.morph({				'opacity': 1			});		},		mouseleave: function(){			// Morphs back to the original style			this.morph({				opacity: 0.5,				backgroundColor: color			});		}	});	
	var el = $('sl2'),		color = el.getStyle('backgroundColor');				// setting opacity on second social icon	$('sl2').set('opacity', 0.5).addEvents({		mouseenter: function(){			// This morphs the opacity and backgroundColor			this.morph({				'opacity': 1			});		},		mouseleave: function(){			// Morphs back to the original style			this.morph({				opacity: 0.5,				backgroundColor: color			});		}	});
	
	var el = $('sl3'),		color = el.getStyle('backgroundColor');				// setting opacity on third social icon	$('sl3').set('opacity', 0.5).addEvents({		mouseenter: function(){			// This morphs the opacity and backgroundColor			this.morph({				'opacity': 1			});		},		mouseleave: function(){			// Morphs back to the original style			this.morph({				opacity: 0.5,				backgroundColor: color			});		}	});			//enabling the slow link colour change on navigation elements		$each($$('.page_item a'), function(el) {          var original = el.getStyle('color');          var morph = new Fx.Morph(el,{ 'duration':'500', link:'cancel' });          el.addEvents({              'mouseenter' : function() { morph.start({ 'color':'#c1111b' }) },              'mouseleave' : function() { morph.start({ 'color': original }) }          });      });	 $each($$('#base-navigation .page-item a'), function(el) {          var original = el.getStyle('color');          var morph = new Fx.Morph(el,{ 'duration':'500', link:'cancel' });          el.addEvents({              'mouseenter' : function() { morph.start({ 'color':'#817976' }) },              'mouseleave' : function() { morph.start({ 'color': original }) }          });      });	$each($$('.base-note'), function(el) {          var original = el.getStyle('color');          var morph = new Fx.Morph(el,{ 'duration':'500', link:'cancel' });          el.addEvents({              'mouseenter' : function() { morph.start({ 'color':'#ed95a0' }) },              'mouseleave' : function() { morph.start({ 'color': original }) }          });      });	
//enabling the image change on rollover in the main panel	  /*	var el = $('i1'),		color = el.getStyle('backgroundColor');					$('i1').set('opacity', 1).addEvents({		mouseenter: function(){			// This morphs the opacity and backgroundColor			this.morph({				opacity: 0.01,				duration: 2500			});		},		mouseleave: function(){			// Morphs back to the original style			this.morph({				opacity: 1,				duration: 2500			});		}	});*/			/*$each($$('.image'), function(el) {          var morph = new Fx.Morph(el,{ 'duration':'1000' });          el.addEvents({              'mouseenter' : function() { morph.start({ 'opacity': 0.03 }) },              'mouseleave' : function() { morph.start({ 'opacity': 1 }) }          });      });			var el = $('i1'),
		color = el.getStyle('backgroundColor');	$('i1').set('opacity', 1), function(el) {          var morph = new Fx.Morph(el,{ 'duration':'2500' });		el.addEvents({		mouseenter: function(){			// This morphs the opacity and backgroundColor			this.morph({				'opacity': 0.01			});		},		mouseleave: function(){			// Morphs back to the original style			this.morph({				'opacity': 1			});		}	});				var el = $('i1'),		color = el.getStyle('backgroundColor');					$('i1').set('opacity', 1).addEvents({		mouseenter: function(){			// This morphs the opacity and backgroundColor			this.morph({				'opacity': 0.01			});		},		mouseleave: function(){			// Morphs back to the original style			this.morph({				opacity: 1,				backgroundColor: color			});		}	});	*/});