function init(){
  //temp var old value of bgcolor
  var bgColor;
  var sectionSelected=null;
  //hide the content
  $("div.content").css("display","none");
  //mouseover mouseout
  $("div.section").mouseover(function(){
    bgColor= $(this).css("background-color");
    $(this).css("background-color","red");
  }).mouseout(function(){
    $(this).css("background-color",bgColor);
  });
  //click,click!
  $("div.section").click(function(){
    var name=$(this).attr("id").replace("section-","");
    var sectionClicked="#content-"+name;
    //hide
    if (sectionSelected != null && sectionClicked != sectionSelected){
	$(sectionSelected).slideUp("slow");   
    }
    //show
    sectionSelected=sectionClicked;
    $(sectionSelected).slideToggle("slow"); 
  });  $('a[rel=external]').attr('target','_blank');
}