function generateBrandBox (brandlist)
{
	var navstring = "<div id=\"brands\" class=\"clear\"><h2 class=\"h2bar\">Shop by Brand<\/h2><ul>";
	var resultstring = "";
	var letterarray = new Array();
	for(letter = 65; letter < 91; letter++)
	{
		for(i = 0; i < brandlist.length; i++)
		{
			charcode = brandlist[i][0].charCodeAt(0);
			if(charcode == letter | charcode == letter + 32)
			{
				letterarray.push([brandlist[i][0],brandlist[i][1]]);
				brandlist.splice(i,1);
				i--;
			}
		}
		var letterlength = letterarray.length;
		var total = letterarray.length;
		var column1 = Math.ceil(total/4); total -= column1;
		var column2 = Math.ceil(total/3); total -= column2;
		var column3 = Math.ceil(total/2); total -= column3;
		column2 += column1; column3 += column2; column1--; column2--; column3--;
		
		navstring += "<li><a href=\"#brands-" + String.fromCharCode(letter) + "\">" + String.fromCharCode(letter) +  "<\/a><\/li>";
		resultstring += "<div id=\"brands-" + String.fromCharCode(letter) + "\" class=\"clearfix\"><ul>";
		for(i = 0; i < letterlength; i++)
		{
			resultstring += "<li><a href=\"" + letterarray[i][1] + "\">" + letterarray[i][0] + "<\/a><\/li>";
			if(i == column1 | i == column2 | i == column3 )
			{
				resultstring += "<\/ul><ul>";
			}
		}
		letterarray.length = 0;
		resultstring += "<\/ul><\/div>";
	}
	resultstring += "<div id=\"brands-num\" class=\"clearfix\"><ul>";
	for(i = 0; i < brandlist.length; i++)
	{
		resultstring += "<li><a href=\"" + brandlist[i][1] + "\">" + brandlist[i][0] + "<\/a><\/li>";
		brandlist.splice(i,1);
		i--;
	}
	resultstring += "<\/ul><\/div>";
	navstring += "<li><a href=\"#brands-num\">#<\/a><\/li><\/ul>";
	resultstring += "<\/div>";
	document.write(navstring + resultstring);
}