function addMoreCards( )
{
	for( var i=0; ; i++ )
	{
		if ( !document.getElementById("front" + i) )
			break
	}

	var ol = document.getElementById("cardlist")
	
	var n = i + 5
	for ( ; i < n; i++ )
	{
		var front_input = document.createElement("input")
		front_input.className = 'card'
		front_input.name = 'front[]'
		front_input.id = 'front'+i

		var back_input = document.createElement("input")
		back_input.className = 'card'
		back_input.name = 'back[]'
		back_input.id = 'back'+i

		var li = document.createElement("li")
		li.appendChild(front_input)
		li.appendChild( document.createTextNode(" ") )
		li.appendChild(back_input)

		ol.appendChild( li )
	}

	return false;
}

function addMoreQuestions( )
{
	// find out the highest current question id
	for( var q=0; ; q++ )
	{
		if ( !document.getElementById("question" + q) )
			break
	}

	var ol = document.getElementById("questionlist")
	
	var n = q + 5
	for ( ; q < n; q++ )
	{
		var li = document.createElement("li")
		li.className = 'question'

		li.innerHTML += "<input type='text' name='question%d' id='question%d' class='question' />".format( q, q )
									
		li.appendChild(document.createElement("br"))
		li.appendChild( createLabel( "answer%d_0".format(q), "Answers:" ) )
		li.appendChild(document.createElement("br"))

		for ( var a=0; a < 4; a++ )
		{
			// radio button
			var sel = (a ==0) ? "checked='1'" : ""
			li.innerHTML += "<input type='radio' name='correct%d' value='%s' %s/>".format( q, a, sel )

			// answer box
			li.innerHTML += "<input type='text' name='answer%d_%d' class='answer' />".format( q, a )

			li.appendChild( createLabel( "feedback%d_%d".format(q,a), " Feedback: " ) )
			// feedback box
			li.innerHTML += "<input type='text' name='feedback%d_%d' class='feedback' />".format( q, a )

			li.appendChild(document.createElement("br"))
		}


		li.appendChild( createLabel( "difficulty"+q, "Difficulty: " ) )
		
		li.innerHTML += "<input type='radio' name='difficulty%d' id='easy%d' value='1' checked='1' />".format( q, q )
		li.appendChild( createLabel( "easy"+q, "Easy" ) )
		li.appendChild( document.createTextNode(" ") )
		
		li.innerHTML += "<input type='radio' name='difficulty%d' id='medium%d' value='2' />".format( q, q )
		li.appendChild( createLabel( "medium"+q, "Medium" ) )
		li.appendChild( document.createTextNode(" ") )

		li.innerHTML += "<input type='radio' name='difficulty%d' id='hard%d' value='3' />".format( q, q )
		li.appendChild( createLabel( "hard"+q, "Hard" ) )
		li.appendChild( document.createTextNode(" ") )

		ol.appendChild( li )
	}

	return false;
}