// "help-nav"

function setTogglers(){
  $("#content a.toggler").next().hide().end().click( function(){ $(this).next().slideToggle("fast"); return false  } );
}


function setSpawners(){
  $("#content a.subtopic_spawner").click( function(e) { $.get("content/help_topic.php", {"about_topic":$(this).attr("href").replace(/^.*about_topic=/, '') }, function(r){ mkPopUp(r,e) }); return false; } );
}

function mkPopUp( innerHTML, e ){
  pup= $("<div class=\"popup\"></div>")
    .html(innerHTML)
    .css("left", "33%")
    .css("top", ( (e||window.event).pageY || (e||window.event).clientY + document.body.scrollTop)+"px" )
    .css("position", "absolute")
    .hide()
    .prependTo( document.body )
    .fadeIn( {"speed":"fast"} )
    .draggable();
  $("<button type=\"button\"><button>").html("X").click(function(){ $(this.parentNode).remove() } ).prependTo( pup ).css("float","right");
  
}



function ajLoadPage(e){


  if(!$(this).hasClass("active") ){
    var ref = "content/" + $(this).attr("href").replace(/.*\?/,'') + ".php";
    $.get(ref, function(xhr){
      $("#content").html(xhr);
      setTogglers();
      setSpawners();
    })
    $("#help-nav a.xhr").removeClass("active");
    $(this).addClass("active");
  }

  return false;

}


$(document).ready( function(){

//   $("#help-nav a.xhr").click( ajLoadPage ).end();
  setTogglers();
  setSpawners();
  $("#college_selector").change(function(){$(this.form).submit()});
});