$(document).ready(function() {
	$("#acc1").animate({"width" : "660"});
	$("#acc1Content").fadeIn("fast");
	$("#acc1").css({"cursor" : "default"});
	
	var visar = "acc1";
	// KLICKAR PÅ ACCORDION 1
	$("#acc1").click(function () {
		if(visar == "acc2"){AccordionAnimate("acc2", "acc1");}
		if(visar == "acc3"){AccordionAnimate("acc3", "acc1");}
		if(visar == "acc4"){AccordionAnimate("acc4", "acc1");}
		visar = "acc1";
	});
	$("#acc2").click(function () {
		if(visar == "acc1"){AccordionAnimate("acc1", "acc2");}
		if(visar == "acc3"){AccordionAnimate("acc3", "acc2");}
		if(visar == "acc4"){AccordionAnimate("acc4", "acc2");}
		visar = "acc2";
	});
	$("#acc3").click(function () {
		if(visar == "acc1"){AccordionAnimate("acc1", "acc3");}
		if(visar == "acc2"){AccordionAnimate("acc2", "acc3");}
		if(visar == "acc4"){AccordionAnimate("acc4", "acc3");}
		visar = "acc3";
	});
	$("#acc4").click(function () {
		if(visar == "acc1"){AccordionAnimate("acc1", "acc4");}
		if(visar == "acc3"){AccordionAnimate("acc3", "acc4");}
		if(visar == "acc2"){AccordionAnimate("acc2", "acc4");}
		visar = "acc4";
	});
	
	
	function AccordionAnimate(accThis, accTarget) {
		$("#" + accThis).animate({"width" : "70"});
		$("#" + accThis + "Content").fadeOut("fast");
		$("#" + accThis + "Rubrik").show();
		$("#" + accThis).css({"cursor" : "pointer"});
		
		$("#" + accTarget).css({"cursor" : "default"});		
		$("#" + accTarget).animate({"width" : "660"});
		$("#" + accTarget + "Rubrik").hide();
		$("#" + accTarget + "Content").fadeIn("fast");
	}
});