source: main/trunk/model-sites-dev/multimodal-mdl/collect/selfsim-magnatune/script2/main-play-notes.js@ 28595

var playNoteOverlayMode = "paused";

PhotoNote.prototype.Play = function()
{
    //console.log("*** Activate Play for this note!!");
   // console.log("*** this.rect" + this.rect);

    var mysong   = document.getElementById("mysong");
    var barWidth = mysong.getElementWidth();

    //var mevent = new Event();
    //var mevent = document.createEvent("MouseEvent");
    // mevt.initMouseEvent("click",true,true,...); 

    //var selfSimImg = document.getElementById("selfSimImgId");
    //var imgWidth   = selfSimImg.getAttribute("width");
    //var imgHeight  = selfSimImg.getAttribute("height") * yScaleSimImg;
    
    var img_x = $("#selfSimImgId").offset().left;
    var img_y = $("#selfSimImgId").offset().top;


    var mevent = new Object();
    mevent.pageX = img_x + this.rect.left;
    mevent.pageY = img_y + this.rect.top;

    console.log("*** toggle play mode = " + togglePlayMode);
    console.log("*** playTrackerMode = " + playTrackerMode);

/*
    if (togglePlayMode.match("pause")) { 
    // (counter-intuitively) means it is playing
    if (playTrackerMode.match("playing")) {
        // in dualPlay() mode
        togglePlay(mevent,this);
    }
    }
    else {
    // 
    dualPlay(mevent);
    }
*/



    if (playNoteOverlayMode == "paused") {
    playNoteOverlayMode = "playing";
    dualPlay(mevent);
    }
    else {
    playNoteOverlayMode = "paused";
    togglePlay(mevent,this);
    }
  


    // code for cancel =>
    //this.oldRect = null;
    //this.gui.TextTitle.innerHTML = this.gui.TextBox.value;
    //this.text = this.gui.TextBox.value
    //this.UnSelect();
}

PhotoNote.prototype.appendPlayElement = function()
{
    var currentNote = this;

    var newButtonPlay = document.createElement('a');
    newButtonPlay.setAttribute("class", "annotator-save annotator-inline");
    newButtonPlay.innerHTML='Play';
    newButtonPlay.onmouseover = function(){_zoomEnabled = false;};
    newButtonPlay.onmouseout = function(){_zoomEnabled = true;};
    newButtonPlay.onclick = function() {
        currentNote.Play();            
    };

    this.buttonsDiv.appendChild(newButtonPlay);
}



OverlayNotes.prototype.getNotes = function(divID,metaname)
{
    if(gs.variables[metaname] == null || gs.variables[metaname] == undefined)
    {
    console.log("No photo notes");
    return;
    }
    
    for(var i = 0; i < gs.variables[metaname].length; i++)
    {
    var metavals = gs.variables[metaname];
    var note = metavals[i];
    if(!note)
    {
        continue;
    }

    var newNote = new PhotoNote(note.caption, divID, i+1, new PhotoNoteRect(note.area.x,note.area.y,note.area.width,note.area.height));
    newNote.appendPlayElement();

    var that = this;
    newNote.onsave   = function(note) { return that.saveFunction(note) };
    newNote.ondelete = function(note) { return that.deleteFunction(note) };

    this.notes.AddNote(newNote);
    this.posCount++;
    }
    
    this.addNoteOverAndOutHandlers();
}

OverlayNotes.prototype.AddNote = function()
{
    this.posCount++;

    var photoPos = $("#"+this.divID).offset();
    
    var newNote = new PhotoNote('Add note text here...',this.divID,this.posCount,new PhotoNoteRect(20,20,50,50));
    newNote.appendPlayElement();

    var that = this;
    newNote.onsave   = function(note) { return that.saveFunction(note) };
    newNote.ondelete = function(note) { return that.deleteFunction(note) };
    this.notes.AddNote(newNote);
    
    this.addNoteOverAndOutHandlers();
    newNote.Select();
}