function flashcard() {
	/*
	mediaplayer = new MediaElementPlayer('#player');
	mediaplayer.setSrc(word1wma);
	//mediaplayer.pause();
	mediaplayer.play();
	*/

	box1 = new MyTextBox(ClickedLanguageWord1, 'word1Box', language1word, 200, 2000, 3200, 2100, 800, 300);
	box2 = new MyTextBox(ClickedLanguageWord2, 'word2Box', language2word, 3600, 2000, 3200, 2100, 800, 300);
	box = new MyTextBox(ClickedLanguageSentence1, 'sentence1Box', language1sentence, 200, 4700, 9600, 2100, 800, 300);
	box = new MyTextBox(ClickedLanguageSentence2, 'sentence2Box', language2sentence, 200, 7400, 9600, 2100, 800, 300);
}

function flashcardonwoodenplaque() {
	MyTextBox(null, 'LQBox', 'LanguageQuotient.com', 200, 200, 9600, 1000, 800, 480);
	MyTextBox(null, 'helloBox', '你好! Hello! Привет! Hola!', 200, 1400, 6000, 1000, 800, 480);

	box1 = new MyTextBox(ClickedLanguageWord1, 'word1Box', language1word, 200, 2600, 6000, 1000, 800, 480);
	box2 = new MyTextBox(ClickedLanguageWord2, 'word2Box', language2word, 200, 3800, 6000, 1000, 800, 480);
	box = new MyTextBox(ClickedLanguageSentence1, 'sentence1Box', language1sentence, 200, 5000, 9600, 2300, 800, 480);
	box = new MyTextBox(ClickedLanguageSentence2, 'sentence2Box', language2sentence, 200, 7500, 9600, 2300, 800, 480);
}


function ClickedLanguageWord1(){
	alert_box(0);
//alert("<a href='http://languagequotient.com/word/jsphp/GetStringFromMySQL.php'></a>");
//alert("1: "+document.getElementById('word1Box').innerHTML.src);
//script = document.createElement('script');
//script.src = 'jsphp/GetStringFromMySQL.php';
//document.getElementsByTagName('head')[0].appendChild(script);
}
function ClickedLanguageWord2(){
	alert_box(1);
}
function ClickedLanguageSentence1(){
	alert_box(2);
}
function ClickedLanguageSentence2(){
	alert_box(3);
}

function alert_box(num)
{
	var v = document.getElementsByTagName('audio')[num];
	var player = new MediaElement(v, {
		success: function(media) {
			media.play();
		}
	});
}













var maxFontSize = 200;

function filledtextbox(parent, clickhandler, idParam, textParam, leftParam, topParam, widthParam, heightParam) {
	return MyTextBox(clickhandler, idParam, textParam, leftParam, topParam, widthParam, heightParam, parent.offsetwidth, parent.offsetheight);
}

// "MyTextBox" class
function MyTextBox(clickhandler, idParam, textParam, leftParam, topParam, widthParam, heightParam, screenWidth, screenHeight)
{
	var id = idParam;
	var text = textParam;
	var left = leftParam;
	var top = topParam;
	var width = widthParam;
	var height = heightParam;

	//alert(AdjustLeftTest());

	var newdiv = CreateDiv(clickhandler, id, text, AdjustLeft(), AdjustTop(), AdjustWidth(), AdjustHeight());

	FitTextInBox(id, AdjustHeight());

	function AdjustLeft() {
		//alert("l:"+screenWidth * left / 10000);
		return screenWidth * left / 10000;
	}

	function AdjustTop() {
		//alert("t:"+screenHeight * top / 10000);
		return screenHeight * top / 10000;
	}

	function AdjustWidth() {
		return screenWidth * width / 10000;
	}

	function AdjustHeight() {
		return screenHeight * height / 10000;
	}

	function DisplayInBox() {

	}

	return newdiv;
}

function MouseOver()
{

}

function CreateDiv(clickhandler, id, htmlText, left, top, width, height) {
	//alert(id + " " + htmlText + " " + left + " " + top + " " + width + " " + height);
	var newdivBkg = document.createElement('div');
	newdivBkg.className="divbackground";
	//newdivBkg.style.backgroundColor = "#f4d4b4";
	//newdivBkg.style.opacity = .2;

	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', id);
	newdiv.className="mytextbox";
	//newdiv.style.display="hidden";

	if(clickhandler != null) {
		newdiv.onclick=clickhandler;
	}

	newdivBkg.style.position = "absolute";
	newdivBkg.style.left = left - 1;
	newdivBkg.style.top = top - 1;
	newdivBkg.style.width = width + 1;
	newdivBkg.style.height = height + 1;
	newdivBkg.style.cursor = "hand";

	newdiv.style.position = "absolute";
	newdiv.style.left = left;
	newdiv.style.top = top;
	newdiv.style.width = width;
	newdiv.style.height = "auto";
	newdiv.style.cursor = "hand";

	//alert("after:" + newdiv.style.left + " " + newdiv.style.top + " " + newdiv.style.width + " " + newdiv.style.height + " " + newdiv.offsetWidth + " " + newdiv.offsetHeight);

	//newdiv.style.background = "#00C";
	//newdiv.style.border = "4px solid #000";
	newdiv.style.fontWeight = "bold";
	newdiv.style.textAlign = "center"

	if (htmlText) {
		newdiv.innerHTML = htmlText;
	} else {
		newdiv.innerHTML = "nothing";
	}
	document.body.appendChild(newdivBkg);
	document.body.appendChild(newdiv);

	return newdiv;
}

function FitTextInBox(id, maxH){
	var maxHeight = maxH;
	//alert("Fit Text" + maxH)
	var obj = document.getElementById(id);

	obj.style.fontSize = '3px';

	var tempFontSize;
	fitText();

	function fitText()
	{
		tempFontSize = obj.style.fontSize.replace('px','')/1;
		obj.style.fontSize = tempFontSize + 1 + 'px';

		var tempHeight = obj.offsetHeight;
		if(tempFontSize >= maxFontSize){
			return;
		}
		if(tempHeight<=maxHeight && obj.scrollWidth <= obj.offsetWidth){
			width = obj.offsetWidth;
			fitText();
		}
		else{
			obj.style.fontSize = obj.style.fontSize.replace('px','')/1 - 1 + 'px';
		}
	}

	//alert(obj.offsetTop + " " + obj.style.top + " " + maxH + " " + obj.offsetHeight);
	obj.style.top = (obj.offsetTop + (maxH-obj.offsetHeight)/2) + "px";

	return tempFontSize;
}





//script = document.createElement('script');
//script.src = 'jsphp/GetStringFromMySQL.php';
//document.getElementsByTagName('head')[0].appendChild(script);