var $j=jQuery.noConflict();
$j(document).ready(function(){
    $j("#anatomyOfGlacier").load('https://fortress.wa.gov/dnr/geologydata/photos/web_images/ger_explore_glacier_anatomy.svg',function(response){
        if(!response){
            console.log('error loading');
        } else {
             $j(this).addClass("svgLoaded");
            var element = null;
            $j("#words").click(function(e){
                element = $j("#" + e.target.parentElement.classList[0]);
                //$j("#" + e.target.parentElement.classList[0]).addClass(".dialogOpen");
                $j("#" + e.target.parentElement.classList[0]).css('opacity', 1);
                $j("#" + e.target.parentElement.classList[0]).css('pointer-events', 'all');
                $j("#" + e.target.parentElement.classList[0]).css('transform', 'scale(1)');
                $j("#" + e.target.parentElement.classList[0]).css('transition', 'transform 0.3s ease-in-out');
            });

            $j(".offBtn").click(function() {
                //$j('.dialogOpen').removeClass("dialogOpen");
                element.css('transition', '0.3s ease-in-out');
                element.css('pointer-events', 'none');
                element.css('transform', 'scale(0)');
                element.css('opacity', 0);

            });
        }
    });
});