var families = new Array('Corundum Text', 'Freight Big', 'Freight Display', 'Freight Micro', 'Freight Sans', 'Freight Text', 'Omnes');
var familyWeights = new Array();
familyWeights[0] = new Array();
familyWeights[0][0] = {
number: '001', 
weight: 'Book' 
}
familyWeights[0][1] = {
number: '002', 
weight: 'BookItalic' 
}
familyWeights[0][2] = {
number: '003', 
weight: 'BookSC' 
}
familyWeights[0][3] = {
number: '004', 
weight: 'BookItalicSC' 
}
familyWeights[0][4] = {
number: '005', 
weight: 'Semibold' 
}
familyWeights[0][5] = {
number: '006', 
weight: 'SemiboldItalic' 
}
familyWeights[0][6] = {
number: '007', 
weight: 'SemiboldSC' 
}
familyWeights[0][7] = {
number: '008', 
weight: 'SemiboldItalicSC' 
}
familyWeights[0][8] = {
number: '009', 
weight: 'Bold' 
}
familyWeights[0][9] = {
number: '010', 
weight: 'BoldItalic' 
}
familyWeights[0][10] = {
number: '011', 
weight: 'BoldSC' 
}
familyWeights[0][11] = {
number: '012', 
weight: 'BoldItalicSC' 
}
familyWeights[0][12] = {
number: '013', 
weight: 'PiOne' 
}
familyWeights[0][13] = {
number: '014', 
weight: 'PiTwo' 
}
familyWeights[1] = new Array();
familyWeights[1][0] = {
number: '001', 
weight: 'Light' 
}
familyWeights[1][1] = {
number: '002', 
weight: 'LightItalic' 
}
familyWeights[1][2] = {
number: '003', 
weight: 'LightSC' 
}
familyWeights[1][3] = {
number: '004', 
weight: 'LightItalicSC' 
}
familyWeights[1][4] = {
number: '005', 
weight: 'Book' 
}
familyWeights[1][5] = {
number: '006', 
weight: 'BookItalic' 
}
familyWeights[1][6] = {
number: '007', 
weight: 'BookSC' 
}
familyWeights[1][7] = {
number: '008', 
weight: 'BookItalicSC' 
}
familyWeights[1][8] = {
number: '009', 
weight: 'Medium' 
}
familyWeights[1][9] = {
number: '010', 
weight: 'MediumItalic' 
}
familyWeights[1][10] = {
number: '011', 
weight: 'MediumSC' 
}
familyWeights[1][11] = {
number: '012', 
weight: 'MediumItalicSC' 
}
familyWeights[1][12] = {
number: '013', 
weight: 'Bold' 
}
familyWeights[1][13] = {
number: '014', 
weight: 'BoldItalic' 
}
familyWeights[1][14] = {
number: '015', 
weight: 'BoldSC' 
}
familyWeights[1][15] = {
number: '016', 
weight: 'BoldItalicSC' 
}
familyWeights[1][16] = {
number: '017', 
weight: 'Black' 
}
familyWeights[1][17] = {
number: '018', 
weight: 'BlackItalic' 
}
familyWeights[1][18] = {
number: '019', 
weight: 'BlackSC' 
}
familyWeights[1][19] = {
number: '020', 
weight: 'BlackItalicSC' 
}
familyWeights[2] = new Array();
familyWeights[2][0] = {
number: '001', 
weight: 'Light' 
}
familyWeights[2][1] = {
number: '002', 
weight: 'LightItalic' 
}
familyWeights[2][2] = {
number: '003', 
weight: 'LightSC' 
}
familyWeights[2][3] = {
number: '004', 
weight: 'LightItalicSC' 
}
familyWeights[2][4] = {
number: '005', 
weight: 'Book' 
}
familyWeights[2][5] = {
number: '006', 
weight: 'BookItalic' 
}
familyWeights[2][6] = {
number: '007', 
weight: 'BookSC' 
}
familyWeights[2][7] = {
number: '008', 
weight: 'BookItalicSC' 
}
familyWeights[2][8] = {
number: '009', 
weight: 'Medium' 
}
familyWeights[2][9] = {
number: '010', 
weight: 'MediumItalic' 
}
familyWeights[2][10] = {
number: '011', 
weight: 'MediumSC' 
}
familyWeights[2][11] = {
number: '012', 
weight: 'MediumItalicSC' 
}
familyWeights[2][12] = {
number: '013', 
weight: 'Bold' 
}
familyWeights[2][13] = {
number: '014', 
weight: 'BoldItalic' 
}
familyWeights[2][14] = {
number: '015', 
weight: 'BoldSC' 
}
familyWeights[2][15] = {
number: '016', 
weight: 'BoldItalicSC' 
}
familyWeights[2][16] = {
number: '017', 
weight: 'Black' 
}
familyWeights[2][17] = {
number: '018', 
weight: 'BlackItalic' 
}
familyWeights[2][18] = {
number: '019', 
weight: 'BlackSC' 
}
familyWeights[2][19] = {
number: '020', 
weight: 'BlackItalicSC' 
}
familyWeights[3] = new Array();
familyWeights[3][0] = {
number: '001', 
weight: 'Light' 
}
familyWeights[3][1] = {
number: '002', 
weight: 'LightItalic' 
}
familyWeights[3][2] = {
number: '003', 
weight: 'LightSC' 
}
familyWeights[3][3] = {
number: '004', 
weight: 'LightItalicSC' 
}
familyWeights[3][4] = {
number: '005', 
weight: 'Book' 
}
familyWeights[3][5] = {
number: '006', 
weight: 'BookItalic' 
}
familyWeights[3][6] = {
number: '007', 
weight: 'BookSC' 
}
familyWeights[3][7] = {
number: '008', 
weight: 'BookItalicSC' 
}
familyWeights[3][8] = {
number: '009', 
weight: 'Medium' 
}
familyWeights[3][9] = {
number: '010', 
weight: 'MediumItalic' 
}
familyWeights[3][10] = {
number: '011', 
weight: 'MediumSC' 
}
familyWeights[3][11] = {
number: '012', 
weight: 'MediumItalicSC' 
}
familyWeights[3][12] = {
number: '013', 
weight: 'Bold' 
}
familyWeights[3][13] = {
number: '014', 
weight: 'BoldItalic' 
}
familyWeights[3][14] = {
number: '015', 
weight: 'BoldSC' 
}
familyWeights[3][15] = {
number: '016', 
weight: 'BoldItalicSC' 
}
familyWeights[3][16] = {
number: '017', 
weight: 'Black' 
}
familyWeights[3][17] = {
number: '018', 
weight: 'BlackItalic' 
}
familyWeights[3][18] = {
number: '019', 
weight: 'BlackSC' 
}
familyWeights[3][19] = {
number: '020', 
weight: 'BlackItalicSC' 
}
familyWeights[4] = new Array();
familyWeights[4][0] = {
number: '001', 
weight: 'Light' 
}
familyWeights[4][1] = {
number: '002', 
weight: 'LightItalic' 
}
familyWeights[4][2] = {
number: '003', 
weight: 'LightSC' 
}
familyWeights[4][3] = {
number: '004', 
weight: 'LightItalicSC' 
}
familyWeights[4][4] = {
number: '005', 
weight: 'Book' 
}
familyWeights[4][5] = {
number: '006', 
weight: 'BookItalic' 
}
familyWeights[4][6] = {
number: '007', 
weight: 'BookSC' 
}
familyWeights[4][7] = {
number: '008', 
weight: 'BookItalicSC' 
}
familyWeights[4][8] = {
number: '009', 
weight: 'Medium' 
}
familyWeights[4][9] = {
number: '010', 
weight: 'MediumItalic' 
}
familyWeights[4][10] = {
number: '011', 
weight: 'MediumSC' 
}
familyWeights[4][11] = {
number: '012', 
weight: 'MediumItalicSC' 
}
familyWeights[4][12] = {
number: '013', 
weight: 'Bold' 
}
familyWeights[4][13] = {
number: '014', 
weight: 'BoldItalic' 
}
familyWeights[4][14] = {
number: '015', 
weight: 'BoldSC' 
}
familyWeights[4][15] = {
number: '016', 
weight: 'BoldItalicSC' 
}
familyWeights[4][16] = {
number: '017', 
weight: 'Black' 
}
familyWeights[4][17] = {
number: '018', 
weight: 'BlackItalic' 
}
familyWeights[4][18] = {
number: '019', 
weight: 'BlackSC' 
}
familyWeights[4][19] = {
number: '020', 
weight: 'BlackItalicSC' 
}
familyWeights[5] = new Array();
familyWeights[5][0] = {
number: '001', 
weight: 'Light' 
}
familyWeights[5][1] = {
number: '002', 
weight: 'LightItalic' 
}
familyWeights[5][2] = {
number: '003', 
weight: 'LightSC' 
}
familyWeights[5][3] = {
number: '004', 
weight: 'LightItalicSC' 
}
familyWeights[5][4] = {
number: '005', 
weight: 'Book' 
}
familyWeights[5][5] = {
number: '006', 
weight: 'BookItalic' 
}
familyWeights[5][6] = {
number: '007', 
weight: 'BookSC' 
}
familyWeights[5][7] = {
number: '008', 
weight: 'BookItalicSC' 
}
familyWeights[5][8] = {
number: '009', 
weight: 'Medium' 
}
familyWeights[5][9] = {
number: '010', 
weight: 'MediumItalic' 
}
familyWeights[5][10] = {
number: '011', 
weight: 'MediumSC' 
}
familyWeights[5][11] = {
number: '012', 
weight: 'MediumItalicSC' 
}
familyWeights[5][12] = {
number: '013', 
weight: 'Bold' 
}
familyWeights[5][13] = {
number: '014', 
weight: 'BoldItalic' 
}
familyWeights[5][14] = {
number: '015', 
weight: 'BoldSC' 
}
familyWeights[5][15] = {
number: '016', 
weight: 'BoldItalicSC' 
}
familyWeights[5][16] = {
number: '017', 
weight: 'Black' 
}
familyWeights[5][17] = {
number: '018', 
weight: 'BlackItalic' 
}
familyWeights[5][18] = {
number: '019', 
weight: 'BlackSC' 
}
familyWeights[5][19] = {
number: '020', 
weight: 'BlackItalicSC' 
}
familyWeights[6] = new Array();
familyWeights[6][0] = {
number: '001', 
weight: 'Hairline' 
}
familyWeights[6][1] = {
number: '002', 
weight: 'HairlineItalic' 
}
familyWeights[6][2] = {
number: '003', 
weight: 'Thin' 
}
familyWeights[6][3] = {
number: '004', 
weight: 'ThinItalic' 
}
familyWeights[6][4] = {
number: '005', 
weight: 'ExtraLight' 
}
familyWeights[6][5] = {
number: '006', 
weight: 'ExtraLightItalic' 
}
familyWeights[6][6] = {
number: '007', 
weight: 'Light' 
}
familyWeights[6][7] = {
number: '008', 
weight: 'LightItalic' 
}
familyWeights[6][8] = {
number: '009', 
weight: 'Regular' 
}
familyWeights[6][9] = {
number: '010', 
weight: 'RegularItalic' 
}
familyWeights[6][10] = {
number: '011', 
weight: 'Medium' 
}
familyWeights[6][11] = {
number: '012', 
weight: 'MediumItalic' 
}
familyWeights[6][12] = {
number: '013', 
weight: 'Semibold' 
}
familyWeights[6][13] = {
number: '014', 
weight: 'SemiboldItalic' 
}
familyWeights[6][14] = {
number: '015', 
weight: 'Bold' 
}
familyWeights[6][15] = {
number: '016', 
weight: 'BoldItalic' 
}
familyWeights[6][16] = {
number: '017', 
weight: 'Black' 
}
familyWeights[6][17] = {
number: '018', 
weight: 'BlackItalic' 
}

