Progress Bar

HTML

<div class="progressbar"></div>
<table id="mainTable" align="center">

	<tbody><tr>
		<td id="battleNumber" colspan="3" style="padding-bottom: 10px;">Question</td>
	</tr>

	<tr>
		<td id="leftField" onclick="if(finishFlag==0)sortList(-1);" rowspan="2" style="text-align:center;">Song1</td>
		<td class="middleField" onclick="if(finishFlag==0)sortList(0);" style="text-align:center;">

			Ambos
		</td>

		<td id="rightField" onclick="if(finishFlag==0)sortList(1);" rowspan="2" style="text-align:center;">Song2</td>
	</tr>
	<tr>
		<td class="middleField" onclick="if(finishFlag==0)sortList(0);" style="text-align:center;">
			Sin opinion
		</td>

	</tr>
</tbody></table><br><br>
<div id="resultField" style="text-align: center;">
<br><br>
</div>

CSS

.progressbar {
  height: 40px;
  background: #3f3f3f;
}

JavaScript

var namMember = new Array(
"Quiero Volver",
"Princesa",
"Like That",
"Never Ready",
"Te Quiero Mas",
"Flores",
"Waves"
);

var lstMember = new Array();
var parent = new Array();
var equal = new Array();
var rec = new Array();
var cmp1,cmp2;
var head1,head2;
var nrec;

var numQuestion;
var totalSize;
var finishSize;
var finishFlag;

function initList(){
    var n = 0;
	var mid;
	var i;

	lstMember[n] = new Array();
	for (i=0; i<namMember.length; i++) {
		lstMember[n][i] = i;
	}
	parent[n] = -1;
	totalSize = 0;
	n++;

	for (i=0; i<lstMember.length; i++) {
		if(lstMember[i].length>=2) {
			mid = Math.ceil(lstMember[i].length/2);
			lstMember[n] = new Array();
			lstMember[n] = lstMember[i].slice(0,mid);
			totalSize += lstMember[n].length;
			parent[n] = i;
			n++;
			lstMember[n] = new Array();
			lstMember[n] = lstMember[i].slice(mid,lstMember[i].length);
			totalSize += lstMember[n].length;
			parent[n] = i;
			n++;
		}
	}

	for (i=0; i<namMember.length; i++) {
		rec[i] = 0;
	}
	nrec = 0;
	for (i=0; i<=namMember.length; i++) {
		equal[i] = -1;
	}

	cmp1 = lstMember.length-2;
	cmp2 = lstMember.length-1;
	head1 = 0;
	head2 = 0;
	numQuestion = 1;
	finishSize = 0;
	finishFlag = 0;
}

function sortList(flag){
	var i;
	var str;

	if (flag<0) {
		rec[nrec] = lstMember[cmp1][head1];
		head1++;
		nrec++;
		finishSize++;
		while (equal[rec[nrec-1]]!=-1) {
			rec[nrec] = lstMember[cmp1][head1];
			head1++;
			nrec++;
			finishSize++;
		}
	}
	else if (flag>0) {
		rec[nrec] = lstMember[cmp2][head2];
		head2++;
		nrec++;
		finishSize++;
		while (equal[rec[nrec-1]]!=-1) {
			rec[nrec] = lstMember[cmp2][head2];
			head2++;
			nrec++;
			finishSize++;
		}
	}
	else {
		rec[nrec] = lstMember[cmp1][head1];
		head1++;
		nrec++;
		finishSize++;
		while (equal[rec[nrec-1]]!=-1) {
			rec[nrec] = lstMember[cmp1][head1];
			head1++;
			nrec++;
			finishSize++;
		}
		equal[rec[nrec-1]] = lstMember[cmp2][head2];
		rec[nrec] =...