
	// hover over for main nav
	window.addEvent('domready',function() {
		
		// sort out the fade in
		//var launchdiv = $('launch').setStyles({ display:'block', opacity: 0 });
		//var launchbox = $$('.launch-text').setStyles({ display:'block', opacity: 0 });
		var logodiv = $('logo').setStyles({ display:'block', opacity: 0 });
		var albumdiv = $('album').setStyles({ display:'block', opacity: 0 });
		//var infodiv = $('info').setStyles({ display:'block', opacity: 0 });
		var contentdiv = $('maindiv').setStyles({ display:'block', opacity: 0 });
		var footerdiv = $('footer').setStyles({ display:'block', opacity: 0 });
		//launchdiv.fade.delay(750,launchdiv,1.0);
		logodiv.fade.delay(750,logodiv,1.0);
		albumdiv.fade.delay(750,albumdiv,1.0);
		//infodiv.fade.delay(750,infodiv,1.0);
		contentdiv.fade.delay(1800,contentdiv,1.0);
		footerdiv.fade.delay(1800,footerdiv,1.0);
			
		// check to see if buttons have been hit		
		$("logo").addEvent("click", function() {
			slidePage(1);
		});
	
		$("album").addEvent("click", function() {
			slidePage(3);
		});
	
		/*$("info").addEvent("click", function() {
			slidePage(2);
		});*/
	
	//var origWidth = $('launch').getStyle('width');
	
	// Box 1 Hover Over
	/*$('launch').addEvents({
		'mouseenter': function(){
			this.setStyle('cursor','pointer');	
		},
		'click': function() {
						
			if(this.getStyle('height') == '30px') {
					
				this.set('morph', {duration: 1000, transition: 'elastic:out'});
				this.morph({height: 210, width: 400});	

				$$(".launch-text").set('tween', {duration: 10000, transition: 'quad:out'});
				$$(".launch-text").morph({opacity:1,display:'block'});	
			}
			else {
				this.set('morph', {duration: 200, transition: 'bounce:out'});
				this.morph({height: 30, width: origWidth});

				$$(".launch-text").set('tween', {duration: 100, transition: 'quad:out'});
				$$(".launch-text").morph({opacity:0, display:'none'});	

			}
		}

	});*/
	
	});	

function slidePage(col){
	var x = ((col-1)*-502)
	var pageChange = new Fx.Tween('pages', {duration:1200});
	pageChange.start('left',x);
	var cur = "trigger"+col;
	$(cur).addClass('current');

	for (i=1;i<=2;i++){
		var loopLI = "trigger"+i;
		if (cur==loopLI){}else{
			$(loopLI).removeClass('current');
		}
	}
}	

