$(document).ready(function () {
	$('#f_in').fadeTo(2000, 1);
	$('#s_down').slideDown("slow");
	$('#title').click(function()
	{ document.location.href = "/";
	});

	var html = "<div class='item'>";
	html += "<div id='base'>HTML</div><div id='link'><span>HTML</span></div></div>";
	html += "<div class='item'>";
	html += "<div id='base'>KOODAUS</div><div id='link'><span>KOODAUS</span></div></div>";
	html += "<div class='item'>";
	html += "<div id='base'>KUVAUS</div><div id='link'><span>KUVAUS</span></div></div>";
	html += "<div class='item'>";
	html += "<div id='base'>YHTEYS</div><div id='link'><span>YHTEYS</span></div></div>";

	$('#menu').get(0).innerHTML = html;

        $('#menu #link').hover(
                               function(){
                                   $(this).fadeTo("slow", 1);
                               },
                               function(){
                                   $(this).fadeTo("slow", 0.1);
                               });
        $('#menu #link span').click(
                                   function(){
                                       window.location.href = this.innerHTML.toLowerCase()+'.php';
                                   });
    });