/* This script only centers the dialogue if it is embedded after the body tag */
document.write('<style type="text\/css">.mailto { z-index:499; display:none; background-color: rgba(0,0,0,0.5); height:100vh; width:100vw; font-family: "Martel", Georgia, Serif; font-size:1em; line-height:1.4; z-index:400; text-align:center;vertical-align:middle; } .mailtotable{ z-index:499; display: inline-block; text-align:left; color: black; } .mailhead{ z-index:499; color:white; background-color:#046; padding: 0.7em; border-radius: 0.5em 0.5em 0 0; font-size:1.5em; line-height:1; } #closecross{ z-index:499; float:right; width:1em; vertical-align:middle; cursor:pointer; } #mailtooutput{ z-index:499; background-color:white; border-radius: 0 0 0.5em 0.5em; padding: 1em; }<\/style>')
var a='18', b='220', c='136', d='165'
function showmailto(){
	document.getElementById( 'mailtodiv' ).style.display = 'table-cell'
	document.getElementById( 'mailtoTextIn' ).focus()
}
function mailtou(){
	var inp=document.getElementById('mailtoTextIn')
	if( inp.value && 'no'==inp.value.toLowerCase() ) {
		var t='Thank you.<p>Please use the following address to email me:<br>'
		t+='<a href="mailto:'
		var visitorip=[a,b,c,d].join('.')
		t+=visitorip
		t+='@cyberphotographer.com">'
		t+=visitorip
		t+='@cyberphotographer.com<\/a><br><br>'
		document.getElementById('mailtooutput').innerHTML=t
	}
}
function closepanel(){
	document.getElementById('mailtodiv').style.display='none'
}
document.write('<form name=mailtof1 id=mailtof1><div id=mailtodiv class=mailto><div class=mailtotable><div class=mailhead>Email<img id=closecross src="/cross.png" onclick="closepanel()"><\/div><div id=mailtooutput>Are you a machine programmed to send spam?<br>(hint: type \'no\') <br><br><input type="text" name="mailtoTextIn" id=mailtoTextIn onkeyup="javascript:mailtou()"><\/div><\/div><\/div><\/form>')
document.close()