var gPlayPauseIsPlaying = false;
var gPlayPauseInitialized = false;
var clickPlayPauseCallBack = null;

function setPlayPauseToPlaying(isPlaying) {
	gPlayPauseIsPlaying = isPlaying;
	var LANGPATH = getLangBaseUrl();
	var elt = document.getElementById("playPauseImage");
	elt.setAttribute("src", LANGPATH + (isPlaying ? "pause.gif" : "play.gif"));
	elt = document.getElementById("playPauseText");
	elt.innerHTML = (isPlaying ? "Pause Animation" : "Play Animation");
}

function isPlayPausePlaying() {
	return gPlayPauseIsPlaying;
}

function setClickPlayPauseCallback(callbackFunction) {
	clickPlayPauseCallBack = callbackFunction;
}

function showPlayPauseButton(showIt) {
	if (!gPlayPauseInitialized) {
		gPlayPauseInitialized = true;
		var LANGPATH = getLangBaseUrl();
		var styleStr = "display:" + (showIt ? "block" : "none");
//		document.write('<div id=\"playPauseButton\" class=\"sidebar navlinks langButtons\" style=\"' + styleStr + '\">');
		document.write('<div id=\"playPauseButton\" class=\"sidebar imageComments langButtons\" style=\"' + styleStr + '\">');
		document.write('<div style=\"position:relative; left:4px;\">');
		document.write('<img id=\"playPauseImage\" src=\"' + LANGPATH + 'pause.gif\" onClick=\"clickPlayPause();\">');
		document.write('<span id=\"playPauseText\" style=\"position:relative; top:-8px; left:4px; font-weight:bold;\">Pause</span>');
		document.write('</div>');
		document.write('</div>');
	}
	else {
		var elt = document.getElementById("playPauseButton");
		elt.style.display = (showIt ? "block" : "none");
	}
}


function clickPlayPause() {
	if (clickPlayPauseCallBack) {
		eval(clickPlayPauseCallBack);
	}
	setPlayPauseToPlaying(!gPlayPauseIsPlaying);
}