$(function() {
	 // console.log('load');
	 //debug at browser
	 play();
});

/* These are JavaScript commands that can be called throught the AMCP interface
Command examples are based on the assumption that demo.html is running on channel 1-1
I.e. PLAY 1-1 DEMO
*/

// CALL 1-1 PLAY
function play() {
	console.log('play');
	document.getElementById("demo").innerHTML="play";

	//check if we have included template-specific function from another file
  	if (typeof templatePlay == 'function') {
		templatePlay();
	}
}
// CALL 1-1 STOP
function stop() {

 	document.getElementById("demo").innerHTML="stop";
	//check if we have included template-specific function from another file
  	if (typeof templateStop == 'function') {
		templateStop();
	}
}


function update(xml) {
	console.log('update1');

	if ( settings.showFieldNames != true) {
		// check in what page we are, so we can use correct settings
		var pageName = location.href.split("/").slice(-1)[0].split(".")[0].toLowerCase();
		console.log(pageName);

		var settingsFields = settings[pageName]; //get object contains this pages fields

		var parser = new DOMParser();
		var valueList = parser.parseFromString(xml, "text/xml");

		//f0 = valueList.evaluate("/templateData/componentData[@id='f0']/data/@value", valueList, null, XPathResult.STRING_TYPE, null).stringValue;

		for (i = 0; i < Object.keys(settingsFields).length; i++) {
			// ### check if div exists
			var fieldName = "f" + i;
			if (document.getElementById(fieldName) !=null) {
				// check if we have value from client, if not, use from settings
				var searchString = "/templateData/componentData[@id='f" + i + "']/data/@value";
				fieldFromClient = valueList.evaluate(searchString, valueList, null, XPathResult.STRING_TYPE, null).stringValue;

				if (fieldFromClient != ""){
					document.getElementById(fieldName).innerHTML=fieldFromClient;
				}
				else {
					document.getElementById(fieldName).innerHTML=settingsFields[fieldName];
				}
			}
		}
	}
	// else leave fields as is

	if (typeof templateUpdate == 'function') {
		templateUpdate();
	}
}


// CALL 1-1 NEXT
function next() {

	document.getElementById("demo").innerHTML="next";

	if (typeof templateNext == 'function') {
		templateNext();
	}
}
// CALL 1-1 REMOVE
function remove() {
  document.getElementById("demo").innerHTML="remove";
}

// CALL 1-1 INVOKE STRING
function invoke(str) {
  eval(str);
}
// CALL 1-1 INVOKE "otherFunction('testing');"
function otherFunction(str) {
  document.getElementById("demo").innerHTML="Other function called with: " + str;
}

// Send a log message to CasparCG
//console.log('This message will end up in CCG logs');
//alert('Alerts do also');		 		 			 		 											 /* Alerts also end up in CCG logs */

// Call a function in CCG through JS
if(!window.AMCP) {AMCP = function(str){ console.log(str); };}			 /* This creates a dummy window.AMCP function so testing in regular browsers doesn't throw an error */
//window.AMCP('This is a AMCP log message from a HTML template');

// Define onEnterFrame() to minimize errors in CCG logs
function onEnterFrame() {}