var prikaz = d3.select("#prikaz").node();
MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

var observer = new MutationObserver(function(mutations, observer) {
    var prikaz_html = d3.select("#prikaz").html();
    var bird = d3.select("#birdview").html(prikaz_html);

    var prikaz_html_width = d3.select("#prikaz").select("g").node().getBBox().width;
    var birdWidth = $("#birdview")[0].clientWidth;

    var prikaz_html_height = d3.select("#prikaz").select("g").node().getBBox().height;
    var birdHeight = $("#birdview")[0].clientHeight;

    var scaleWidth = birdWidth / prikaz_html_width;
    var scaleHeight = birdHeight / prikaz_html_height;

    if(scaleWidth < scaleHeight){
        scale = scaleWidth;
    }else{
        scale = scaleHeight;
    }

    var x = d3.select("#birdview").select("g").node().getBBox().x;
    var y = d3.select("#birdview").select("g").node().getBBox().y;

    d3.select("#birdview").select("g").attr("transform", "translate ("+[-x*scale, -y*scale]+") scale("+ scale +")");
});

observer.observe(prikaz, {
    subtree: true,
    attributes: true
});