jQuery(document).ready(function ($) {
    
    lineCoords();

    $(window).resize(function(){
        lineCoords();
    });
        
});

function lineCoords() {
    var $line01 = jQuery('.line-01'),
        $line02 = jQuery('.line-02'),
        $line03 = jQuery('.line-03'),
        $line04 = jQuery('.line-04'),
        $line05 = jQuery('.line-05'),
        $line06 = jQuery('.line-06'),
        $line07 = jQuery('.line-07'),
        $line08 = jQuery('.line-08'),
        $line09 = jQuery('.line-09'),
        $line10 = jQuery('.line-10'),
        $line11 = jQuery('.line-11'),
        $line12 = jQuery('.line-12'),
        $line13 = jQuery('.line-13');

        var chemical01 = jQuery('.chemical-01 .anchor').offset(),
            chemical02 = jQuery('.chemical-02 .anchor').offset(),
            chemical03 = jQuery('.chemical-03 .anchor').offset(),
            chemical04 = jQuery('.chemical-04 .anchor').offset(),
            chemical05 = jQuery('.chemical-05 .anchor').offset(),
            chemical06 = jQuery('.chemical-06 .anchor').offset(),
            chemical07 = jQuery('.chemical-07 .anchor').offset(),
            chemical08 = jQuery('.chemical-08 .anchor').offset(),
            chemical09 = jQuery('.chemical-09 .anchor').offset(),
            chemical10 = jQuery('.chemical-10 .anchor').offset(),
            chemical11 = jQuery('.chemical-11 .anchor').offset(),
            chemical12 = jQuery('.chemical-12 .anchor').offset(),
            chemical13 = jQuery('.chemical-13 .anchor').offset();

    var marker01 = jQuery('.marker-01').offset(),
        marker02 = jQuery('.marker-02').offset(),
        marker03 = jQuery('.marker-03').offset(),
        marker04 = jQuery('.marker-04').offset(),
        marker05 = jQuery('.marker-05').offset(),
        marker06 = jQuery('.marker-06').offset(),
        marker07 = jQuery('.marker-07').offset(),
        marker08 = jQuery('.marker-08').offset(),
        marker09 = jQuery('.marker-09').offset(),
        marker10 = jQuery('.marker-10').offset(),
        marker11 = jQuery('.marker-11').offset(),
        marker12 = jQuery('.marker-12').offset(),
        marker13 = jQuery('.marker-13').offset();

    var containerPos = jQuery('.human-body').offset();

    $line01.attr('x1', chemical01.left - containerPos.left).attr('y1', chemical01.top - containerPos.top).attr('x2', marker01.left + 0 - containerPos.left).attr('y2', (marker01.top + 10) - containerPos.top);
    $line02.attr('x1', chemical02.left - containerPos.left).attr('y1', chemical02.top - containerPos.top).attr('x2', marker02.left + 0 - containerPos.left).attr('y2', marker02.top + 10 - containerPos.top);
    $line03.attr('x1', chemical03.left - containerPos.left).attr('y1', chemical03.top - containerPos.top).attr('x2', marker03.left + 0 - containerPos.left).attr('y2', marker03.top + 15 - containerPos.top);
    $line04.attr('x1', chemical04.left - containerPos.left).attr('y1', chemical04.top - containerPos.top).attr('x2', marker04.left + 0 - containerPos.left).attr('y2', marker04.top + 15 - containerPos.top);
    $line05.attr('x1', chemical05.left - containerPos.left).attr('y1', chemical05.top - containerPos.top).attr('x2', marker05.left + 5 - containerPos.left).attr('y2', marker05.top + 15 - containerPos.top);
    $line06.attr('x1', chemical06.left - containerPos.left).attr('y1', chemical06.top - containerPos.top).attr('x2', marker06.left + 5 - containerPos.left).attr('y2', marker06.top + 15 - containerPos.top);
    $line07.attr('x1', chemical07.left - containerPos.left).attr('y1', chemical07.top - containerPos.top).attr('x2', marker07.left + 5 - containerPos.left).attr('y2', marker07.top + 15 - containerPos.top);
    $line08.attr('x1', chemical08.left - containerPos.left).attr('y1', chemical08.top - containerPos.top).attr('x2', marker08.left + 17 - containerPos.left).attr('y2', marker08.top + 10 - containerPos.top);
    $line09.attr('x1', chemical09.left - containerPos.left).attr('y1', chemical09.top - containerPos.top).attr('x2', marker09.left + 15 - containerPos.left).attr('y2', marker09.top + 12 - containerPos.top);
    $line10.attr('x1', chemical10.left - containerPos.left).attr('y1', chemical10.top - containerPos.top).attr('x2', marker10.left + 15 - containerPos.left).attr('y2', marker10.top + 15 - containerPos.top);
    $line11.attr('x1', chemical11.left - containerPos.left).attr('y1', chemical11.top - containerPos.top).attr('x2', marker11.left + 12 - containerPos.left).attr('y2', marker11.top + 15 - containerPos.top);
    $line12.attr('x1', chemical12.left - containerPos.left).attr('y1', chemical12.top - containerPos.top).attr('x2', marker12.left + 15 - containerPos.left).attr('y2', marker12.top + 15 - containerPos.top);
    $line13.attr('x1', chemical13.left - containerPos.left).attr('y1', chemical13.top - containerPos.top).attr('x2', marker13.left + 8 - containerPos.left).attr('y2', marker13.top + 16 - containerPos.top);
}