function showTip(tipId) {
    new YAHOO.util.Anim(tipId, { opacity: { to: 100 } }, 2, YAHOO.util.Easing.easeIn).animate();
}

function hideTip(tipId) {
    new YAHOO.util.Anim(tipId, { opacity: { to: 0 } }, 2, YAHOO.util.Easing.easeOut).animate();
}

window.onload = function() {
    settings = {
	tl: { radius: 20 },
	tr: { radius: 20 },
	bl: { radius: 20 },
	br: { radius: 20 },
	antiAlias: true,
	autoPad: true,
	validTags: ["div"]
    }

    new curvyCorners(settings, document.getElementById("curvy")).applyCornersToAll();

    hideTip("tip1");
    hideTip("tip2");
    hideTip("tip3");
    hideTip("tip4");
}