Teste de Módulo Metaphone

## TesteMetaphone.html
<!DOCTYPE html>
<html>
<head>
<!-- -->
<meta charset="UTF-8">
<title>Teste de Módulo Metaphone</title>
<!-- CSS: Alloy Bootstrap -->
<link href="http://cdn.alloyui.com/2.0.0/aui-css/css/bootstrap.min.css" rel="stylesheet">
<!-- O loader do AUI fica em /js/aui/aui e os diversos modulos em /js/aui -->
<script charset="utf8" src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script>
<script charset="utf8" src="https://gist.github.com/joao-parana/8946099/raw/9f4669b4b1b9dd402631df7046099a84103444dc/metaphone.js"></script>
<style>
#metaphone {
	margin: 5px;
	padding: 5px;
	border: 1px #000 solid;
	background: AliceBlue;
}

#metaphone span.title {
	width: 350px;
	display: inline-block;
}

</style>
</head>
<body>
	<div class="span12" id="div-1">
		<div class="span3" id="div-1">
			<p>Teste de Módulo Metaphone</p>
			<p>O algoritmo mantém algumas convenções usadas no metaphone
				original e acrescenta outras, para sons que não existem ou são
				considerados no inglês (o LH, NH).</p>
			<p>A maior dificuldade do algoritmo atual é trabalhar com nomes
				estrangeiros, que praticamente fogem das regras comuns de
				pronunciação, exigindo um trato quase à parte para alguns nomes,
				como Harry. Felizmente, esses tipos de nomes não são muito comuns,
				mas há outras formas de estrangeirismo mais complicadas de se tratar
				e que sempre vão precisar de um cuidado mais apurado ou uma
				convenção simbólica, a fim de representá-los, mesmo que não 'soem'
				como o esperado na representação fonética, mas que possam ser
				enquadrados ao lado de nomes semelhantes em grafia para a busca se
				tornar efetiva.</p>
		</div>
		<div class="span8">
			<div id="metaphone"></div>
		</div>
	</div>

	<script>
		var palavras = [ 'Metaphone', 'grandeza', 'orgulho', 'pneumotico',
				'pneumoultramicroscopicossilicovulcanoconióticos',
				'anticonstitucionalissimamente' ];
		YUI().use(
				'metaphone',
				function(Y) {
					var placeholder = Y.one('#metaphone');
					Y.Array.each(palavras, function(palavra, index) {
						placeholder.append('<div><span class="title">'
								+ palavra + '</span><span>'
								+ Y.Metaphone.getMeta(palavra) + '</span>'
								+ '</div>');
					});
				});
	</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<!-- -->
	<meta charset="UTF-8">
	<title>Teste de Módulo Metaphone</title>
	<!-- CSS: Alloy Bootstrap -->
	<link href="http://cdn.alloyui.com/2.0.0/aui-css/css/bootstrap.min.css" rel="stylesheet">
	<!-- O loader do AUI fica em /js/aui/aui e os diversos modulos em /js/aui -->
	<script charset="utf8" src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script>
	<script charset="utf8" src="https://gist.github.com/joao-parana/8946099/raw/9f4669b4b1b9dd402631df7046099a84103444dc/metaphone.js"></script>
	<style>
	#metaphone {
	margin: 5px;
	padding: 5px;
	border: 1px #000 solid;
	background: AliceBlue;
	}

	#metaphone span.title {
	width: 350px;
	display: inline-block;
	}

	</style>
	</head>
	<body>
	<div class="span12" id="div-1">
	<div class="span3" id="div-1">
	<p>Teste de Módulo Metaphone</p>
	<p>O algoritmo mantém algumas convenções usadas no metaphone
	original e acrescenta outras, para sons que não existem ou são
	considerados no inglês (o LH, NH).</p>
	<p>A maior dificuldade do algoritmo atual é trabalhar com nomes
	estrangeiros, que praticamente fogem das regras comuns de
	pronunciação, exigindo um trato quase à parte para alguns nomes,
	como Harry. Felizmente, esses tipos de nomes não são muito comuns,
	mas há outras formas de estrangeirismo mais complicadas de se tratar
	e que sempre vão precisar de um cuidado mais apurado ou uma
	convenção simbólica, a fim de representá-los, mesmo que não 'soem'
	como o esperado na representação fonética, mas que possam ser
	enquadrados ao lado de nomes semelhantes em grafia para a busca se
	tornar efetiva.</p>
	</div>
	<div class="span8">
	<div id="metaphone"></div>
	</div>
	</div>

	<script>
	var palavras = [ 'Metaphone', 'grandeza', 'orgulho', 'pneumotico',
	'pneumoultramicroscopicossilicovulcanoconióticos',
	'anticonstitucionalissimamente' ];
	YUI().use(
	'metaphone',
	function(Y) {
	var placeholder = Y.one('#metaphone');
	Y.Array.each(palavras, function(palavra, index) {
	placeholder.append('<div><span class="title">'
	+ palavra + '</span><span>'
	+ Y.Metaphone.getMeta(palavra) + '</span>'
	+ '</div>');
	});
	});
	</script>
	</body>
	</html>