function onAfter() {

				if (this.id == "image1") {
				
				$('div.quotes').text("Sortera");
				$('#one').css("background-image", "url(images/buttons/1hov.png)"); 
				$('#two').css("background-image", "url(images/buttons/2nor.png)"); 
				$('#three').css("background-image", "url(images/buttons/3nor.png)");
				$('#four').css("background-image", "url(images/buttons/4nor.png)");
				$('#five').css("background-image", "url(images/buttons/5nor.png)");
				}
				
				
				if (this.id == "image2") {
				
				$('div.quotes').text("Systematisera");
				$('#one').css("background-image", "url(images/buttons/1nor.png)"); 
				$('#two').css("background-image", "url(images/buttons/2hov.png)"); 
				$('#three').css("background-image", "url(images/buttons/3nor.png)");
				$('#four').css("background-image", "url(images/buttons/4nor.png)");
				$('#five').css("background-image", "url(images/buttons/5nor.png)");
				}
				
				if (this.id == "image3") {
				
				$('div.quotes').text("Städa");
				$('#one').css("background-image", "url(images/buttons/1nor.png)");
				$('#two').css("background-image", "url(images/buttons/2nor.png)"); 
				$('#three').css("background-image", "url(images/buttons/3hov.png)"); 
				$('#four').css("background-image", "url(images/buttons/4nor.png)");
				$('#five').css("background-image", "url(images/buttons/5nor.png)");
				}
				
				if (this.id == "image4") {
				
				$('div.quotes').text("Standardisera");
				$('#one').css("background-image", "url(images/buttons/1nor.png)");
				$('#two').css("background-image", "url(images/buttons/2nor.png)");
				$('#three').css("background-image", "url(images/buttons/3nor.png)");				
				$('#four').css("background-image", "url(images/buttons/4hov.png)"); 
				$('#five').css("background-image", "url(images/buttons/5nor.png)");
				
				}
				
				if (this.id == "image5") {
				
				$('div.quotes').text("Se till");
				$('#one').css("background-image", "url(images/buttons/1nor.png)");
				$('#two').css("background-image", "url(images/buttons/2nor.png)");
				$('#three').css("background-image", "url(images/buttons/3nor.png)");
				$('#five').css("background-image", "url(images/buttons/5hov.png)"); 
				$('#four').css("background-image", "url(images/buttons/4nor.png)");
				
				}
				
				
	}
	

	


$("#one").css("background-image", "url(images/buttons/1hov.png)");

var buttons = {"one": "1", "two" : "2", "three" : "3", "four" : "4", "five" : "5"};
var dir = "images/buttons/";

$.each(buttons, function (key, value) {
    $("#" + key).hover(function () {
        $(this).css("background-image", "url('" + dir + value + "hov.png')");
        alert(dir + value + "hov.png")
    }, function () {
        if (!$(this).hasClass('selected')) {
            $(this).css("background-image", "url('" + dir + value + "nor.png')");
        }
    });

    /*
    $("#" + key).click(function () {
        //alert("test");

        $.each(buttons, function (k, v) {
            if (k != key) {
                $("#" + k).css("background-image", "url(" + dir + v + "nor.png)");
                $("#" + k).removeClass("selected");
            }
        });
        $(this).addClass("selected");
        $(this).css("background-image", "url(" + dir + value + "hov.png)");

    });
    */

});






$("#one").click(function () {
    
    alert("test");

    $.each(buttons, function (k, v) {
        if (k != key) {
            $("#" + k).css("background-image", "url('" + dir + v + "nor.png')");
            $("#" + k).removeClass("selected");
        }
    });
    $(this).addClass("selected");
    $(this).css("background-image", "url('" + dir + value + "hov.png')");

});