var competencies = null;
var competenciesTitle = null;
var competenciesContent = null;
$(function() {
    $('ul.resources li').each(function() {
        $(this).hover(function() {
            $(this).addClass("highlighted");
        },
        function() {
            $(this).removeClass("highlighted");
        });
    });

    $('background').css({ 'opacity': '0.8' });

    //Stretch Footer    
    //$('div.footer').height($(window).height() - $('div.footer').position().top - 20);


    $('span.email').each(function(i, el) {
        el.setAttribute('href', "mailto:" + el.innerHTML);
        el.setAttribute('title', "Email " + el.innerHTML);
        $(el).hover(function() {
            $(this).css({ 'border-bottom': '1px solid #e1650a' });
        },
        function() {
            $(this).css({ 'border-bottom': '1px dotted #444' });
        });
        $(el).click(function() {
            window.open("mailto:" + el.innerHTML, "", "");
            return false;       // voids default click event
        });
    });

    //Models    
    competencies = document.createElement("div");
    $(competencies).addClass("competencies");
    $(competencies).html("<h3></h3><h2>MSPP Competencies</h2><a class=\"close\">X</a><div></div>");
    document.body.appendChild(competencies);

    competenciesTitle = $(competencies).find("h3");
    competenciesContent = $(competencies).find("div");

    $(competencies).find("a").click(function() {
        $(competencies).hide();
        return false;
    });

    $('a.model').each(function() {
        $(this).tooltip({
            track: true,
            bodyHandler: function() {
                return $("<img/>").attr("src","style/modelTip.png");
            },
            showURL: false
        });
        $(this).click(function(e) {
            $(competenciesTitle).html($(this).title);
            $(competenciesContent).html($(this).next().html());
            $(competencies).css({ 'left': e.pageX + 'px', 'top': e.pageY + 'px', 'display': 'block' });
            return false;
        });
    });
        
});          // end $()