//written by Elliott Dicus for jeffandelliott.com
window.addEvent('domready', function() {
	
	var myWrapper = $('wrapper');
	myWrapper.setStyle('display','block');
	var stringTrans = 'in';
	var myVerticalSlide = new Fx.Slide('aboutdrop', {wrapper: myWrapper,transition: 'quint:in:out',duration: '1000'});

	myVerticalSlide.hide();

	$('about').addEvent('click', function(e){
			if(stringTrans == 'in')
			{
				e.stop();
				myVerticalSlide.slideIn();
				stringTrans = 'out';
				myVerticalSlide = new Fx.Slide('aboutdrop', {wrapper: myWrapper,transition: 'quint:in:out',duration: '500'});
			}
			else
			{
				e.stop();
				myVerticalSlide.slideOut();
				stringTrans = 'in';
				myVerticalSlide = new Fx.Slide('aboutdrop', {wrapper: myWrapper,transition: 'quint:in:out',duration: '1000'});
			}
	});
	
});

window.addEvent('domready', function() {
	
	var myWrapper = $('contactwrapper');
	myWrapper.setStyle('display','block');
	var stringTrans = 'in';
	var myVerticalSlide = new Fx.Slide('contactdrop', {onComplete: function(){autoDiv.setStyle('overflow','visible');},wrapper: myWrapper,transition: 'quint:in:out',duration: '1000'});
	var myDropdown = $('contactdrop');
	var autoDiv = myDropdown.getParent();

	myVerticalSlide.hide();

	$('contact').addEvent('click', function(e){
			if(stringTrans == 'in')
			{
				e.stop();
				myVerticalSlide.slideIn();
				stringTrans = 'out';
				myVerticalSlide = new Fx.Slide('contactdrop', {onComplete: function(){autoDiv.setStyle('overflow','hidden');},wrapper: myWrapper,transition: 'quint:in:out',duration: '500'});
			}
			else
			{
				//set overflow hidden
				autoDiv.setStyle('overflow','hidden');
				e.stop();
				myVerticalSlide.slideOut();
				stringTrans = 'in';
				myVerticalSlide = new Fx.Slide('contactdrop', {onComplete: function(){autoDiv.setStyle('overflow','visible');},wrapper: myWrapper,transition: 'quint:in:out',duration: '1000'});
			}
	});
	
});

window.addEvent('domready', function() {
//Now the lyrics part
	if($('lyrics') != null)
	{
		var visible = 'false';
		//var origheight = $('lyrics').getProperty('height');
		var origheight = $('lyrics').getStyle('height').toInt();
		
		$('lyrics').set('morph', {duration: 0,transition: 'quint:in:out'});
		$('lyrics').morph({'width':200,'height':20});
			
		$('lyrics').addEvent('click', function(event){
				if(visible == 'false')
				{
					$('lyrics').set('morph', {duration: 800,transition: 'quint:in:out'});
					$('lyrics').morph({'width':620,'height':origheight});
					visible = 'true';
				}
				else
				{
					$('lyrics').set('morph', {duration: 400,transition: 'back:in'});
					$('lyrics').morph({'width':200,'height':20});
					visible = 'false';
				}
		});
	}

});