var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.
//var currentimageheight = 410;	// maximum image size.

//var currentimagewidth = 320;	// maximum image size.
var timer;

function gettrailobj(){
if (document.getElementById)
return document.getElementById("preview_div").style
else if (document.all)
return document.all.trailimagid.style
}

function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("preview_div")
else if (document.all)
return document.all.trailimagid
}

function Close(){
	document.getElementById("preview_div").style.display = "none";
	killslideshow()
}


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

function MostrarSalvarComentario(){
	var janela = document.getElementById("form_comentario");
	var obj = document.getElementById("myqueb_gal");
	janela.style.display = "block";
	janela.style.top = (findPosY(obj)+50)+"px";
	janela.style.left = (findPosX(obj)+10)+"px";
}

function MostrarEnviarFoto(){
	var janela = document.getElementById("enviar_foto_amigo");
	var obj = document.getElementById("preview_div");
	var janela2 = document.getElementById("enviado_foto_amigo");
	janela.style.display = "block";
	janela2.style.display = "none";
	janela.style.top = (findPosY(obj)+50)+"px";
	janela.style.left = (findPosX(obj)+10)+"px";
	obj.style.display = "none";
	obj = document.getElementById("foto_grande");
	document.getElementById("foto_enviada").src = obj.src;
	document.getElementById("source").value = obj.src;
}

function MostrarEnviadoFoto(){
	var janela = document.getElementById("enviado_foto_amigo");
	var obj = document.getElementById("preview_div");
    var janela2 = document.getElementById("enviar_foto_amigo");
	janela.style.display = "block";
	janela2.style.display = "none";
	janela.style.top = (findPosY(obj)+50)+"px";
	janela.style.left = (findPosX(obj)+10)+"px";
}

function MostrarEnviarMateria(){
	var janela = document.getElementById("enviar_amigo");
	var obj = document.getElementById("link_enviar");
	var janela2 = document.getElementById("enviado_amigo");
	janela.style.display = "block";
	janela2.style.display = "none";
	janela.style.top = (findPosY(obj)-50)+"px";
	janela.style.left = (findPosX(obj))+"px";
}

function MostrarEnviadoMateria(){
	var janela = document.getElementById("enviado_amigo");
	var obj = document.getElementById("link_enviar");
    var janela2 = document.getElementById("enviar_amigo");
	janela.style.display = "block";
	janela2.style.display = "none";
	janela.style.top = (findPosY(obj)-50)+"px";
	janela.style.left = (findPosX(obj))+"px";
}

