отключить выделение в определенных областях с помощью imageAreaSelect

Question

Я использую плагин imageAreaSelect jquery и создал несколько областей в изображении. теперь я не хочу позволять пользователям создавать выделение (области) внутри или в существующих областях.

Я следовал это , но не смог достичь желаемого результата, так как имеется несколько областейв моем случае

вот изображение . Я не хочу, чтобы области создавались внутри красных прямоугольников или поверх них.

//HTML
<img src="http://odyniec.net/projects/imgareaselect/flower2.jpg">
<div id="forbidden"></div>

//JS
var forbiddenArea = {
   x1 : 200,
    x2 : 300,
    y1 : 150,
    y2 : 225
};

var ias = $('img').imgAreaSelect({
    handles: true,
    instance: true,
    onSelectChange: function(img, sel) {
        if(sel.x2 > forbiddenArea.x1 && sel.y2 > forbiddenArea.y1) {
         //alert('im in');
            ias.setSelection(
                sel.x1,
                sel.y1,
                forbiddenArea.x2 - forbiddenArea.x1,
                forbiddenArea.y2 - forbiddenArea.y1

            );
            ias.update();
        }
    }
});

спасибо.