$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
$('#slickbox1').hide();
$('#slickbox2').hide();
$('#slickbox3').hide();
$('#slickbox4').hide();
$('#slickbox5').hide();
$('#slickbox6').hide();
$('#slickbox7').hide();
$('#slickbox8').hide();

 // slides down, up, and toggle the slickbox on click    
$('#knappen1').click(function() {
    $('#slickbox1').slideToggle(400);
	var imgPath = new String();
        imgPath = document.getElementById("knappen1").style.backgroundImage;
        if(imgPath == "url(/images/knapp_fler.png)" || imgPath == "")
        {
            document.getElementById("knappen1").style.backgroundImage = "url(/images/knapp_farre.png)";
        }
        else
        {
            document.getElementById("knappen1").style.backgroundImage = "url(/images/knapp_fler.png)";
        }
    return false;
  });
$('#knappen2').click(function() {
    $('#slickbox2').slideToggle(400);
	var imgPath = new String();
        imgPath = document.getElementById("knappen2").style.backgroundImage;
        if(imgPath == "url(/images/knapp_fler.png)" || imgPath == "")
        {
            document.getElementById("knappen2").style.backgroundImage = "url(/images/knapp_farre.png)";
        }
        else
        {
            document.getElementById("knappen2").style.backgroundImage = "url(/images/knapp_fler.png)";
        }
    return false;
  });
$('#knappen3').click(function() {
    $('#slickbox3').slideToggle(400);
	var imgPath = new String();
        imgPath = document.getElementById("knappen3").style.backgroundImage;
        if(imgPath == "url(/images/knapp_fler.png)" || imgPath == "")
        {
            document.getElementById("knappen3").style.backgroundImage = "url(/images/knapp_farre.png)";
        }
        else
        {
            document.getElementById("knappen3").style.backgroundImage = "url(/images/knapp_fler.png)";
        }
    return false;
  });
$('#knappen4').click(function() {
    $('#slickbox4').slideToggle(400);
	var imgPath = new String();
        imgPath = document.getElementById("knappen4").style.backgroundImage;
        if(imgPath == "url(/images/knapp_plus.png)" || imgPath == "")
        {
            document.getElementById("knappen4").style.backgroundImage = "url(/images/knapp_minus.png)";
        }
        else
        {
            document.getElementById("knappen4").style.backgroundImage = "url(/images/knapp_plus.png)";
        }
    return false;
  });
$('#knappen5').click(function() {
    $('#slickbox5').slideToggle(400);
	var imgPath = new String();
        imgPath = document.getElementById("knappen5").style.backgroundImage;
        if(imgPath == "url(/images/knapp_plus.png)" || imgPath == "")
        {
            document.getElementById("knappen5").style.backgroundImage = "url(/images/knapp_minus.png)";
        }
        else
        {
            document.getElementById("knappen5").style.backgroundImage = "url(/images/knapp_plus.png)";
        }
    return false;
  });
$('#knappen6').click(function() {
    $('#slickbox6').slideToggle(400);
	var imgPath = new String();
        imgPath = document.getElementById("knappen6").style.backgroundImage;
        if(imgPath == "url(/images/knapp_plus.png)" || imgPath == "")
        {
            document.getElementById("knappen6").style.backgroundImage = "url(/images/knapp_minus.png)";
        }
        else
        {
            document.getElementById("knappen6").style.backgroundImage = "url(/images/knapp_plus.png)";
        }
    return false;
  });
$('#knappen7').click(function() {
    $('#slickbox7').slideToggle(400);
	var imgPath = new String();
        imgPath = document.getElementById("knappen7").style.backgroundImage;
        if(imgPath == "url(/images/knapp_plus.png)" || imgPath == "")
        {
            document.getElementById("knappen7").style.backgroundImage = "url(/images/knapp_minus.png)";
        }
        else
        {
            document.getElementById("knappen7").style.backgroundImage = "url(/images/knapp_plus.png)";
        }
    return false;
  });
$('#knappen8').click(function() {
    $('#slickbox8').slideToggle(400);
	var imgPath = new String();
        imgPath = document.getElementById("knappen8").style.backgroundImage;
        if(imgPath == "url(/images/knapp_plus.png)" || imgPath == "")
        {
            document.getElementById("knappen8").style.backgroundImage = "url(/images/knapp_minus.png)";
        }
        else
        {
            document.getElementById("knappen8").style.backgroundImage = "url(/images/knapp_plus.png)";
        }
    return false;
  });
});