// JavaScript Document
function Login()
{
	window.location="login.asp";	
}
//Le a tecla pressionada e possibilita o uso das teclas + e - para manipualr a quantidade do produto à ser comprado
function Teclado(e,tipoqtd)
{

	if(window.event) // IE
	{
		keynum = e.keyCode
	}
	else if(e.which) // Netscape/Firefox/Opera
	{
		keynum = e.which
	}
	keychar = String.fromCharCode(keynum)
	if (keychar == "+")
	{
		Somar(tipoqtd);
	}
	else if (keychar == "-")
	{
		Subtrair(tipoqtd);
	}
	else if (keynum == 13)
	{
		if (document.produto.qtd.value == "" || document.produto.qtd.value == 0)
		{
			alert("Preencha a quantidade desejada.")
			document.produto.qtd.focus();
		}
		else
		{
			document.produto.submit();
			Fechar();
		}
	}
}
function Somar(tipoqtd)
{
//Incrementa o valor do campo quantidade no layer do produto, consistindo se o produto tem ou não a possibilidade de ser comprado como quantidade inteira ou decimal. A variável tipoqtd é recebida à partir da tabela produtos.
	if (tipoqtd == 0)
	{
		document.produto.qtd.value++;
	}
	if (tipoqtd == 1)
	{
		vi = document.produto.qtd.value;
		vi = vi.replace(/,/,".");
		tt = Number(vi);
		tt = tt + 0.250;
		var tt = Math.round( tt * Math.pow( 10 , 2 ) ) / Math.pow( 10 , 2 );
		vf = "" + tt		
		posv = vf.indexOf(".");
		if (posv != -1)
		{
			deci = vf.substr((posv + 1));
			inte = vf.slice(0,posv);
			vf = inte + "," + deci;
		}
		document.produto.qtd.value = vf;
	}
}
//Decrementa o valor do campo quantidade no layer do produto, consistindo se o produto tem ou não a possibilidade de ser comprado como quantidade inteira ou decimal. A variável tipoqtd é recebida à partir da tabela produtos.

function Subtrair(tipoqtd)
{
		vi = document.produto.qtd.value;
		vi = vi.replace(/,/,".");
		tt = Number(vi);
	if (tt < 0.25)
	{}
	else
	{
		if (tipoqtd == 1)
	{
		tt = tt - 0.250;
		var tt = Math.round( tt * Math.pow( 10 , 2 ) ) / Math.pow( 10 , 2 );
		vf = "" + tt		
		posv = vf.indexOf(".");
		if (posv != -1 && tt != 0)
		{
			deci = vf.substr((posv + 1));
			inte = vf.slice(0,posv);
			vf = inte + "," + deci;
		}
		document.produto.qtd.value = vf;
	}
		else
		{
		tt--
		document.produto.qtd.value = tt;
		}
	}
}
//À partir de dados recebidos pelo banco de dados, monta o layer com os detalhes do produto e a possibilidade de compra.
function Comprar(id,nome,embalagem,conteudo,preco,y,tipoqtd,imagem,event)
{
//consisti qual tipo de browser esta utilizando
	ns = document.layers;
	ie = document.all;
	ns6 = (document.getElementById && !document.all);

	if(ie)
	{
	//Traz a posição relativa da Tela quando o cliente clica e se esta for menor que 129, acrescenta um valor para montar o layer em uma posição visível em Y
		posy = (event.clientY);
		if (posy < 129)
		{
			posy = y + 129;
		}
		 else
		 {
		 	posy = y;
		 }
	}
	if (ns)
	{
		posy = (e.y - 290);
		if (posy < 129)
		{
			posy = y + 129;
		}
		else
		{
			posy = y;
		}
	}
	if (ns6)
	{
		var Ypos = event.clientY;
		posy = (Ypos - 290);
		if (posy < 129)
		{
			posy = y + 129;
		}
		else
		{
		posy = y;
		}
    }

	//Segundo a resoluçãodo cliente, centraliza a tela em X	
	posx = ((screen.width / 2) - 170);
	
	//Segundo o tipo de produto, libera ou nçao casas decimais para a quantidade à ser comprada
	if (tipoqtd == 1)
	{
		trava = "Decimal()"
	}
	else
	{
		trava = "Inteiro()"
	}
	//Gera o layer segundo dados obtidos das funções e da base de dados
	document.getElementById('comprar').innerHTML = "";
	document.getElementById('comprar').innerHTML = "<div id='Layer1'style='position:absolute;width:322;height:266px;z-index:1;left:" + posx + ";top:" + posy + ";visibility: visible;'><form method='post' action='comprar.asp' target='comprar_iframe' name='produto'><table bgcolor='#FFFFFF' width='320' height='264' border='1' cellpadding='0' cellspacing='0' bordercolor='#D9C5BF'><tr><td><table onkeypress='Teclado(event," + tipoqtd + ")' width='320' border='0' cellspacing='0' cellpadding='0'><tr> <td height='70' colspan='2' align='right' valign='middle' background='img/produto/cabecalho.jpg' id='dragbar' style='cursor:pointer' onMouseover='dragswitch=1;if (ns4) drag_dropns(Layer1)' onMouseout='dragswitch=0' onSelectStart='return false'><br /><br /><span class='style2' onclick='Fechar()' style='color:#CC0000;font-family:Verdana;font-size: 10px;'><img src='img/fechar.gif' width='12' height='12' align='absmiddle' /><input name='id' type='hidden' value='" + id + "'><input name='nome' type='hidden' value='" + nome+ "'><input name='preco' type='hidden' value='" + preco + "'>&nbsp;Fechar&nbsp;&nbsp;&nbsp;</span></td></tr><tr><td height='40' class='Preco' colspan='2' align='center'><strong>" + nome + "</strong></td></tr><tr><td width='150' height='134' align='center' valign='top'><img src='img/produtos/" + imagem + "'></td><td height='134' valign='top'><table width='170' height='134' border='0' cellpadding='0' cellspacing='0'><tr><td colspan='2' valign='top' class='Preco'>Embalagem:&nbsp;" + embalagem + "</td></tr><tr><td colspan='2' class='Preco'>Conte&uacute;do:&nbsp;" + conteudo + "</td></tr><tr><td colspan='2' style='font-size:14px;' class='Preco'><strong>Pre&ccedil;o:&nbsp;" + preco + "</strong></td></tr><tr><td width='70'><input tabindex='1' name='qtd' type='text' value='1' id='qtd' size='3' maxlength='5' onKeyPress='" + trava + "'><img style='cursor:pointer;' src='img/produto/bt_qtd.jpg' width='17' height='31' border='0' align='absmiddle' usemap='#Map'></td><td width='100' align='center'><img style='cursor:pointer;' src='img/produto/bt_confirmar.jpg' tabindex='2' onClick='Confirmar()' width='89' height='25'></td></tr></table></td></tr><tr><td height='30' colspan='2' background='img/produto/rodape.jpg'>&nbsp;</td></tr></table></td></tr></table></form></div>";

	//Gera o Mapeamento da imagem que controla a aumento e diminuição da quantidade do produto por meio do mouse
	document.getElementById('mapa').innerHTML = "";
	document.getElementById('mapa').innerHTML = "<map name='Map'><area shape='rect' onClick='Somar(" + tipoqtd + ")' coords='0,0,17,12'><area onClick='Subtrair(" + tipoqtd + ")' shape='rect' coords='0,18,17,30'></map>"
	document.produto.qtd.focus();
	
}

