window.addEvent('domready', function()
{

	$('wrapper').setStyle('display', 'block');

	/////////////////////////////////////////////
	//	SET UP EXTERNAL LINKS
	/////////////////////////////////////////////
	var links = $$('a');
	var domain = "www.sixteendeluxemusic.com";
	var ishttp = /(http(.)*:\/\/)/;
	links.each(function(a, i){
		if ((a.href != null) && (a.href.match(domain) == null) && (a.href.match(ishttp)!=null))
			a.target = "_blank";
	});

	/////////////////////////////////////////////
	//	SET UP MENU ACTIONS
	/////////////////////////////////////////////
	var menuitems = $$('div#main-menu a');
	var firsttime = true;
	var bodymorph = new Fx.Morph(document.body, {
		duration: 1000,
		transition: Fx.Transitions.Circ.easeInOut
	}).start({'background-color': 'rgb(255,255,255)'});
	var selecteditem = 0;
	var contentitems = $$('div#contents div.content-item');
	var contentmorph = [];
	$('contents').setStyle('height', $(document.body).getHeight());
	menuitems.each(function(a, i){
		a.addEvent('click', function()
		{
			if (selecteditem !== i) {
				// UPDATE LINK
				menuitems[selecteditem].removeClass('selected');
				a.addClass('selected');
				// CHANGE BODY COLOR
				var newcolor = a.getProperty('rel').split('|')[1];
				bodymorph.start({
					'background-color': 'rgb(' + newcolor + ')'
				});
				// ANIMATED CONTENT
				var content = a.getProperty('rel').split('|')[0];
				contentmorph[selecteditem].start({
					'top': $(document.body).getCoordinates().bottom
				});
				contentmorph[i].set({ 'top': contentitems[i].getHeight()*-1 }).start({
					'top': 0
				});
				// UPDATE SELECTED ITEM
				selecteditem = i;
			}
		});
	});
	contentitems.each(function(div, i){
		contentmorph[i] = new Fx.Morph(div, {
			duration: 500,
			transition: Fx.Transitions.Circ.easeInOut,
			onStart: function(){
				$(document.body).setStyle('overflow', 'hidden');
			},
			onComplete: function(){
				if (div.getTop() > 0) {
					div.setStyle('top', div.getHeight()*-1);
				}
				$(document.body).setStyle('overflow', 'visible');
			}
		}).set({ 'top': (div.getHeight()*-1)-100 })
	});
	contentmorph[0].start({
		'top': 0
	});

});