.postit{
    position:absolute;
    width:250;
    padding:5px;
    background-color:lightyellow;
    border:1px solid black;
    visibility:hidden;
    cursor:hand;
}

   
   


   
   
   
   
   
   

    Public Class PostItInfo
        Private _Id As String
        Private _Text As String
        Private _X As Integer
        Private _Y As Integer
        Private _Z As Integer = -1

        Public Property Id() As String
            Get
                Return _Id
            End Get
            Set(ByVal value As String)
                _Id = value
            End Set
        End Property

        Public Property Text() As String
            Get
                Return _Text
            End Get
            Set(ByVal value As String)
                _Text = value
            End Set
        End Property

        Public Property X() As Integer
            Get
                Return _X
            End Get
            Set(ByVal value As Integer)
                _X = value
            End Set
        End Property

        Public Property Y() As Integer
            Get
                Return _Y
            End Get
            Set(ByVal value As Integer)
                _Y = value
            End Set
        End Property

        Public Property Z() As Integer
            Get
                Return _Z
            End Get
            Set(ByVal value As Integer)
                _Z = value
            End Set
        End Property

        Public ReadOnly Property DivTag() As String
            Get
                Return " "
            End Get
        End Property

        Public ReadOnly Property ShowScript() As String
            Get
                Return " "
            End Get
        End Property

        Public Sub New()

        End Sub

        Public Sub New(ByVal Id As String, ByVal Text As String, ByVal X As Integer, ByVal Y As Integer)
            _Id = Id
            _Text = Text
            _X = X
            _Y = Y
            _Z = 100
        End Sub

        Public Sub New(ByVal Id As String, ByVal Text As String, ByVal X As Integer, ByVal Y As Integer, ByVal Z As Integer)
            _Id = Id
            _Text = Text
            _X = X
            _Y = Y
            _Z = Z
        End Sub
    End Class

    Protected Sub btnPostIt_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnPostIt.Click
        Dim newId As String = "postit_" & Guid.NewGuid.ToString.ToUpper
        If tbPostIt.Text.Length > 0 Then

            'Create the hashtable
            Dim ht As New Hashtable
            ht = GetHashTableFromString(PostItNotes.Text)

            Dim pii As PostItInfo
            If tbZ.Text.Length > 0 Then
                pii = New PostItInfo(newId, tbPostIt.Text.Replace(vbNewLine, "
"), CInt(tbX.Text), CInt(tbY.Text), CInt(tbZ.Text))
            Else
                'Determine the highest Z-value
                Dim MaxZ As Integer = 100
                For Each htKey As Object In ht.Keys
                    If CType(ht(htKey), PostItInfo).Z > MaxZ Then MaxZ = CType(ht(htKey), PostItInfo).Z
                Next
                pii = New PostItInfo(newId, tbPostIt.Text.Replace(vbNewLine, "
"), CInt(tbX.Text), CInt(tbY.Text), MaxZ + 1)
            End If

            'Add this note to the hashtable
            ht.Add(newId, pii)
            PostItNotes.Text = GetStringFromHashTable(ht)

            ShowNotes(ht)
        End If
    End Sub

    Private Sub ShowNotes(ByVal ht As Hashtable)
        Dim pii As PostItInfo
        Notes.Controls.Clear()
        PostFormScript.Controls.Clear()
        For Each HashKey As Object In ht.Keys
            pii = ht(HashKey)
            Notes.Controls.Add(New LiteralControl(pii.DivTag))
            PostFormScript.Controls.Add(New LiteralControl(pii.ShowScript))
        Next
    End Sub

function closeit(PostItId){
        document.getElementById(PostItId).style.visibility="hidden";
        htDelete(PostItId);
}

function showit(PostItId){
        document.getElementById(PostItId).style.visibility="visible"
        document.getElementById(PostItId).onmousedown=initializedrag;
}

function drag_drop(e){
    if (dragapproved){
        event.srcElement.style.left=tempx+event.clientX-offsetx
        event.srcElement.style.top=tempy+event.clientY-offsety
        return false
    }
}

function initializedrag(e){
    if (event.srcElement.id.substring(0,6)=="postit"){
        offsetx=event.clientX;
        offsety=event.clientY;

        tempx=parseInt(event.srcElement.style.left)
        tempy=parseInt(event.srcElement.style.top)

        dragapproved=true
        event.srcElement.onmousemove=drag_drop
        event.srcElement.onmouseup=drop;
    }
}

function drop(e) {
    dragapproved=false;
    if (tempx) {
        changePos(event.srcElement.id, tempx+event.clientX-offsetx, tempy+event.clientY-offsety);
    }
}