openDiv = "";
function openClose(id,wijdte)
{


//close de oude
$("#cont"+openDiv).animate({
width: "0px"
}, 300);
	
$("#"+openDiv).css({"background-image":"url(images/knop"+openDiv+".jpg)"});

	
	if(openDiv != id)
	{	
	//open de nieuwe
	$("#cont"+id).animate({
	width: wijdte
	}, 300);



	$("#"+id).css({"background-image":"url(images/knop"+id+"-aan.jpg)"});
	
	} else {
		
	$("#pag"+openDiv).css({ "display":"none"});
	openDiv = "";
	return
	}
	


	$("#pag"+openDiv).css({ "display":"none"});
	$("#pag"+id).css({ "display":"block"});
	
openDiv = id;

}


function mouseOver(id)
{
	
if(id != openDiv)
{
	$("#"+id).css({"background-image":"url(images/knop"+id+"-aan.jpg)"});
}
	
}


function mouseOut(id)
{
	
if(id != openDiv)
{
	$("#"+id).css({"background-image":"url(images/knop"+id+".jpg)"});
}
	
}