window.addEvent('domready', function(){
	var mMenu=new Array(8);
	for (i=0; i <8; i++)
	{
		mMenu[i]=new Array(3); 
	}
	mMenu[0][0] = '#ff002d';
	mMenu[1][0] = '#80ff00';
	mMenu[2][0] = '#8000ff';
	mMenu[3][0] = '#0ca9ce';
	mMenu[4][0] = '#ffc400';
	mMenu[5][0] = '#0200ff';
	mMenu[6][0] = '#ff5500';
	mMenu[7][0] = '#fff700';
	mMenu[0][1] = '#ffffff';
	mMenu[1][1] = '#000000';
	mMenu[2][1] = '#ffffff';
	mMenu[3][1] = '#000000';
	mMenu[4][1] = '#000000';
	mMenu[5][1] = '#ffffff';
	mMenu[6][1] = '#000000';
	mMenu[7][1] = '#000000';
	mMenu[0][2] = 'http://jlis.lagan.ca/dd/news';
	mMenu[1][2] = 'http://jlis.lagan.ca/dd/shows';
	mMenu[2][2] = 'http://jlis.lagan.ca/dd/projects';
	mMenu[3][2] = 'http://jlis.lagan.ca/dd/discography';
	mMenu[4][2] = 'http://jlis.lagan.ca/dd/bio';
	mMenu[5][2] = 'http://jlis.lagan.ca/dd/music';
	mMenu[6][2] = 'http://jlis.lagan.ca/dd/photos';
	mMenu[7][2] = 'http://jlis.lagan.ca/dd/contact';
	/* menu 0 */
	$('mm0').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': mMenu[0][0],
				'color': mMenu[0][1]
			});
			this.set('tween', {
				duration: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('padding-left', '50px');
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'opacity': 0.5,
				'backgroundColor': '#cecece',
				'color': '#333333'
			});
			this.set('tween', {}).tween('padding-left', '3px');
		},
		click: function(){
		window.location.href = mMenu[0][2];
		}
	});
	
	/* menu 1 */
	$('mm1').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': mMenu[1][0],
				'color': mMenu[1][1]
			});
			this.set('tween', {
				duration: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('padding-left', '50px');
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'opacity': 0.5,
				'backgroundColor': '#cecece',
				'color': '#333333'
			});
			this.set('tween', {}).tween('padding-left', '3px');
		},
		click: function(){
		window.location.href = mMenu[1][2];
		}
	});
	
	/* menu 2 */
	$('mm2').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': mMenu[2][0],
				'color': mMenu[2][1]
			});
			this.set('tween', {
				duration: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('padding-left', '50px');
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'opacity': 0.5,
				'backgroundColor': '#cecece',
				'color': '#333333'
			});
			this.set('tween', {}).tween('padding-left', '3px');
		},
		click: function(){
		window.location.href = mMenu[2][2];
		}
	});
	
	/* menu 3 */
	$('mm3').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': mMenu[3][0],
				'color': mMenu[3][1]
			});
			this.set('tween', {
				duration: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('padding-left', '50px');
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'opacity': 0.5,
				'backgroundColor': '#cecece',
				'color': '#333333'
			});
			this.set('tween', {}).tween('padding-left', '3px');
		},
		click: function(){
		window.location.href = mMenu[3][2];
		}
	});
	
	/* menu 4 */
	$('mm4').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': mMenu[4][0],
				'color': mMenu[4][1]
			});
			this.set('tween', {
				duration: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('padding-left', '50px');
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'opacity': 0.5,
				'backgroundColor': '#cecece',
				'color': '#333333'
			});
			this.set('tween', {}).tween('padding-left', '3px');
		},
		click: function(){
		window.location.href = mMenu[4][2];
		}
	});
	
	/* menu 5 */
	$('mm5').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': mMenu[5][0],
				'color': mMenu[5][1]
			});
			this.set('tween', {
				duration: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('padding-left', '50px');
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'opacity': 0.5,
				'backgroundColor': '#cecece',
				'color': '#333333'
			});
			this.set('tween', {}).tween('padding-left', '3px');
		},
		click: function(){
		window.location.href = mMenu[5][2];
		}
	});
	
	/* menu 6 */
	$('mm6').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': mMenu[6][0],
				'color': mMenu[6][1]
			});
			this.set('tween', {
				duration: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('padding-left', '50px');
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'opacity': 0.5,
				'backgroundColor': '#cecece',
				'color': '#333333'
			});
			this.set('tween', {}).tween('padding-left', '3px');
		},
		click: function(){
		window.location.href = mMenu[6][2];
		}
	});
	
	/* menu 7 */
	$('mm7').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': mMenu[7][0],
				'color': mMenu[7][1]
			});
			this.set('tween', {
				duration: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('padding-left', '50px');
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'opacity': 0.5,
				'backgroundColor': '#cecece',
				'color': '#333333'
			});
			this.set('tween', {}).tween('padding-left', '3px');
		},
		click: function(){
		window.location.href = mMenu[7][2];
		}
	});


	
});