Need jquery to store table column value on mousedown and mouseover
<p>I have a time picker I built in .NET that is a table format. Each row has a value of a 30 minute time interval. I have implemented the jquery that lets me click on a start time and drag down the list and pick an end time to select a time range. The problem I am running into is the jquery to store the value of the first row that is clicked and store the end time in the last row that was 'mouseovered'. Here is the jquery so far.</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(function () {
    var isMouseDown = false;
    var begintime;
    var endtime;
    $("#BodyLeft_timeTable td").mousedown(function () {
        isMouseDown = true;
        $(this).toggleClass("highlighted");
        return false;
    }).mouseover(function () {
        if (isMouseDown) {
            $(this).toggleClass("highlighted");
        }
    }).bind("selectstart", function () {
        return false;
    });

    $(document).mouseup(function () {
        isMouseDown = false;
        window.location.href = "HoursDetail.aspx";
    });
});
&lt;/script&gt;
</code></pre>

<p>Here is the link to the pic of where I am going with the time picker. When the mouseup event is fired the first and last times picked are used to redirect to new page and include these two values in the query string.</p>

<p><a href="http://i869.photobucket.com/albums/ab251/bradedwards0978/timepicker.png" rel="nofollow">http://i869.photobucket.com/albums/ab251/bradedwards0978/timepicker.png</a></p>

<p>Any help would be great.</p>

<p>Thanks.</p>
