var initialwidth,initialheight;
var ie5=document.all&&document.getElementById;
var ns6=document.getElementById&&!document.all;
var vagalumeshop=1;

var dicasPop = new Array("Como escolher " + searchstr + "?",
			"Onde comprar?",
			"Comparador de preços",
			"Como escolher os melhores vendedores?");

function iecompattest() {
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function loadwindow(content,width,height){
	document.getElementById("dwindow").style.display='';
	document.getElementById("dwindow").style.width = initialwidth = width+"px";
	document.getElementById("dwindow").style.height = initialheight = height+"px";
	document.getElementById("dwindow").style.left = '30px';
	document.getElementById("dwindow").style.top=ns6? window.pageYOffset*1+25+"px" : iecompattest().scrollTop*1+25+"px";
	document.getElementById("dwindowcontent").style.background = '#FFFFFF';
	document.getElementById("dwindowcontent").innerHTML = content;
	playslide();
}

function closeit(){
	document.getElementById("dwindow").style.display="none";
}

function bottom_hint (noshop) {
	var dica = '<center>';
	if (! noshop) {
		dica += "<b>";
		dica += "<img src='/mimg/shopcart.gif'> <a href='javascript:shop(1)' title='Buscar no MercadoLivre'>MercadoLivre</a> &nbsp; ";
		dica += "<img src='/mimg/shopcart.gif'> <a href='javascript:shop(2)' title='Comparar preço no BuscaPé'>BuscaPé</a> &nbsp; ";
		if (vagalumeshop) {
			dica += "<img src='/mimg/shopcart.gif'> <a href='javascript:shop(3)' title='Comparar preço no Vaga-lume Shopping'>Vaga-lume Shopping</a>";
		}
		dica += "</b><br/><br/>";
	}
	dica += "<img src='/mimg/arrow-prev.gif'> <a href='javascript:shop(-1)'>MENU</a> &nbsp; ";
	dica += "<img src='/mimg/icon_comment.gif' border=0> <a href='javascript:dica(10)'>Opiniões dos usuários</a></center>";
	return dica;
}

function top_hint (storeID) {
	var content  = "<table width='100%' height='48' border=0 style='font:bold 13px Verdana;background:url(/mimg/header_bg_search_blue.jpg) repeat-x;'>";
	    content += "<td align='center'><a href='javascript:shop(-1,false)' style='text-decoration:none'><img border=0 height=28 width=30 style='padding-top:2px;padding-left:10px' src='/mimg/logodicas.gif'><br/>10 <font color=red>DICAS</font></a></td>";
	    content += "<td align='center' valign='center'>Busca de <input id=searchboxpop type=text value=\"" + searchstr + "\" style='color:red;font:bold 13px Verdana' size=35 maxlength=200>";
	    content += " no <select size=1 style='color:red;font:bold 13px Verdana' onChange='javascript:shop(this.options[this.selectedIndex].value)'>";
	    content += "<option value='1' " + (storeID==1?'selected':'') + ">MercadoLivre</option>";
	    content += "<option value='2' " + (storeID==2?'selected':'') + ">BuscaPé</option>";
	    if (vagalumeshop) {
		content += "<option value='3' " + (storeID==3?'selected':'') + ">Vaga-lume Shopping</option></select>";
	    }
	    content += "&nbsp;<input type='button' onClick='searchstr=document.getElementById(\"searchboxpop\").value;shop(" + storeID + ")' value='Buscar' style='font:bold 13px Verdana'></td>";
	    content += "</table>";
	return content;
}

function dica (dicaID) {
	if (playTimeout) {
		clearTimeout(playTimeout);
	}
	var dica = '';
	if (dicaID == 1) {
		dica += "<h2 style='display:inline'><i>COMO ESCOLHER " + searchstr + "?</i></h2><br/>";
		dica += "A principal dúvida das pessoas é como fazer uma boa escolha na hora de comprar " + searchstr + ". Não se preocupe porque nós\n";
		dica += "reunimos as melhores dicas para ajudar você a encontrar as melhores ofertas (e poder fazer a melhor escolha).<br/><br/>";
		dica += "<h3 style='display:inline'>Dica #1: Procure outros modelos</h3><br/>Estude todos os modelos disponíveis para poder comparar todas as opções e acessórios. Gaste um certo tempo entendendo a diferença de cada uma. Assim você terá certeza que irá fazer a melhor escolha.<br/><br/>";
		dica += "<h3 style='display:inline'>Dica #2: Veja a reputação dos vendedores</h3><br/>A grande vantagem na Internet é poder ver ofertas em todo o Brasil. Ao mesmo tempo também é possível estudar a reputação dos vendedores tanto no <a href='javascript:shop(1)'>MercadoLivre</a> como no <a href='javascript:shop(2)'>BuscaPé</a>. Veja a experiência dos outros e faça uma compra segura.<br/><br/>";
		dica += "<h3 style='display:inline'>Dica #3: Compare preço</h3><br/>Este site pode lhe guiar para encontrar mais de 20 mil lojas em todo o Brasil. Para isso, basta realizar a busca do seu produto acima. O <a href='javascript:shop(1)'>MercadoLivre</a> possui milhares de vendedores independentes e pode encontrar produtos até 60% mais baratos. O site do <a href='javascript:shop(2)'>BuscaPé</a> já possui grandes lojas cadastradas para guiá-lo na melhor compra. Utilize os dois sistemas e faça sua compra de forma segura.<br/><br/>";
		dica += bottom_hint();
	} else if (dicaID == 2) {
		dica += "<h2 style='display:inline'><i>ONDE COMPRAR " + searchstr + "?</i></h2><br/>";
		dica += "<h5 style='padding-left:5px;display:inline'><i>As melhores lojas para buscar e comprar</i></h5>";
		dica += "<br/><br/><table border=0>";
		dica += "<tr><td valign=top align=center><a href='javascript:shop(1)'><img src='/mimg/logoml.gif' border=0></a></td><td><b><a href='javascript:shop(1)'>MERCADOLIVRE</a></b><br/>O MercadoLivre é o maior site de compra e venda da América Latina. Existe cerca de 1 milhão de produtos cadastrados distribuidos em categorias que irão ajudar você a encontrar o que precisa. A forma de pagamento pode ser feita diretamente ao vendedor, ou então através do MercadoPago (sistema de pagamento seguro onde o MercadoLivre age como um \"banco\" da transação). Faça seu <a href='javascript:shop(\"1a\")'>cadastro</a> no MercadoLivre.<br/><div style='float:right'><a href='javascript:shop(1)'><b>BUSCAR</b></a> <img src='/mimg/shopcart.gif'></div></td></tr>";
		dica += "<tr><td valign=top align=center><a href='javascript:shop(2)'><img src='/mimg/logobp.gif' border=0></a></td><td><b><a href='javascript:shop(2)'>BUSCAPÉ</a></b><br/>O BuscaPé é um dos melhores sistemas de comparação de preço do Brasil. Mais de 20 mil grandes lojas de todo o país estão cadastradas com seus preços atualizados em tempo real. Clique <a href='javascript:shop(2)'>aqui</a> para buscar preço de "+searchstr+" em todas as lojas do BuscaPé.<br/><div style='float:right'><a href='javascript:shop(2)'><b>BUSCAR</b></a> <img src='/mimg/shopcart.gif'></div></td></tr>";
		if (vagalumeshop) {
			dica += "<tr><td valign=top align=center><a href='javascript:shop(3)'><img src='/mimg/logovagalume.jpg' border=0></a></td><td><b><a href='javascript:shop(3)'>VAGA-LUME SHOP</a></b><br/>O <a href='http://www.vagalume.com.br/' target='_blank'>Vaga-lume</a> é conhecido pelo seu enorme acervo de letras de músicas, mas também possui uma seção de comparação de preço em milhares de lojas no Brasil. Não deixe de buscar no <a href='javascript:shop(3)'>Vaga-lume Shopping</a>.<br/><div style='float:right'><a href='javascript:shop(3)'><b>BUSCAR</b></a> <img src='/mimg/shopcart.gif'></div></td></tr>";
		}
		dica += "</table><br/>";
		dica += bottom_hint(true);
	} else if (dicaID == 3) {
		shop(vagalumeshop?3:2);
		return;
	} else if (dicaID == 4) {
		dica += "<h2 style='display:inline'><i>COMO ESCOLHER OS MELHORES VENDEDORES?</i></h2><br/>";
		dica += "<div style='padding-bottom:13px'>No <a href='javascript:shop(1)'>MercadoLivre</a> o sistema de qualificações contribui com o desenvolvimento de uma comunidade segura. A trajetória dos usuários se refletem nas qualificações que receberam dos outros membros da comunidade. Logo que finaliza uma transação, as partes se qualificam em forma Positiva, Neutra ou Negativa de acordo com o resultado do negócio realizado. Compradores e vendedores podem, com um só clique, ver as qualificações de sua contraparte antes de realizar uma negociação.</div>";
		dica += "<img src='/mimg/ml/ajuda_1.gif' align=left style='padding:10px'><br/><b>Revise a qualificação de sua contraparte clicando em seu apelido, antes de realizar a negociação.</b><br/><br/>";
		dica += "<img src='/mimg/ml/ajuda_2.gif' align=right style='padding:10px'><br/>";
		dica += "<b>Examine as qualificações positivas e negativas que indicam a trajetória do usuário, especialmente o % de qualificações Negativas.</b>";
		dica += "<br/><br/><center><img src='/mimg/shopcart.gif'> <a href='javascript:shop(1)'>Buscar no MercadoLivre</a><br/><br/><img src='/mimg/arrow-last.gif'> <a href='javascript:dica(2)'>Mais informações sobre onde comprar " + searchstr + "</a><br/><br/><img src='/mimg/arrow-prev.gif'> <a href='javascript:shop(-1)'><b>MENU</b></a></center>";
	} else if (dicaID == 10) {
		dica += load_hints();
	} else {
		dica += "Dica ainda não elaborada!";
		dica += "<br/><br/><br/>" + bottom_hint();
	}
	var content  = top_hint(1);
	    content += "<center><table width=100% border=0 style='text-align:left'><td style='padding:10px'>" + dica + "</td></table></center>";
	document.getElementById("dwindowcontent").innerHTML = content;
}

function load_hints () {
	var dica = '';
	dica += "<img align=left src='/mimg/baloon.jpg'> <h2 style='display:inline'>OPINIÕES DOS USUÁRIOS DO SITE</h2><br/>";
	dica += "<h5 style='display:inline;padding-left:30px'><i>Tudo sobre " + searchstr + "</i></h5>";
	return dica;
}

function shop (storeID,returnContent) {
	if (playTimeout) {
		clearTimeout(playTimeout);
	}
	var content = '';
	if (storeID == -1) {
		content = "<table border=0><td><img align=left src='/mimg/logodicas.gif'></td>";
		content += "<td><h1 style='display:inline'>10 <font color=red>DICAS</font> " + searchstr + "</h1><br/>";
		content += "<h5 style='display:inline;padding-left:30px;font:10px Arial'><i>Tudo que você precisa saber antes de comprar, está aqui!</i></h5></td></table>";
		content += "<br/><table border=0 width=100% style='clear:both'><td style='padding-left:30px' width='270' valign=top>";
		content += "<div id='bigIMG'><a href='" + bigIMG[0]['link'] + "' target=_blank id='bigIMGslideLINK'><img id='bigIMGslide' style='filter:progid:DXImageTransform.Microsoft.Fade(duration=1)' src='" + bigIMG[0]['image'] + "' border=0></a>";
		content += "<br/><center><img src='/mimg/arrow-prev.gif'> <b style='font:bold 12px Arial'><a href='javascript:lastID-=2;playslide()'>ANTERIOR</a> | <a href='javascript:playslide()'>PRÓXIMO</a></b> <img src='/mimg/arrow-last.gif'><br/>";
		content += "<div id='bigIMGcounter'></div>";
		content += "<br/><div id='bigIMGtitle'></div></center></div></td>";
		/* img preload */
		for (bimg in bigIMG) {
			content += "<img src='" + bigIMG[bimg]['image'] + "' style='position:absolute;top:-1000px'>";
		}
		content += "<td align='center' valign='top'><h2 style='padding-right:40px;display:inline'>As ofertas de <font color=red>" + searchstr + "</font> você encontra nas melhores lojas online do Brasil!</h2>";
		content += "<table border=0 style='margin:10px;height:70px;border:1px solid #8DBDFF' width=430>";
		content += "<tr><td colspan=" + (vagalumeshop?3:2) + " style='background-color:#8DBDFF;font:bold 13px Verdana' align='center'><a href='javascript:dica(2)'>ONDE COMPRAR?</a></td></tr>";
		content += "<tr><td align=center><a href='javascript:shop(1)'><img src='/mimg/logoml.gif' border=0></a></td>";
		content += "<td align=center><a href='javascript:shop(2)'><img src='/mimg/logobp.gif' border=0></a></td>";
		if (vagalumeshop) {
			content += "<td align=center><a href='javascript:shop(3)'><img src='/mimg/logovagalume.jpg' border=0></a></td>";
		}
		content += "</tr></table>";
		content += "<iframe style='padding-top:10px' src='http://smartad.mercadolivre.com.br/jm/SmartAd?tool=" + affid['ml'] + "&creativity=38806&new=Y&ovr=N&bgcol=FFFFFF&brdcol=FFFFFF&txtcol=000000&lnkcol=000000&hvrcol=FF0000&prccol=FF0000&word=" + encodeURIComponent(searchstr) + "&site=MLB' width='468' height='70' scrolling='no' frameborder='0' marginheight='0' marginwidth='0'></iframe>";
		content += "<table border=0 style='margin-top:15px'><td valign=center><img src='/mimg/seta.gif'></td><td valign=center><a href='javascript:dica(10)'><b style='font:bold 18px Arial'>Veja opiniões dos usuários do site!</b></a></td><td><img src='/mimg/baloon.jpg'></td></table>";
		content += "<table border=0 width=100%><td valign='top' align='right' style='padding-top:10px'><img src='/mimg/arrow.jpg'></td><td valign='top' align='left'><br/>";
		for (dicaID in dicasPop) {
			content += "<img src='/mimg/seta.gif'> <a href='javascript:dica(" + (parseFloat(dicaID) + 1) + ")' style='font:normal 16px Arial'>" + dicasPop[dicaID] + "</a><br/>";
		}
		content += "</td></table></td></table>";
	} else if (storeID == 1) {
		var storeName = "no MercadoLivre";
		var url = target['ml'] + encodeURIComponent(searchstr);
	} else if (storeID == '1a') {
		var storeName = "no MercadoLivre";
		var url = target['ml_target'] + "/jm/reg";
	} else if (storeID == 2) {
		var url = target['bp'] + encodeURIComponent(searchstr);
		document.location = url;
		return;
	} else {
		var storeName = "no Vaga-lume Shopping";
		var url = "http://vagalume.uol.com.br/search.php?t=shop&c=1&q=" + encodeURIComponent(searchstr);
	}
	if (storeName) {
		var content = top_hint(storeID);
		    content += "<iframe src='" + url + "' width=100% height=414 frameborder=0></iframe>";
		    content += "<div style='height:20px;font:bold 13px Verdana;background:url(/mimg/header_bg_search_blue.jpg) repeat-x; padding:5px'><center>Não encontrou " + storeName + "? Tente também ";
		    content += "<select size=1 style='font:bold 13px Verdana' onChange='javascript:shop(this.options[this.selectedIndex].value)'>";
		    content += "<option value='-1'>outras lojas</option>";
		    content += "<option value='1'>MercadoLivre</option>";
		    content += "<option value='2'>BuscaPé</option>";
		    if (vagalumeshop) {
		 	content += "<option value='3'>Vaga-lume Shopping</option>";
		    }
		    content += "</select>";
	}
	if (content) {
		if (returnContent) {
			return content;
		} else {
			document.getElementById("dwindowcontent").innerHTML = content;
			playslide();
		}
	}
}

var lastID = 0;
var playTimeout;
function playslide () {
	if (lastID < 0) {
		lastID = (bigIMG.length - 1);
	}
	if (! bigIMG[lastID]) {
		lastID = 0;
	}
	if (playTimeout) {
		clearTimeout(playTimeout);
	}
	if (typeof bigIMG[lastID] != "undefined" && document.getElementById('bigIMGslide')) {
		var objholder = document.getElementById('bigIMGslide');
		    if (objholder.filters) {
			objholder.filters[0].apply();
		    }
		    objholder.src = bigIMG[lastID]['image'];
		    if (objholder.filters) {
			objholder.filters[0].play();
		    }
		document.getElementById('bigIMGslideLINK').href = bigIMG[lastID]['link'];
		document.getElementById('bigIMGtitle').innerHTML = "<a href='" + bigIMG[lastID]['link'] + "' target=_blank style='font:16px Arial;text-decoration:none'><b><i>" + bigIMG[lastID]['title'] + "<br/><font color=red>R\$ " + bigIMG[lastID]['price'] + "</font></b></i></a>";
		document.getElementById('bigIMGcounter').innerHTML = "<b style='font:bold 15px Arial'>Oferta " + (lastID + 1) + " de " + bigIMG.length + "</b>";
		playTimeout = setTimeout("playslide()",6000);
	} else {
		lastID = 0;
	}
	lastID++;
}

var content = shop(-1,true);

if (ns6) {
	window.onload=new Function('loadwindow(content,860,512)');
} else {
	loadwindow(content,860,512);
}