function getDate()
    {
        var today = new Date()
        var month = today.getMonth()+1;
        var year = today.getYear();
        var day = today.getDate();
        if(day<10) day = "0" + day;
        if(month<10) month= "0" + month ;
        if(year<1000) year+=1900;
     
        return (month + "/" + day +
                 "/" + year);
    }
    
    function getTime()
    {
        var curDateTime = new Date();
        var curHour = curDateTime.getHours();
        var curMin = curDateTime.getMinutes();
        var curSec = curDateTime.getSeconds();
        var curAMPM = " AM";
        var curTime = "";
        if (curHour >= 12){
            curHour -= 12;
            curAMPM = " PM";
            }
        if (curHour == 0) curHour = 12;
        curTime = curHour + ":" 
            + ((curMin < 10) ? "0" : "") + curMin + ":" 
            + ((curSec < 10) ? "0" : "") + curSec 
            + curAMPM;
        return (curTime);

    }
  
    function createSticky()
    {
        
        
        var stickyId = document.getElementById("NoteId").value
        //alert(stickyId);
        var divTag = document.createElement("div");
        
        var menuId = "menu" + stickyId;
        var formId = "note" + stickyId;
        var checkId = "shouldrevert" + stickyId;
        var saveId = "save" + stickyId;
        var delId = "del" + stickyId;
        var txtId = "txt" + stickyId;
        var dateId = "date" + stickyId;
        var nowd = getDate();
        var nowt = getTime();
        var now = nowd + " " + nowt;
        divTag.id = "sticky" + stickyId;
        divTag.className ="dynamicSticky"; 
        
    
        //divTag.innerHTML = "<form id='" + formId + "'><input type='checkbox' id='" + checkId + "'/>Revert?<br /></form>" ;
        //divTag.innerHTML = "<form id='" + formId + "'><input id='" + saveId + "' style='font-size: x-small' type='button' value='Save' onclick='saveSticky(" + stickyId + ");' /></br><textarea id='" + txtId + "' class='StickyElementTextbox'></textarea><input id='" + dateId + "' type='text' class='StickyElementDatebox' value='" + now + "' readonly='readonly'/></form>" ;
	
	      
	
        //divTag.innerHTML = "<form id='" + formId + "'><span id='" + menuId + "'></span></br><textarea id='" + txtId + "' class='StickyElementTextbox'></textarea><input id='" + dateId + "' type='text' class='StickyElementDatebox' value='" + now + "' readonly='readonly'/></form>" ;
        
        divTag.innerHTML = "<form id='" + formId + "'><input id='" + saveId + "' style='font-size: xx-small;font-weight: bold' type='button' value='Save' onclick='saveSticky(" + stickyId + ");' /><input id='" + delId + "' style='font-size: xx-small' type='button' value='X' onclick='deleteSticky(" + stickyId + ");' /></br><textarea id='" + txtId + "' class='StickyElementTextbox'></textarea><input id='" + dateId + "' type='text' class='StickyElementDatebox' value='" + now + "' readonly='readonly'/></form>" ;
        document.body.appendChild(divTag);
       
        document.getElementById(divTag.id).style.top = 200 //document.getElementById("LocLeft").value;  
        document.getElementById(divTag.id).style.left = 200 //document.getElementById("LocTop").value;
        //document.getElementById("LocLeft").value = document.getElementById("LocLeft").value + 30;
        //document.getElementById("LocTop").value = document.getElementById("LocTop").value + 30;
        
        
        //new Draggable(divTag.id,{scroll:window,handle:divTag.id,revert:function(element){return ($(checkId).checked)}});
        new Draggable(divTag.id,{scroll:window,handle:divTag.id,revert:function(element){return (false)}});
    
        document.getElementById("NoteId").value = parseInt(stickyId) + 1;
        
        
       
    }

    //sticky from XML
    function createSticky2(user,stickyId,locleft,loctop,text,createdate)
    {
        
        
        //var stickyId = document.getElementById("NoteId").value
        //alert(stickyId);
        var divTag = document.createElement("div");
        var formId = "note" + stickyId;
        var checkId = "shouldrevert" + stickyId;
        var saveId = "save" + stickyId;
        var delId = "del" + stickyId;
        var txtId = "txt" + stickyId;
        var dateId = "date" + stickyId;
        var nowd = getDate();
        var nowt = getTime();
        var now = nowd + " " + nowt;
        divTag.id = "sticky" + stickyId;
        divTag.className ="dynamicSticky";
        
              
        divTag.innerHTML = "<form id='" + formId + "'><input id='" + saveId + "' style='font-size: xx-small;font-weight: normal' type='button' value='Save' onclick='saveSticky(" + stickyId + ");' /><input id='" + delId + "' style='font-size: xx-small' type='button' value='X' onclick='deleteSticky(" + stickyId + ");' /></br><textarea id='" + txtId + "' class='StickyElementTextbox'>" + text + "</textarea><input id='" + dateId + "' type='text' class='StickyElementDatebox' value='" + createdate + "' readonly='readonly'/></form>" ;
        
 
        document.body.appendChild(divTag); 
        
        
        //new Draggable(divTag.id,{scroll:window,handle:divTag.id,revert:function(element){return ($(checkId).checked)}});
        new Draggable(divTag.id,{scroll:window,handle:divTag.id,revert:function(element){return (false)}});
    
        if(parseInt(stickyId) > parseInt(document.getElementById("NoteId").value) -1 ) 
        {
            document.getElementById("NoteId").value = parseInt(stickyId) + 1;
           // alert(stickyId);
           // alert(document.getElementById("NoteId").value);
        }
    
        
        document.getElementById(divTag.id).style.top = loctop;   
        document.getElementById(divTag.id).style.left = locleft;
        //alert(document.forms[0].innerHTML);
    }
function saveSticky(stickyId)
    {
        
        var user = document.getElementById("User1").value;
        var stickydiv = document.getElementById("sticky" + stickyId);
        var locleft = stickydiv.offsetLeft;
        var loctop = stickydiv.offsetTop;
        var txtId = "txt" + stickyId;
        var dateId = "date" + stickyId;
        var text = document.getElementById(txtId).value;
        //text= text.replace("'","\'");
        var currentdate = document.getElementById(dateId).value;
        
        document.getElementById("save" + stickyId).style.fontWeight = "normal";
        
        CallServiceDAL("SaveSticky",user,stickyId,locleft,loctop,text,currentdate);
        
        
        //var requester = new XMLHttpRequest();
        
        //alert(stickyId);
        
        //var txtId = "txt" + stickyId;
        //var dateId = "date" + stickyId;
        //var fileId = "c:\\Sticky_" + stickyId + ".txt";
        //var fso = new ActiveXObject("Scripting.FileSystemObject");
        //var s = fso.CreateTextFile(fileId, true);
        //var stickyTxt = document.getElementById(txtId).value;
        //var dateTxt = document.getElementById(dateId).value;
        //s.WriteLine('Sticky: ' + stickyTxt);
        //s.WriteLine('Sticky Created: ' + dateTxt);
        //s.WriteLine('Sticky ID: ' + stickyId);
        //s.Close();
    }
    
function deleteSticky(stickyId)
    {
        
        var user = document.getElementById("User1").value;
        CallServiceDAL("DeleteSticky",user,stickyId);
        document.getElementById("sticky" + stickyId).style.display = "none";
        //__doPostBack('','');
      
    }
    


function ShowHide(elId)
      {
        var el = document.getElementById(elId);
        el.style.display = ('none' == el.style.display)? '':'none';

}