//Elimina o layer e o mapeamento da imagem
function Fechar()
{
document.getElementById('comprar').innerHTML = "";
document.getElementById('mapa').innerHTML = "";
}
function Confirmar()
{
	if (document.produto.qtd.value == "" || document.produto.qtd.value == 0)
	{
		alert("Preencha a quantidade desejada.")
		document.produto.qtd.focus();
	}
	else
	{
		document.produto.submit();
		Fechar();
	}

}
function MM_reloadPage(init) {
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

var ns4=document.layers;
var ie4=document.all;
var ns6=document.getElementById&&!document.all;

//funcoes para NS4

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
	if (!ns4)
	return
	temp=eval(name)
	temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
	temp.onmousedown=gons
	temp.onmousemove=dragns
	temp.onmouseup=stopns
}

function gons(e){
	temp.captureEvents(Event.MOUSEMOVE)
	nsx=e.x
	nsy=e.y
}
function dragns(e){
	if (dragswitch==1){
		temp.moveBy(e.x-nsx,e.y-nsy)
		return false
	}
}

function stopns(){
	temp.releaseEvents(Event.MOUSEMOVE)
}

//funcoes para IE4+, Opera, Mozilla e NS6

function drag_drop(e){
	if (ie4&&dragapproved){
		crossobj.style.left=tempx+event.clientX-offsetx
		crossobj.style.top=tempy+event.clientY-offsety
		return false
	}
	else if (ns6&&dragapproved){
		crossobj.style.left=tempx+e.clientX-offsetx
		crossobj.style.top=tempy+e.clientY-offsety
		return false
	}
}
//Possibilita a movimentação do layer sobre a tela com o uso do mouse
function initializedrag(e){
	if(!ns4){
		crossobj=ns6? document.getElementById("Layer1") : document.all.Layer1
		
		var firedobj=ns6? e.target : event.srcElement
		var topelement=ns6? "HTML" : "BODY"
		
		while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){
			firedobj=ns6? firedobj.parentNode : firedobj.parentElement
		}
		
		if (firedobj.id=="dragbar"){
			offsetx=ie4? event.clientX : e.clientX
			offsety=ie4? event.clientY : e.clientY
			
			tempx=parseInt(crossobj.style.left)
			tempy=parseInt(crossobj.style.top)
			
			dragapproved=true
			document.onmousemove=drag_drop
		}
	}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

function Decimal()
{
	var valor
	valor = document.produto.qtd.value;
	virgula = valor.indexOf(",");
	if (event.keyCode != 44 && event.keyCode != 48 && event.keyCode != 49 && event.keyCode != 50 && event.keyCode != 51 && event.keyCode != 52 && event.keyCode != 53 && event.keyCode != 54 && event.keyCode != 55 && event.keyCode != 56 && event.keyCode != 57)
	{
		event.returnValue = false;
	}
	if (event.keyCode == 44 && virgula > -1)
	{
		event.returnValue = false;
	}
}
function Inteiro()
{
	valor = document.produto.qtd.value
	virgula = valor.indexOf(",");
	if (event.keyCode < 47 || event.keyCode > 57)
	{
		event.returnValue = false;
	}
}