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

    new SmoothScroll({
        wait: false,
        duration: 600,
        transition: Fx.Transitions.Quart.easeInOut
    });

    $$(".menu a").each(function (M) {
        couleurmenu = M.getStyle("color");
        var N = new Fx.Morph(M, {
            duration: 300,
            transition: Fx.Transitions.Quad.easeOut,
            wait: false
        });
        M.addEvent("mouseenter", function () {
            N.start({
                color: "#cbdb2a"
            })
        });
        M.addEvent("mouseleave", function () {
            if (M.get("id") != "menuselected") {
                N.start({
                    color: couleurmenu
                })
            }
        });
        M.addEvent("click", function () {
            if ($("menuselected") && M != $("menuselected")) {
                $("menuselected").setStyle("color", couleurmenu);
                $("menuselected").set("id", "")
            }
		M.set("id", "menuselected");

		//make the ajax call, replace text
		var req = new Request.HTML({
			method: 'get',
			url: 'http://www.inmagine.nl/files/ajax.php',
			data: { 'page' : M },
			update: $('log')
		}).send();


        })
    });

});