var Submarino = function() {
	function start() {
		// busca no documento http://www.submarino.com.br/ os elementos dentro do xpath
		var query1 = 'select * from html where url="http://www.submarino.com.br/busca?q=ipod" and xpath="/html/body/div/div[2]/div/div/div/div/div/div/div[2]/div/div/div/ul/li/div"';
 
		// tentando duas querys diferentes. a estrutura do submarino pode ser alterada e isso evita quebrar
		getJSON(query1);
	}
	function getJSON(query) {
		// monta a requisição REST
		var url = 'http://query.yahooapis.com/v1/public/yql?q='+
			encodeURIComponent(query)+
			'&format=json'+
			'&callback=Submarino.recebe';
 
		// se tag head não existir, cria uma para evitar problemas
		if (!document.getElementsByTagName('head')[0]) {
			document.getElementsByTagName('body')[0].appendChild( document.createElement('head') );
		}
 
		// adiciona o elemento <script> o o src sendo a requisição REST para o YQL
		var s = document.createElement('script');
		s.setAttribute('src', url);
		document.getElementsByTagName('head')[0].appendChild(s);
	}
 
	// callback
	function parseData(o){
		// verifica resultado
		var data = o.query.results;
 
		if (data) {
			data = data.div;
			// monta estrutura HTML do widget usando o objeto do resultado
			// para ver o objeto do resultado e fazer testes use o console.log (http://getfirebug.com/console.html)
			var ul = document.createElement('ul');
 
			// sem jQuery, então fica essa zona alterando o DOM
			// o importante é saber como usar a estrutura do objeto "data".
			for (var i=0; i < data.length; i++) {
				var li = document.createElement('li');
				var a = document.createElement('a');
				a.href = 'http://submarino.com.br' + data[i].a[2].href;
				a.target = "_blank"
				var img = document.createElement('img');
				img.src = data[i].a[2].img.src.replace('%20', '');
				img.alt = data[i].a[2].img.alt;
				var span = document.createElement('span');
				span.innerHTML = data[i].div.span[1].strong;
				a.appendChild(img);
				a.appendChild(document.createElement('br'));
				a.appendChild(span);
				li.appendChild(a);
				ul.appendChild(li);
			}
 
			// esse script vai inserir tudo no final da página e sem formatação. use por sua conta e risco :D
			document.getElementsByTagName('body')[0].appendChild(ul);
		}
	}
	return {
		busca: start,
		recebe: parseData
	}
}();
 
Submarino.busca();