// JavaScript Document samplehdr.js: Keyboard management for KeymanWeb demonstration pages

/* 
    The keyboard name and/or ISO language code must be specified for each keyboard that is to be available.  
    If the same keyboard is used for several languages, it must be listed for each
    language, but the keyboard itself will only be loaded once. 
    If two (or more) keyboards are to be available for a given language, both must be listed.
    Any number of keyboards may be specified in one or more calls. 
    Keyboard paths may be absolute (with respect to the server root) or relative to the keyboards option path. 
    The actual keyboard object will be downloaded asynchronously when first selected for use.
  
    Each argument to addKeyboards() is a string, for example:
      european2         loads the current version of the Eurolatin 2 keyboard (for its default language)
      european2@fra     loads the current version of the Eurolatin 2 keyboard for French
      european2@fra@1.2 loads version 1.2 of the Eurolatin 2 keyboard for French
      
    Argument syntax also supports the following extensions:
      @fra              load the current version of the default keyboard for French
      @fra$             load all available keyboards (current version) for French
          
    Each call to addKeyboards() requires a single call to the remote server, 
    (unless all keyboards listed are local and fully specified) so it is better
    to use multiple arguments rather than separate function calls. 
    
    Calling addKeyboards() with no arguments returns a list of *all* available keyboards. 
    The Toolbar (desktop browser) UI is best suited for allowing users to select 
    the appropriate language and keyboard in this case.

    Keyboards may also be specified by language name using addKeyboardsForLanguage()
    for example:
      keymanweb.addKeyboardsForLanguage('Burmese');
    
    Appending $ to the language name will again cause all available keyboards for that
    language to be loaded rather than the default keyboard.
        
    The first call to addKeyboardsForLanguage() makes an additional call to the 
    keyman API to load the current list of keyboard/language associations.

    In this example, the following function loads the indicated keyboards,
    and is called when the page loads. 
*/

  function loadKeyboards() 
  { 
    var kmw=tavultesoft.keymanweb;
    
    // The first keyboard added will be the default keyboard for touch devices.
    // For faster loading, it may be best for the default keybaord to be 
    // locally sourced.
    kmw.addKeyboards({id:'us',name:'English',language:{id:'eng',name:'English'},
      filename:'./us-1.0.js'});
      
    // Add more keyboards to the language menu, by keyboard name,
    // keyboard name and language code, or just the ISO 639 language code.  
    kmw.addKeyboards('french','european2@swe','european2@nor','@heb');
  
    // Add a keyboard by language name.  Note that the name must be spelled
    // correctly, or the keyboard will not be found.  (Using ISO codes is
    // usually easier.)
    kmw.addKeyboardsForLanguage('Dzongkha');
    
    // Add a fully-specified, locally-sourced, keyboard with custom font  
    kmw.addKeyboards({id:'lao_2008_basic',name:'Lao Basic',
      language:{
        id:'lao',name:'Lao',region:'Asia',
        font:{family:'LaoWeb',source:['../font/saysettha_web.ttf','../font/saysettha_web.woff','../font/saysettha_web.eot']}
        },
      filename:'./lao_2008_basic.js'
      });   

    // The following two optional calls should be delayed until language menus are fully loaded:
    //  (a) a specific mapped input element input is focused, to ensure that the OSK appears
    //  (b) a specific keyboard is loaded, rather than the keyboard last used.         
  //window.setTimeout(function(){kmw.setActiveElement('ta1',true);},2500);
  //window.setTimeout(function(){kmw.setActiveKeyboard('Keyboard_french','fra');},3000);
  
    // Note that locally specified keyboards will be listed before keyboards 
    // requested from the remote server by user interfaces that do not order
    // keyboards alphabetically by language.
  }
  
  {
	var inputCounter = 1;
	var removalCounter = 1;
	var removedElements = [];
  }
  
  function addInputs()
  {
	  var masterDiv = document.getElementById('DynamicTextboxes');
	  
	  var newTextArea = document.createElement("textarea");
	  
	  var i = inputCounter++;
	  
	  newTextArea.id = 'ta' + i;
	  newTextArea.className = 'test';
	  newTextArea.placeholder = "Dynamic area #" + i + "!";
	  
	  var newInput = document.createElement("input");
	  newInput.id = 'in' + i;
	  newInput.className = 'test';
	  newInput.placeholder = "Dynamic area #" + i + "!";
	  
	  //masterDiv.appendChild(newTextArea);
	  //masterDiv.appendChild(newInput);
	  
	  var newDiv = document.createElement("div");
	  newDiv.id = "dynamic_div" + i;
	  
	  //newDiv.appendChild(newTextArea);
	  newDiv.appendChild(newInput);
	  
	  masterDiv.appendChild(newDiv);
  }
  
  function removeInputs()
  {
	var parent = document.getElementById('DynamicTextboxes');
	var div = document.getElementById("dynamic_div" + removalCounter);
	if(div)
	{
		removalCounter++;
		parent.removeChild(div);
		removedElements.push(div);
	}
  }
  
  function restoreInputs()
  {
	  var masterDiv = document.getElementById('DynamicTextboxes');
	  removalCounter = 1;
	  
	  for(var i = 0; i < removedElements.length; i++)
	  {
		  masterDiv.appendChild(removedElements[i]);
	  }
	  
	  removedElements = [];
  }
  
  function addIFrame()
  {
	  var masterDiv = document.getElementById('DynamicTextboxes');
	  
	  var frame = document.createElement("iframe");
	  frame.height = "100";
	  frame.src = "issue-29-iframe.html";
	  frame.onload = function() {console.log('Original onload!');};
	  
	  //masterDiv.appendChild(frame);
	  
	  var newDiv = document.createElement("div");
	  newDiv.appendChild(frame);
	  masterDiv.appendChild(newDiv);
  }