jQuery.fn.dragToSelect = function(conf,selectClassName)
{

    var c = typeof (conf) == 'object' ? conf : {
};
var config = jQuery.extend(
	{
	    className: 'jquery-drag-to-select',
	    activeClass: 'active',
	    disabledClass: 'disabled',
	    selectedClass: ((selectClassName == null)?'ui-multidraggable':selectClassName),
	    scrollTH: 10,
	    percentCovered: 25,
	    selectables: false,
	    autoScroll: false,
	    selectOnMove: false,
	    onShow: function()
	    {
	        return true
	    },
	    onHide: function()
	    {
	        return true
	    },
	    onRefresh: function()
	    {
	        return true
	    }
	}, c);
var realParent = jQuery(this);
var parent = realParent;

/*
do
{
if (/auto|scroll|hidden/.test(parent.css('overflow')))
{
break
}
parent = parent.parent()
} while (parent[0].parentNode);
*/
//parent = parent.parent();

if (conf == 'disable')
{
    parent.addClass(config.disabledClass);
    return this
}
else if (conf == 'enable')
{
    parent.removeClass(config.disabledClass);
    return this
}
var parentOffset = parent.offset();
var parentDim =
	{
	    left: $(parent).position().left, //parentOffset.left,
	    top: $(parent).position().top, //parentOffset.top,
	    width: $(parent).width(), //parent.width(),
	    height: $(parent).height()//parent.height()
	};
var selectBoxOrigin =
	{
	    left: 0,
	    top: 0
	};
var selectBox = jQuery('<div/>').appendTo(parent).attr('class', config.className).css('position', 'absolute');
var showSelectBox = function(e)
{

    if (parent.is('.' + config.disabledClass))
    {
        return
    }
    selectBoxOrigin.left = e.pageX - parentDim.left + parent[0].scrollLeft;
    selectBoxOrigin.top = e.pageY - parentDim.top + parent[0].scrollTop;
    var css =
		{
		    left: selectBoxOrigin.left + 'px',
		    top: selectBoxOrigin.top + 'px',
		    width: '1px',
		    height: '1px'
		};
    selectBox.addClass(config.activeClass).css(css);
    config.onShow()
};
var refreshSelectBox = function(e)
{
    if (!selectBox.is('.' + config.activeClass) || parent.is('.' + config.disabledClass))
    {
        return
    }
    var left = e.pageX - parentDim.left + parent[0].scrollLeft;
    var top = e.pageY - parentDim.top + parent[0].scrollTop;
    var newLeft = left;
    var newTop = top;
    var newWidth = selectBoxOrigin.left - newLeft;
    var newHeight = selectBoxOrigin.top - newTop;
    if (left > selectBoxOrigin.left)
    {
        newLeft = selectBoxOrigin.left;
        newWidth = left - selectBoxOrigin.left
    }
    if (top > selectBoxOrigin.top)
    {
        newTop = selectBoxOrigin.top;
        newHeight = top - selectBoxOrigin.top
    }
    var css =
		{
		    left: newLeft + 'px',
		    top: newTop + 'px',
		    width: newWidth + 'px',
		    height: newHeight + 'px'
		};
    selectBox.css(css);
    config.onRefresh()
};
var hideSelectBox = function(e)
{
    if (!selectBox.is('.' + config.activeClass) || parent.is('.' + config.disabledClass))
    {
        return
    }
    if (config.onHide(selectBox) !== false)
    {
        selectBox.removeClass(config.activeClass)
    }
};
var scrollPerhaps = function(e)
{
    if (!selectBox.is('.' + config.activeClass) || parent.is('.' + config.disabledClass))
    {
        return
    }
    if ((e.pageY + config.scrollTH) > (parentDim.top + parentDim.height))
    {
        parent[0].scrollTop += config.scrollTH
    }
    if ((e.pageY - config.scrollTH) < parentDim.top)
    {
        parent[0].scrollTop -= config.scrollTH
    }
    if ((e.pageX + config.scrollTH) > (parentDim.left + parentDim.width))
    {
        parent[0].scrollLeft += config.scrollTH
    }
    if ((e.pageX - config.scrollTH) < parentDim.left)
    {
        parent[0].scrollLeft -= config.scrollTH
    }
};
var selectElementsInRange = function()
{
    if (!selectBox.is('.' + config.activeClass) || parent.is('.' + config.disabledClass))
    {
        return
    }
    var selectables = realParent.find(config.selectables);
    var selectBoxOffset = selectBox.offset();
    var selectBoxDim =
		{
		    left: selectBoxOffset.left,
		    top: selectBoxOffset.top,
		    width: selectBox.width(),
		    height: selectBox.height()
		};
    if (isCtrlKeyDown == null)
        isCtrlKeyDown = false;
    selectables.each(function(i)
    {
        var el = $(this);
        var elOffset = el.offset();
        var elDim =
			{
			    left: elOffset.left,
			    top: elOffset.top,
			    width: el.width(),
			    height: el.height()
			};
        if (percentCovered(selectBoxDim, elDim) > config.percentCovered)
        {
            if (!isCtrlKeyDown)
                el.addClass(config.selectedClass);
            else
            {
                if (el.hasClass(config.selectedClass))
                    el.removeClass(config.selectedClass);
                else
                    el.addClass(config.selectedClass);
            }
        }
        else
        {
            //alert(isCtrlKeyDown);
            if (!isCtrlKeyDown)
                el.removeClass(config.selectedClass);
        }
    })
};
var percentCovered = function(dim1, dim2)
{
    if ((dim1.left <= dim2.left) && (dim1.top <= dim2.top) && ((dim1.left + dim1.width) >= (dim2.left + dim2.width)) && ((dim1.top + dim1.height) > (dim2.top + dim2.height)))
    {
        return 100
    }
    else
    {
        dim1.right = dim1.left + dim1.width;
        dim1.bottom = dim1.top + dim1.height;
        dim2.right = dim2.left + dim2.width;
        dim2.bottom = dim2.top + dim2.height;
        var l = Math.max(dim1.left, dim2.left);
        var r = Math.min(dim1.right, dim2.right);
        var t = Math.max(dim1.top, dim2.top);
        var b = Math.min(dim1.bottom, dim2.bottom);
        if (b >= t && r >= l)
        {
            var percent = (((r - l) * (b - t)) / (dim2.width * dim2.height)) * 100;
            return percent
        }
    }
    return 0
};
selectBox.mousemove(function(e)
{
    refreshSelectBox(e);
    if (config.selectables && config.selectOnMove)
    {
        selectElementsInRange()
    }
    if (config.autoScroll)
    {
        scrollPerhaps(e)
    }
    e.preventDefault()
}).mouseup(function(e)
{
    if (config.selectables)
    {
        selectElementsInRange()
    }
    hideSelectBox(e);
    e.preventDefault()
});
if (jQuery.fn.disableTextSelect)
{
    parent.disableTextSelect()
}
parent.mousedown(function(e)
{
    //alert("mouse down");
    if ((e.pageX + 20) > jQuery(document.body).width())
    {
        return
    }
    showSelectBox(e);
    e.preventDefault()
}).mousemove(function(e)
{
    refreshSelectBox(e);
    if (config.selectables && config.selectOnMove)
    {
        selectElementsInRange()
    }
    if (config.autoScroll)
    {
        scrollPerhaps(e)
    }
    e.preventDefault()
}).mouseup(function(e)
{
    if (config.selectables)
    {
        selectElementsInRange()
    }
    hideSelectBox(e);
    e.preventDefault()
});
return this
};