/*******************************************************************************/
/* Functions used by HTML code for flash object launching and puzzle selection */
/*******************************************************************************/

var gBase;

/* Change the puzzle in the puzzle selector */
function onChangePuzzle() {
	var form = document.getElementById("cncptsForm");
	form.selectedPuzzle.value = form.puzzleSelect[form.puzzleSelect.selectedIndex].value;
	document.getElementById("player").innerHTML = buildPlayerObject(gBase, 'generic/' + gFamilyPath + '/' + gVariantPath + '/puzzles/' + getPuzzleName(), gBgColor);
}

/* Get the name of the puzzle from the selector */
function getPuzzleName() {
	var form = document.getElementById("cncptsForm");
	return (form.selectedPuzzle.value.length == 0 ? form.puzzleSelect[form.puzzleSelect.selectedIndex].value : form.selectedPuzzle.value) + '.caf';
}

/* Format and return the content of the player div */
function writePlayerDiv(id, base) {
	gBase = base;
	document.getElementById(id).innerHTML =
		'<table id="cncpts">' +
			'<tr>' +
				'<td>' +
					'<div class="center border"><img src="' + base + '/generic/' + gFamilyPath + '/logo.gif" alt="' + gFamilyName + '" class="logo" /></div>' +
					'<div class="colored">' +
						'<div class="padded">' +
							'<div class="left">' +
								'<form action="" id="cncptsForm">' +
									'<input id="selectedPuzzle" type="hidden" />' +
									'<strong>Select puzzle</strong><br />' +
									'<select id="puzzleSelect" onchange="onChangePuzzle()">' +
										gSelector +
									'</select>' +
								'</form>' +
							'</div>' +
							'<span id="more">' +
								'<a href="http://www.conceptispuzzles.com/index.aspx?uri=puzzle/' + gFamilyUri + '" target="_blank">' +
								'More ' + gFamilyName + '<br />from Conceptis</a>' +
							'</span>' +
						'</div>' +
						'<div id="player">' +
						'</div>' +
					'</div>' +
				'</td>' +
			'</tr>' +
		'</table>';
	document.getElementById("player").innerHTML = buildPlayerObject(gBase, 'generic/' + gFamilyPath + '/' + gVariantPath + '/puzzles/' + getPuzzleName(), gBgColor);
}