// JavaScript Document
$(document).ready(function() {
    // glossary
    $("a.glossary").hover(function(e) {
        var offset = $(this).offset();
        var left = offset.left;
        var top = offset.top;
        var width = $(this).width();
        var glossaryid = $(this).attr("rel");
        var href = $(this).attr("href");
        var urlArr = href.split("#glossary-");
        var url = urlArr[0] + "/ajax?index=" + urlArr[1];

        $("#glossary-balloon").removeClass("hidden");

        // get ajax content
        $.getJSON(url, function(data) {
            var content;
            if (data.glossary.substr(-3) === "...") {
                content = data.glossary + "<span class='more'>Click to see the full definition</span>";
            } else {
                content = data.glossary;
            }
            $("#glossary-balloon .content").html(content);

            // calculated position balloon
            var balloonHeight = $("#glossary-balloon").height();
            top = top - balloonHeight - 10;
            left = left + (width / 2) - 18;

            // set balloon
            $("#glossary-balloon").css('left', left);
            $("#glossary-balloon").css('top', top);

            if ($("#glossary-balloon.hidden").length == 0) {
                // show balloon
                $("#glossary-balloon").fadeIn(300);
            }
        });

    },
            function() {
                $("#glossary-balloon").addClass("hidden");
                $("#glossary-balloon").hide();
            });

    $("a.glossary").mouseout(function(e) {
        $("#glossary-balloon").hide();
    });

    // append glossary balloon if links exists
    if ($("a.glossary").length > 0) {
        $('body').append('<div id="glossary-balloon"><div class="footer"><div class="content">&nbsp;</div></div></div>');
    }

    // submit form on select change
    $("#division").change(function() {
        $("#contact-form").submit();
    });
});