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

	var aboutBox = $('AboutBox');
	var linksImg = $('LinksImg');
	var linksBox = $('LinksBox');
	
	
	aboutBox.set('morph', {duration: '200'});
	linksImg.set('morph', {duration: '200'});
	linksBox.set('morph', {duration: '200'});

	
	active = 'none';
	function drop_down(section){
		if(active == 'none'){
			if(section == 'about'){
				aboutBox.morph('.aboutbox-on');
			}else if(section == 'links'){
				linksImg.morph('.linksbox-on');
				linksBox.morph('.linksbox-on');
			}
			active = section;
		}else{
			if(section == active){
				linksImg.morph('.linksbox-off');
				linksBox.morph('.linksbox-off');				
				aboutBox.morph('.aboutbox-off');
				active = 'none';
			}else{
				if(section == 'about'){
					linksImg.morph('.linksbox-off');
					linksBox.morph('.linksbox-off');				
					aboutBox.morph('.aboutbox-on');
				}else if(section == 'links'){
					aboutBox.morph('.aboutbox-off');
					linksImg.morph('.linksbox-on');
					linksBox.morph('.linksbox-on');				
				}
				active = section;
			}
		}
	}


	$('DropAboutBox').addEvent('click', function(e) {
		e.stop();
		drop_down('about');
	});

	$('DropLinksBox').addEvent('click', function(e) {
		e.stop();
		drop_down('links');
	});
	



});