function switchElement(el1, el2) {
	Effect.toggle(el1, 'appear', {
		duration: 0.1,
		afterFinish: function() {
			Effect.toggle(el2, 'appear', {
				duration: 0.1
			});
		}
	});
}

function swapImage(id, imagePath){
	$(id).src = imagePath;
}

function togglePanel(panel) {
	if(panel.style.display == 'none') {
		showPanel(panel);
	} else {
		hidePanel(panel);      			
	}
}

function showPanel(panel) {
	if(panel.style.display == 'none') {
		Effect.SlideDown(panel, { duration: 0.2 });
	}
}
 		
function hidePanel(panel) {
	if(panel.style.display != 'none') {
		Effect.SlideUp(panel, { duration: 0.2 });
	}
}