var downTrigger = false;

function begin (element, x, y) {
    if (!downTrigger) {
        getvals();
    }
}

function drag (element, x, y) {
    if (!downTrigger) {
        getvals();
    }
}

function end (element, x, y) {
    if (!downTrigger) {
        getvals();
    }
}

function updateInfo(s) {
    document.getElementById('info').innerHTML = s;
}

var dragable1 = DragHandler.attach(document.getElementById('Logo'));
var dragable2 = DragHandler.attach(document.getElementById('Info'));
var dragable3 = DragHandler.attach(document.getElementById('Img'));
var dragable4 = DragHandler.attach(document.getElementById('BuyLink'));


dragable1.dragBegin = begin;
dragable1.drag = drag;
dragable1.dragEnd = end;


dragable2.dragBegin = begin;
dragable2.drag = drag;
dragable2.dragEnd = end;

dragable3.dragBegin = begin;
dragable3.drag = drag;
dragable3.dragEnd = end;

dragable4.dragBegin = begin;
dragable4.drag = drag;
dragable4.dragEnd = end;

$j('.handle').each(
    function(index, handle) {
    $j( handle ).mousedown(
        function() {
            downTrigger = true;
        }
        }
    );
    $j( document ).mousemove(
        function(e) {
        if (downTrigger) {
            $j( handle ).closest('.resizable')
            .css('height', e.pageY)
            .css('width', e.pageX);
        }
        }
    );
    $j( document ).mouseup(
        function() {
        downTrigger = false;
        }
    );
    });