main js

//Testing precision pointer
var precision = false;

document.addEventListener('keydown', function(event)
{
    if(event.keyCode==17)
    {
        precision = true;
        document.body.style.cursor = "crosshair";
    }
});

document.addEventListener('keyup', function(event)
{
    if(event.keyCode==17)
    {
        precision = false;
        document.body.style.cursor = "auto";
    }
});



$(function()
{
    $("#toolbox").resizable(
    {
        handles:"s,e",
        containment:"#container",
        snap:"#container",
        snapTolerance:10,
        grid:[50, 0],
        minHeight:260,
        minWidth:50,
        maxWidth:100
    }).draggable(
    {
        distance:50,
        handle:"#toolboxgrip",
        containment:"#container",
        snap:"#container",
        snapTolerance:10
    }).disableSelection();

    $("#infobox").resizable(
    {
        handles:"w",
        alsoResize:"#applychanges",
        alsoResize:"#toolboxdivider",
        minWidth:250,
        maxWidth:500
    }).draggable(
    {
        distance:50,
        handle:"#infoboxgrip",
        containment:"#container",
        snap:"#container",
        snapTolerance:10
    }).disableSelection();

    $('#selection').draggable(
    {
        containment:"#container"
    });
});

function applyOptions()
{
    if($('#backgroundcolor').val() != "")
    {
        if($('#backgroundcolorcheck').prop('checked') == true)
        {
            $('#body').css('background', '#' + $('#backgroundcolor').val());
            if($('#backgroundcolor').val().toString(16) < "343434")
            {
                $('#toolbox').css("box-shadow", "0px 0px 10px #ffffff");
                $('#infobox').css("box-shadow", "0px 0px 10px #ffffff");
            }
            if($('#backgroundcolor').val().toString(16) >= "343434")
            {
                $("#toolbox").css("box-shadow", "0px 0px 10px #000000");
                $("#infobox").css("box-shadow", "0px 0px 10px #000000");
            }
        }
        if($('#backgroundcolorcheck').prop('checked') == false)
        {
            $('#body').css('background-image', 'url("http://kinexus-interactive.com/designer/data/img/background/default.jpg")');
            $('#body').css('background-repeat', 'repeat');
        }
    }
    if($('#backgroundcolor').val().length < 3)
    {
        $('#body').css('background-image', 'url("http://kinexus-interactive.com/designer/data/img/background/default.jpg")');
        $('#body').css('background-repeat', 'repeat');
        $("#toolbox").css("box-shadow", "0px 0px 10px #000000");
        $("#infobox").css("box-shadow", "0px 0px 10px #000000");
    }
    if($('#backgroundimage').val() != "")
    {
        if($('#backgroundimagecheck').prop('checked') == true)
        {
            $('#body').css('background-image', 'url("' + $('#backgroundimage').val() + '")');
            if($('#backgroundimage').val() == "default")
            {
                $('#body').css('background-image', 'url("http://kinexus-interactive.com/designer/data/img/background/default.jpg")');
            }
            if($('#backgroundimageradiono').prop('checked') == true)
            {
                $('#body').css('background-repeat', 'no-repeat');
            }
            if($('#backgroundimageradiox').prop('checked') == true)
            {
                $('#body').css('background-repeat', 'repeat-x');
            }
            if($('#backgroundimageradioy').prop('checked') == true)
            {
                $('#body').css('background-repeat', 'repeat-y');
            }
            if($('#backgroundimageradioboth').prop('checked') == true)
            {
                $('#body').css('background-repeat', 'repeat');
            }
        }
    }
    return;
}