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

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


        }
    });
});