// JavaScript Document

function SegueMouse(id,flagit,idSubCategoria,nomeCategoria) {
	var divName = id; // Id = ID QUE ESTA NA DIV QUE VC QUER MOSTRAR
	// (A div esta em position:absolute e escondida com o atributo Hidden)
	var idSubCategoria = idSubCategoria;
	var nomeCategoria = nomeCategoria;
	
	
	var offX = 420;          // Distancia da cordenada X referente ao mouse 
	var offY = -10;          // Distancia da cordenada Y referente ao mouse 
 
	function mouseX(evt){
	
		if (!evt)
		{	
			evt = window.event;
		}
		if (evt.pageX){
		
			 return evt.pageX;
	  
		}else if (evt.clientX){
			
			 return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft);
		
		}else{
		
			 return 0;
		
		}
	}

	function mouseY(evt){
		if (!evt){
		
			evt = window.event;
		}
		if (evt.pageY){
		
			return evt.pageY;
		
		}else if(evt.clientY){
			
			return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
			
		}else{
		
		 	return 0;
		
		}
	}
 
	function mostraDiv(evt){//Está função mostra a div que esta escondida(hidden)
		
		if (document.getElementById){
			//ESTOU CRIANDO A VARIAVEL OBJ QUE RECEBE O ESTILO DA DIV
			var obj = document.getElementById(divName);
			obj.style.visibility = 'visible';
			obj.style.width = "550px";
			obj.style.height = "155px";
			obj.style.zIndex = 1000;
			//obj.style.border = "1px solid #999999";
			//fundo
			//obj.style.backgroundImage="url(imagens/layout/gif_load.gif)";
			//obj.style.backgroundRepeat = "no-repeat";
			//obj.style.backgroundPosition = "center center";
			
			 html = '<table cellpadding="0" cellspacing="0" width="550" height="150">';
				 html += '<tr>';
					 html += '<td width="17"><img src="imagens/layout/menu/01.jpg" /></td>';
					 html += '<td style="background-image:url(imagens/layout/menu/05.jpg);background-repeat:repeat-x;background-position:top;"><img src="imagens/layout/menu/none.gif" /></td>';
					 html += '<td width="5"><img src="imagens/layout/menu/09.jpg" /></td>';
				 html += '</tr>';
				 html += '<tr>';
					 html += '<td><img src="imagens/layout/menu/02.jpg" /></td>';
					 html += '<td style="background-image:url(imagens/layout/menu/06.jpg);background-repeat:repeat-x; background-position:top;"><img src="imagens/layout/menu/none.gif" />';
					 html += '<table cellpadding="0" cellspacing="0" width="520">';
						 html += '<tr>';
							html += '<td width="10"><img src="imagens/layout/menu/detalhe.jpg" /></td>';
							 html += '<td id="TDsubCategoriaMenuTitulo">'+nomeCategoria+'</td>';
							 html += '<td width="65" align="right"><img src="imagens/layout/menu/fechar.jpg" style="cursor:pointer;" onclick="SegueMouse(\'fotoG\',\'0\',\''+idSubCategoria+'\',\''+nomeCategoria+'\')" /></td>';
						 html += '</tr>';
					 html += '</table>'; 
					 html += '</td>';
					 html += '<td><img src="imagens/layout/menu/10.jpg" /></td>';
				 html += '</tr>';
				 html += '<tr>';
					 html += '<td style="background-image:url(imagens/layout/menu/03.jpg);background-repeat:repeat-y;background-position:left;"><img src="imagens/layout/menu/none.gif" /></td>';
					 html += '<td style="background-image:url(imagens/layout/menu/07.jpg);background-repeat:repeat-x;background-position:top; background-color:#F9F9F9; height:120px;" valign="top">';

					 html2 = '</td>';
					 html2 += '<td style="background-image:url(imagens/layout/menu/11.jpg);background-repeat:repeat-y;background-position:right;"></td>';
				 html2 += '</tr>';
				 html2 += '<tr>';
					 html2 += '<td><img src="imagens/layout/menu/04.jpg" /></td>';
					 html2 += '<td style="background-image:url(imagens/layout/menu/08.jpg);background-repeat:repeat-x;background-position:bottom;"><img src="imagens/layout/menu/none.gif" /></td>';
					 html2 += '<td><img src="imagens/layout/menu/12.jpg" /></td>';
				 html2 += '</tr>';
			 html2 += '</table>';
					
			tabelaprodutos = MontarHtml(idSubCategoria);
					
			//AQUI ESTOU COLOCANDO O CONTEUDO DA PAGINA VIA innerHTML
			obj.innerHTML = html+tabelaprodutos+html2;
	
			//AQUI ESTOU DEFININDO AS CORDENADAS
			obj.style.left = (parseInt(mouseX(evt))+offX)/2 + 'px';
			obj.style.top = (parseInt(mouseY(evt))+offY) + 'px';
			
			}
	}
		
	document.onclick = mostraDiv;

	if (flagit=="1"){
		
		if (document.layers)
			
			 document.layers[''+id+''].display = ""
		
		else if (document.all)
			
			 document.all[''+id+''].style.display = ""
		
		else if (document.getElementById)
			
			 document.getElementById(''+id+'').style.display = ""
	
	}else if (flagit=="0"){
		
		if (document.layers)
		
			 document.layers[''+id+''].display = "none"

		else if (document.all)
			
			 document.all[''+id+''].style.display = "none"
	
		else if (document.getElementById)
		
			 document.getElementById(''+id+'').style.display = "none"
	}
} 

function mouseOverClass(idTable){
	document.getElementById("class"+idTable).className = "mouseOverLKMenu";
}

function mouseOutClass(idTable){
	document.getElementById("class"+idTable).className = "mouseOutLKMenu";
}