$(document).ready(function()
{
    $("a#n1").hover(
    	function()
    	{
			$("a#n1").css("background-image", "url(/images/navitop/navi1b.png)");
        },
    	function()
    	{
			$("a#n1").css("background-image", "url(/images/navitop/navi1a.png)");
        }
    );

    $("a#n2").hover(
    	function()
    	{
			$("a#n2").css("background-image", "url(/images/navitop/navi2b.png)");
        },
    	function()
    	{
			$("a#n2").css("background-image", "url(/images/navitop/navi2a.png)");
        }
    );

    $("a#n3").hover(
    	function()
    	{
			$("a#n3").css("background-image", "url(/images/navitop/navi3b.png)");
        },
    	function()
    	{
			$("a#n3").css("background-image", "url(/images/navitop/navi3a.png)");
        }
    );

    $("a#n4").hover(
    	function()
    	{
			$("a#n4").css("background-image", "url(/images/navitop/navi4b.png)");
        },
    	function()
    	{
			$("a#n4").css("background-image", "url(/images/navitop/navi4a.png)");
        }
    );

});


function screenshot(url, id)
{
    $(document).ready(function()
    {
    	$("div.navigator a").removeClass("aktiv");
		$("#" + id).toggleClass("aktiv");
		$("div.screenshot img").attr("src", url);
	});
}