Franklin Seiberling

«·»

<audio id="bgSound" loop >
<source src="https://franklinseiberling.com/GrayCatbirdCall.mp3" type="audio/mpeg" >
</audio>

<style type="text/css">
div.tht input { font: 12px Georgia ; color: #606060 ; font-weight: bold ; background-color: transparent ; width: 480px ; text-align: center ; border: 0 ; }
</style>

<center>
<table><tr>
<td width="1%"><img src="https://franklinseiberling.com/img/transparentVertical.png" alt="!!" width="1" height="280" ></td>
<td width="99%" valign="top" >

<div id="pic" style="display: none ; " >
<?php
mt_srand( intval(substr(microtime(),4,3)) + 1 ) ;
include( $jw.'/FranklinSeiberling/img/small/smallPicCaptions.php' ) ;
include( $jw.'/FranklinSeiberling/img/small/picSelection.php' ) ;
$maxSmallPics = $cPic ;
$ri = intval( picIx( $cPic ) ) ;
$picNo = ( $ri < 10 )? '0'.$ri : $ri ;
?>
<script language="JavaScript1.2" type="text/javascript">
var pp = <?php print( $ri ) ; ?> ;
var pm = 60 ;
var pn = ( pp > 59 )? 0 : pp + 1 ;
</script>
<div align="center" >
<a href="javascript: Hide( 'sPic' + pp ) ; pn = pp ; pp = ( pn < 1 ) ? pm : pn - 1 ; Reveal( 'sPic' + pp ) ; " class="u" title="prev" >«</a>·<a href="javascript: Hide( 'sPic' + pp ) ; pp = pn ; pn = ( pp > 59 )? 0 : pp + 1 ; Reveal( 'sPic' + pp ) ; " class="u" title="next" >»</a><br>
</div>
<?php
$ix = 0 ;
while( $ix <= 60 ) {
$pN = ( $ix < 10 )? '0'.$ix : $ix ;
print( '
<div align="center" id="sPic'.$ix.'" style="display: none ; margin-top: 20px ; " >
<img src="https://franklinseiberling.com/img/small/smallPic-'.$pN.'.png" alt="'.$sN.'—'.$spCaption[ $ix ].'" >
<p style="font: 10px Verdana ; color: #909090 ; text-align: center ; " >'.$spCaption[ $ix ].'</p>
</div>
' ) ;
$ix ++ ;
}
?>
</div>

<div id="clock" style="display: none ; " >
<?php
include( $jw.'/FranklinSeiberling/toolbox/showClock.php' ) ;
?>
</div>
<div id="sutra" style="display: none ; " >
<?php
include( $jw.'/FranklinSeiberling/toolbox/GochaSutraQuote.php' ) ;
?>
</div>

<div id="flyingCrane" style="display: none ; position: fixed ; top: 200px ; right: 0 ; " >
<img src="https://franklinseiberling.com/img/craneLeft.gif" alt="«·" >
</div>

<div id="flyingCraneBack" style="display: none ; position: fixed ; top: 300px ; left: 0 ; " >
<img src="https://franklinseiberling.com/img/craneRight.gif" alt="·»" >
</div>

<script language="JavaScript1.2" type="text/javascript">
var bx = 0 ; var bxb = 0 ;

function flyingCrane() {
bx ++ ;
document.getElementById( "flyingCrane" ).style.right = bx + "px" ;
if ( bx < 2000 ) { setTimeout( "flyingCrane() ; ", 10 ) ; } else { Hide( "flyingCrane" ) ; bx = 0 ; }
}

function flyingCraneBack() {
bxb ++ ;
document.getElementById( "flyingCraneBack" ).style.left = bxb + "px" ;
if ( bxb < 2000 ) { setTimeout( "flyingCraneBack() ; ", 10 ) ; } else { Hide( "flyingCraneBack" ) ; bxb = 0 ; }
}

function craneTimer() {
var sTime = new Date() ; var sSec = sTime.getSeconds() ; var sMin = sTime.getMinutes() ;
if ( ( ( sMin % 2 ) == 0 ) & ( ( sSec == 9 ) | ( sSec == 45 ) ) & ( !isVisible( 'flyingCrane' ) ) ) { Reveal( 'flyingCrane' ) ; flyingCrane() ; }
if ( ( ( sMin % 3 ) == 0 ) & ( ( sSec == 51 ) | ( sSec == 16 ) ) & ( !isVisible( 'flyingCraneBack' ) ) ) { Reveal( 'flyingCraneBack' ) ; flyingCraneBack() ; }
setTimeout( 'craneTimer() ; ', 500 ) ;
}

setTimeout( "Reveal( 'flyingCrane' ) ; flyingCrane() ; ", 2000 ) ;
craneTimer() ;

var bgs = document.getElementById( "bgSound" ) ;
var soundOn = 0 ;

function playSound() {
bgs.play() ;
soundOn = 1 ;
}

function pauseSound() {
bgs.pause() ;
soundOn = 0 ;
}

function toggleSound() {
if ( soundOn == 1 ) { pauseSound() ; }
else { playSound() ; }
}

var bizT = 0 ;
var tonT1 = 1244.5 ;
var tonT2 = 523.2 ;
var durT = 200 ;

function soundTone() {
if ( bizT == 0 ) {
bizT = 1 ;
durT = 120 ;
var sTA = new window.AudioContext() ;
beep( tonT1, durT, sTA ) ;
beep( tonT2, durT, sTA ) ;
setTimeout( 'bizT = 0 ; ', 1000 ) ;
}
}

function clearV() {
if ( isVisible( 'pic' ) ) { Hide( 'pic' ) ; }
if ( isVisible( 'clock' ) ) { Hide( 'clock' ) ; }
if ( isVisible( 'sutra' ) ) { Hide( 'sutra' ) ; }
}

clearV() ;
Reveal( 'sPic' + pp ) ;
Reveal( 'pic' ) ;
startClock() ;

</script>

</td></tr></table>
</center>

<div align="center" style="margin-left: 50px ; margin-right: 50px ; " >
<?php
include( $jw.'/FranklinSeiberling/rightPanel/aftermath.php' ) ;
?>
</div>

<div align="center" style="line-height: 20px ; " >
<img src="https://franklinseiberling.com/img/transparentHorizontal.png" alt="500" width="500" height="1" ><b><br> <a href="javascript: if ( isVisible( 'clock' ) ) { if ( bizT == 0 ) { soundTone() ; } } else { clearV() ; Reveal( 'clock' ) ; } " class="w" >Show Clock</a> · <a href="javascript: if ( isVisible( 'sutra' ) ) { if ( bizT == 0 ) { soundTone() ; } } else { clearV() ; Reveal( 'sutra' ) ; } " class="w" >Show Sutra</a> · <a href="javascript: if ( isVisible( 'pic' ) ) { if ( bizT == 0 ) { soundTone() ; } } else { clearV() ; Reveal( 'pic' ) ; } " class="w" >Show Image</a> · <a href="javascript: toggleSound() ; " class="w" >Toggle sound</a>
<br> <a href="javascript: ToggleDisplay( 'sourceF' ) ; " class="w" >View/Hide source code</a> <br></b>
</div>

<div id="sourceF" style="display: none ; " >
<?php
$filePath = $jw.'/FranklinSeiberling/rightPanel/flyBird.php' ;
viewSource( $filePath ) ;
?>
</div>