var qid = 0;
var numQ = 0;
var data = {AnswerText:"cm"}; 
var myDataTable;
//var myDataSource;
function loader()
{
	var div = document.getElementById('qType');
	if(div.value == "mcsa")
	{
	   makeRequest("mcsa");
	}        
}

function Submit()
{
	var div = document.getElementById('hidden');
	var len = myDataTable.getRecordSet().getLength();
	var set = myDataTable.getRecordSet();
	var html = "";
	for(var i = 0; i < len; i++)
	{
	    var str = "<input type=\"hidden\" name=\"answers\" value=\"" + set.getRecord(i).getData("AnswerText") + "\"/>";
		html += str;
	}
	div.innerHTML = html;
	return true;
}

function table1()
{ 
		var connectionCallback = 
		{
            success: function(o)
            {            
                var xmlDoc = o.responseXML;
		        var myColumnDefs = [
		            {key:"AnswerText",resizeable:true, editor: new YAHOO.widget.TextboxCellEditor({disableBtns:true})}   
		        ];

		        myDataSource = new YAHOO.util.DataSource(xmlDoc);
		        myDataSource.responseType = YAHOO.util.DataSource.TYPE_XML;
		        myDataSource.responseSchema = {  resultNode: "Result", fields: ["AnswerText"] };

		        myDataTable = new YAHOO.widget.DataTable("cellediting", myColumnDefs, myDataSource);
		        var i=1,  bReverseSorted = false;

		        // Track when Column is reverse-sorted, since new data will come in out of order
		        var trackReverseSorts = function(oArg) {
		            bReverseSorted = (oArg.dir === YAHOO.widget.DataTable.CLASS_DESC);
		        };
		        myDataTable.subscribe("columnSortEvent", trackReverseSorts);
		
		        var highlightEditableCell = function(oArgs) {
		            var elCell = oArgs.target;
		            if(YAHOO.util.Dom.hasClass(elCell, "yui-dt-editable")) {
		                this.highlightCell(elCell);
		            }
		        };
		        myDataTable.subscribe("cellMouseoverEvent", highlightEditableCell);
		        myDataTable.subscribe("cellMouseoutEvent", myDataTable.onEventUnhighlightCell);
		        myDataTable.subscribe("cellClickEvent", myDataTable.onEventShowCellEditor);
		        
		        // Add one row to the bottom
		        var btnAddRow = new YAHOO.widget.Button("addrow");
		        btnAddRow.on("click", function() {
		            // Clear sort when necessary
		            if(bReverseSorted) {
		                myDataTable.set("sortedBy", null);
		            }
		            
		            var record = YAHOO.widget.DataTable._cloneObject(data);
		            record.row = i++;
		            myDataTable.addRow(record);
		        },this,true);
		        
		        // Delete one row from the top
		        var btnDeleteRow = new YAHOO.widget.Button("deleterow");
		        btnDeleteRow.on("click", function() {
		            if(myDataTable.getRecordSet().getLength() > 0) {
		                myDataTable.deleteRow(myDataTable.getRecordSet().getLength() - 1);
		            }
		        },this,true);
		            },
		            failure: function(o) {
						alert("feh");
		            }
		 };
        var getXML = YAHOO.util.Connect.asyncRequest("GET", "/quiz/AddQuestionAction_answersXML.action", connectionCallback);   
        return {
            oDS: myDataSource,
            oDT: myDataTable
        };
}
    
function changeQuestion()
{
    var formdiv = document.getElementById("questionType").value;
    makeRequest(formdiv);
}

function makeRequest(id)
{ 
    var div = document.getElementById('mcsa').cloneNode(true);
    var target = document.getElementById('questionnaire');
    var target2 = document.getElementById('hidden');
    target2.id = 'hidden2';
    target.innerHTML = div.innerHTML += "<div id=\"cellediting\"></div>";
    target.id='q1';
    target.style.display = 'block';
    table1();
    target2 = document.getElementById('hidden2');
    target2.id = "hidden";
}

function addQuestion() {
	var div = document.getElementById('qa');
	var html = "<label for=\"questionType\" class=\"label\">Select Question Type:</label>";
	html +=    "<select name=\"questionType\" id=\"questionType\" onchange=\"changeQuestion();\">";
    html +=    "<option value=\"-1\">--- Please Select ---</option>";
    html +=    "<option value=\"mcsa\">Mulitple Choice - single answer</option>";
    html +=    "<option value=\"mcma\">Mulitple Choice - multiple answers</option>";
    html +=    "<option value=\"msapr\">Matrix - single answer per row</option>";
    html +=    "<option value=\"mmapr\">Matrix - multiple answers per row</option>";
	html +=    "</select>";
	div.innerHTML = html;
}