// JavaScript Document

function SegueMouse(id,flagit,id_template) {
	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 offX = -100;          // Distancia da cordenada X referente ao mouse 
	var offY = -430;          // 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 = "406px";
			obj.style.height = "402px";
			obj.style.zIndex = 1000;
			//fundo
			obj.style.backgroundImage="url(imagens/layout/gif_load.gif)";
			obj.style.backgroundRepeat = "no-repeat";
			obj.style.backgroundPosition = "center center";
					
			//AQUI ESTOU COLOCANDO O CONTEUDO DA PAGINA VIA innerHTML
			obj.innerHTML= '<img src="imagens/template/grandes/template_0'+id_template+'.jpg" width="406" height="402" />';
			//AQUI ESTOU DEFININDO AS CORDENADAS
			obj.style.left = (parseInt(mouseX(evt))+offX)/2 + 'px';
			obj.style.top = (parseInt(mouseY(evt))+offY) + 'px';
			
			}
	}
		
	document.onmouseover = 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"
	}
}