jQuery + google maps + Elevation

playing with google maps v3 events, jQuery, icons from http://google-maps-icons.googlecode.com

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<p class="text">asdfasdfaa</p>        
<img id="map" src="http://www.local-guru.net/img/guru/worldglow.png" alt="map"/>
<p class="text">asdfasdfaa</p>      


<div id="sidebar">
<div class="logo">
	<img id="logo" src="logo2.png" alt="Logo"> 
</div>
</html>

CSS

* {font-family: Lucida Console; }
#sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 230px;
  height: 100%;
  background-color: #CD6A51;
}
.text{
   
    color:white;
    z-index:999;
    position:fixed;
    left:60%;
    font-size:25px;
   
}

</style>

JavaScript

$(".text").hide().fadeIn(2000);
var mywindow = $(window);
var pos = mywindow.scrollTop();
mywindow.scroll(function() {
    if(mywindow.scrollTop() > pos)
    {
        $('.text').fadeOut();  
    }
    else
    {
        $('.text').fadeIn();
    }
    pos = mywindow.scrollTop();
 });