function URLencode(sStr) {
		return sStr.
			replace(/\&/g, '%26').
			replace(/\#/g, '%23');
}

function changeFamily(x) {
	family = document.getElementById('family'+x).value;
	weightOptions = document.getElementById('weights'+x).options;
	weightOptions.length = 0;
	weights = familyWeights[family];
	for(i=0;i<weights.length;i++) {
		if (i==selectedWeights[x-1])
			weightOptions[i] = new Option(weights[i]['weight'],weights[i]['number'], false, true);
		else
			weightOptions[i] = new Option(weights[i]['weight'],weights[i]['number']);			
	}
	
	famTemp = families[family];
	rExp = /\s/;
	
	newLink = '<a href="/shop/'+families[family].toLowerCase().replace(rExp,'')+'.php" style="border-bottom: 0 none;">about '+families[family]+'</a>';
	
	document.getElementById('link'+x).innerHTML = newLink;
	
	changeText(x);
}

function changeText(x) {
	family = families[document.getElementById('family'+x).value];
	weight = document.getElementById('weights'+x).value;
	if (document.getElementById('same').checked == true) {
		text = document.getElementById('text1').value;
	}
	else {
		text = document.getElementById('text'+x).value;
	}
	size = document.getElementById('size'+x).value;
	render = document.getElementById('render'+x);
	
	render.src = 'render.php?family='+family+'&weight='+weight+'&size='+size+'&text='+URLencode(text);

	if (document.getElementById('same').checked == true) {
		if (x==1) {
			changeText(2);
			changeText(3);
		}
	}
}

var samebox = 1;

function changeSame() {
	if (samebox == 1) {
		samebox = 0;
		changeTo = 'block';
		document.getElementById('text2').value = document.getElementById('text1').value;
		document.getElementById('text3').value = document.getElementById('text1').value;
	}
	else {
		samebox = 1;
		changeTo = 'none';
	}
	
	changeText(2);
	changeText(3);	
	
	document.getElementById('text2span').style.display = changeTo;
	document.getElementById('text3span').style.display = changeTo;
}

window.onload = function() {
	changeFamily(3);
	changeFamily(2);
	changeFamily(1);
}