// JavaScript Document
/* To use this stuff:
	include this file after JQuery
	Add this : <a class="popTarg" id="SOA" href="#aSOA">SOA</a> where you want the links
	Add divs like this: <div id="popSOA" class="popUp" style="position:relative;top:300px">
	Note the ID is SOA, the anchor is aSOA, the div popSOA
	The DIVS are positioned a little way below the main page, not far enough to upset the search engines.
	*/
    popUpDisplayed = 0;
    $(document).ready(function() {
        $(".popUp").hide();
        $(".popTarg").mouseover(function(event) {
            if (popUpDisplayed == 0) {
                targetId = "#pop" + event.target.id;
                popUpDisplayed = 1;
                t = event.pageY + 5;
                l = event.pageX + 5;
                $(targetId).css({
                    "position": "absolute",
                    "top": t,
                    "left": l

                });
                $(targetId).fadeIn("fast");
            }
            return false;

        });

        $(".popTarg").mouseout(function(event) {
            popUpDisplayed = 0;
            targetId = "#pop" + event.target.id;
            $(targetId).fadeOut("fast");
            //	alert("out");	
        });
    });