var sortBy = null;
var fontfilename= 'N/A';
var sample = null;



function sortByOrderNum(a,b) {
	return a.orderNum - b.orderNum;
}

function sortByFontName(a,b) {
	var stringA = a.fontName.toLowerCase();
	var stringB = b.fontName.toLowerCase();
	if (stringA > stringB) return 1;
	if (stringA < stringB) return -1;
	return 0;
}

function sortByWeightStyle(a,b) {
	return b.weightstyle - a.weightstyle;
	return 0;
}

function sortByOs(a,b) {
	return a.os - b.os;
	return 0;
}

function sortByRank(a,b) {
	return a.rank - b.rank;
	return 0;
}

function sortArray(arrayName,sortBy,areaName) {
	if (sortBy == 'fontName')  arrayName.sort(sortByFontName);
	if (sortBy == 'weightstyle')  arrayName.sort(sortByWeightStyle);
	if (sortBy == 'os')  arrayName.sort(sortByOs);
	if (sortBy == 'rank')  arrayName.sort(sortByRank);
	displayTable(arrayName,sortBy,areaName);
}

function removeSpaces(string) {
 return string.split(' ').join('-');
}



function displayTable(arrayName,sortBy,areaName) {
	var tr;
	var td;
	object=document.getElementById(areaName);
	
	while (object.rows.length >0) object.deleteRow(0)
	
	for (var i = 0; i < arrayName.length; i++) {
		tr = object.insertRow(object.rows.length);
		
		td = tr.insertCell(tr.cells.length);
		if (sortBy == 'fontName') td.setAttribute('class','tableColumn col1 sort');
		else	td.setAttribute('class','tableColumn col1');
		fontName = arrayName[i].fontName;
		td.innerHTML = '<span class="number">' + (i+1) + '</span> ' + fontName;
		
		td = tr.insertCell(tr.cells.length);
		if (sortBy == 'weightstyle') td.setAttribute('class','tableColumn col2 sort');
		else  td.setAttribute('class','tableColumn col2');
		weightstyle=arrayName[i].weightstyle;
		if (weightstyle == 0) weightstyle="";
		else if (weightstyle == 1) weightstyle="<b>bold</b>";
		else if (weightstyle == 2) weightstyle="<i>italic</i>";
		else if (weightstyle == 3) weightstyle="<b>bold</b>, <i>italic</i>";
		else if (weightstyle == 4) weightstyle="<b>bold</b>, <i>italic</i>, <b><i>bold/italic</i></b>";
		td.innerHTML = weightstyle;

		td = tr.insertCell(tr.cells.length);		
		if (sortBy == 'os') td.setAttribute('class','tableColumn col3 sort');
		else td.setAttribute('class','tableColumn col3');
		os=arrayName[i].os;
		if (os == 2) os='<img src="_img/os-all.png" alt="Mac/Windows" title="Mac/Windows" width="24" height="24"/>';
		else if (os == 1) os='<img src="_img/os-mac.png" alt="Mac" title="Mac" width="24" height="24"/>';
		else if (os == 0) os='<img src="_img/os-windows.png" alt="Windows" title="Windows" width="24" height="24"/>';
		td.innerHTML = os;

		td = tr.insertCell(tr.cells.length);		
		if (sortBy == 'rank')  td.setAttribute('class',' tableColumn col4 sort');
		else td.setAttribute('class',' tableColumn col4');
		rank=arrayName[i].rank;
		if (rank == 1) rank='<div title="Certain" class="ranking rank-1">1-Certain</div>';
		else if (rank == 2) rank='<div title="Almost Certain" class="ranking rank-2">2-Almost Certain</div>';
		else if (rank == 3) rank='<div title="Likely" class="ranking rank-3">3-Likely</div>';
		else if (rank == 4) rank='<div title="Less Likely" class="ranking rank-4">4-Less Likely</div>';
		else if (rank == 5) rank='<div title="Unlikely" class="ranking rank-5">5-Unlikely</div>';
		td.innerHTML = rank;
		
		
		td = tr.insertCell(tr.cells.length);
		td.setAttribute('class','tableColumn col1');
		
		fontfilename = removeSpaces(fontName);
		
		sample = '<img src="_img/font_sample/' + fontfilename + '.gif" alt="' + fontfilename + '" />';
		td.innerHTML = sample;
	}
}