function showtrail(imagename,title,showthumb){
	i = imagename
	t = title
	s = showthumb
	timer = setTimeout("show('"+i+"',t,s);",200);
}
function show(imagename,obj,showthumb){
	if(showthumb!=0){
		y = findPosY(obj);
		document.getElementById("preview_div").style.top = y+"px";
	}
	
	scroll(0,y-17);//move scroll
	
	var id = obj.id;
	var cod = obj.name;
	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth - offsetfrommouse[0]
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

if((navigator.userAgent.indexOf("Firefox")!=-1 || (navigator.userAgent.indexOf("Opera")==-1 && navigator.appVersion.indexOf("MSIE")!=-1)) && (docwidth>650 && docheight>500)){
	
	/*
	newHTML = '<div class="border_preview">';

	newHTML = newHTML + '<div id="bt_fechar"><a style="cursor:pointer;" onClick="Close();"><img src="./templates/01/img/lbl_fechar.gif" border=0></a></div>'
	newHTML = newHTML + '<div id="foto" align="center"><img onload="javascript:remove_loading();" src="' + imagename + '" border="0">';
	newHTML = newHTML + '<div id="loader_container"><img src="./templates/01/img/lbl_load.gif" border=0 style="padding-bottom:5px;" align="center"><div id="loader"><div id="loader_bg"><div id="progress"></div></div></div></div>';
	newHTML = newHTML + '</div><div align="center"><span id="leg01"><img src="./templates/01/img/lbl_comprarfoto.gif" border=0></span><span id="leg02"><img src="./templates/01/img/lbl_comprarfoto.gif" border=0></span><span id="leg03"><img src="./templates/01/img/lbl_enviarami.gif" border=0></span></div>';
	newHTML = newHTML + '<div id="gal_bt" align="center"><a id="bt_anterior" onClick="NavGaleria(\'' + id + '\',0)"><img src="./templates/01/img/bt_fotoant.png" border=0></a><a id="bt_ico01" href="#" onMouseOver="OnIco(\'leg01\',1);" onMouseOut="OnIco(\'leg01\',0);"><img src="./templates/01/img/ico_01.png" border=0></a><a id="bt_ico02" href="#" onMouseOver="OnIco(\'leg02\',1);" onMouseOut="OnIco(\'leg02\',0);"><img src="./templates/01/img/ico_02.png" border=0></a><a id="bt_ico03" href="#" onMouseOver="OnIco(\'leg03\',1);" onMouseOut="OnIco(\'leg03\',0);"><img src="./templates/01/img/ico_02.png" border=0></a><a id="bt_proximo" onClick="NavGaleria(\'' + id + '\',1)"><img src="./templates/01/img/bt_proximofoto.png" border=0></a></div>';
	newHTML = newHTML + '</div>';

*/
newHTML = '<div class="border_preview">';
newHTML = newHTML + '  <table width="100%" border="0" cellspacing="0" cellpadding="0">';
newHTML = newHTML + '    <tr>';
newHTML = newHTML + '      <td><img src="./templates/01/img/gfoto_00.png" width="460" height="7"></td>';
newHTML = newHTML + '    </tr>';
newHTML = newHTML + '    <tr>';
newHTML = newHTML + '      <td background="./templates/01/img/gfoto_02.jpg" style="background-repeat:repeat-x;background-color:#C95905;"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
newHTML = newHTML + '          <tr>';
newHTML = newHTML + '            <td background="./templates/01/img/gfoto_01.jpg" style="background-repeat:no-repeat;" valign="top" height="200"><div id="bt_fechar"><a style="cursor:pointer;margin-right:20px;" onClick="Close();"><img src="./templates/01/img/lbl_fechar.gif" border=0></a></div>';
newHTML = newHTML + '              <br>';
newHTML = newHTML + '              <div id="foto" align="center"><img id="foto_grande" name="foto_grande" onload="javascript:remove_loading();" src="' + imagename + '" border="0" width="450">';
newHTML = newHTML + '                <div id="loader_container"><img src="./templates/01/img/lbl_load.gif" border=0 style="padding-bottom:5px;" align="center">';
newHTML = newHTML + '                  <div id="loader">';
newHTML = newHTML + '                    <div id="loader_bg">';
newHTML = newHTML + '                      <div id="progress"></div>';
newHTML = newHTML + '                    </div>';
newHTML = newHTML + '                  </div>';
newHTML = newHTML + '                </div>';
newHTML = newHTML + '              </div>';
newHTML = newHTML + '              <div align="center"><span id="leg01"><img src="./templates/01/img/lbl_comprarfoto.gif" border=0></span><span id="leg02"><img src="./templates/01/img/lbl_add_album.gif" border=0></span><span id="leg03"><img src="./templates/01/img/lbl_enviarami.gif" border=0></span></div>';
newHTML = newHTML + '              <div id="gal_bt" align="center"><a id="bt_anterior" onClick="NavGaleria(\'' + id + '\',0)"><img src="./templates/01/img/bt_fotoant.png" border=0></a><a id="bt_ico01" onMouseOver="OnIco(\'leg01\',1);" onMouseOut="OnIco(\'leg01\',0);"><img src="./templates/01/img/ico_01.png" border=0 style="cursor:hand"></a><a id="bt_ico02" onMouseOver="OnIco(\'leg02\',1);" onMouseOut="OnIco(\'leg02\',0);" onClick="xajax_MQ_album('+cod+')"><img src="./templates/01/img/ico_02.png" border=0 style="cursor:hand"></a><a id="bt_ico03" onMouseOver="OnIco(\'leg03\',1);" onMouseOut="OnIco(\'leg03\',0);" onClick="MostrarEnviarFoto()"><img src="./templates/01/img/ico_02.png" border=0 style="cursor:hand"></a><a id="bt_proximo" onClick="NavGaleria(\'' + id + '\',1)"><img src="./templates/01/img/bt_proximofoto.png" border=0></a></div></td>';
newHTML = newHTML + '          </tr>';
newHTML = newHTML + '        </table></td>';
newHTML = newHTML + '    </tr>';
newHTML = newHTML + '    <tr>';
newHTML = newHTML + '      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">';
newHTML = newHTML + '          <tr>';
newHTML = newHTML + '            <td width="6" align="left"><img src="./templates/01/img/canto11_bl.png" width="6" height="6"></td>';
newHTML = newHTML + '            <td width="448" bgcolor="#C95905"></td>';
newHTML = newHTML + '            <td width="6" height="6" align="right"><img src="./templates/01/img/canto11_br.png" width="6" height="6"></td>';
newHTML = newHTML + '          </tr>';
newHTML = newHTML + '        </table></td>';
newHTML = newHTML + '    </tr>';
newHTML = newHTML + '  </table>';
newHTML = newHTML + '</div>';

	gettrailobjnostyle().innerHTML = newHTML;

	gettrailobj().display="block";
		
}
}
function OnIco(id,opc){
	if(opc==1){
		
		document.getElementById(id).style.display = "block";
		
	}else{
		
		document.getElementById(id).style.display = "none";
	}
	
}
function NavGaleria(id,dir){
	var str = id.split("_");
	if(str.length == 2){
		if(dir==0){
			
			var newid = str[0]+"_"+(parseInt(str[1])-1)
			if(document.getElementById(newid)){
				
				var img = document.getElementById(newid).childNodes[0].src;
				img = img.replace(/\/tb_/, "/");
				showtrail(img,document.getElementById(newid),0);
			
			}
			
		}else if(dir==1){

			var newid = str[0]+"_"+(parseInt(str[1])+1)
			if(document.getElementById(newid)){
				
				var img = document.getElementById(newid).childNodes[0].src;
				img = img.replace(/\/tb_/, "/");
				showtrail(img,document.getElementById(newid),0);
				
			
			}
		}
	}
}