please help on my improvised navbar

I would like to have a log in button if the user is log out..
and a log out button if the user is log in.

help please
my forum is http://news.worldgoo.com
Here is the code I made

Code:

<!-- BEGIN switch_user_logged_in --><div class="fixedPosition">
  <span style=" float: left;"><a href="http://news.worldgoo.com"><img src="http://i234.photobucket.com/albums/ee289/jumges/untitled-11.jpg" border="0" alt="Photobucket" height="20px" ></a>






</span>


<span style="float: right;">


<select style="font-size:12px;color:#696969;font-family:verdana;background-color:#ffffff;" onchange="if(this.options[this.selectedIndex].value !=

'-1'){window.location=this.options[this.selectedIndex].value}">
  <option value="-1">Menu</option>
  <option value="-1">Home</option>
  <option value="http://news.worldgoo.com">Home</option>
  <option value="http://news.worldgoo.com/privmsg?folder=inbox-">Message</option>
  <option value="http://news.worldgoo.com/profile?mode=editprofile">Edit Profile</option>
</select></span>

<form action="http://www.google.com/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-1399221113895807:5798469872" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="20" />
      </div>
</form>

<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>

</div><!-- END switch_user_logged_in -->
 



<!-- BEGIN switch_user_logged_out --><div class="fixedPosition">
  <span style=" float: left;"><a href="http://news.worldgoo.com"><img src="http://i234.photobucket.com/albums/ee289/jumges/untitled-11.jpg" border="0" alt="Photobucket" height="20px"  ></a>







</span>


<span style="float: right;">



<select style="font-size:12px;color:#696969;font-family:verdana;background-color:#ffffff;" onchange="if(this.options[this.selectedIndex].value !=

'-1'){window.location=this.options[this.selectedIndex].value}">
  <option value="-1">Menu</option>
  <option value="http://news.worldgoo.com">Home</option>
  <option value="http://news.worldgoo.com/privmsg?folder=inbox-">Message</option>
  <option value="http://news.worldgoo.com/profile?mode=editprofile">Edit Profile</option>
  </select></span>

<form action="http://www.google.com/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-1399221113895807:5798469872" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="20" />
      </div>
</form>

<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>

</div><!-- END switch_user_logged_out -->




 
<style type="text/css">
.fixedPosition {
  position:fixed;
  top:-1px;
  left:6%;
  height:20px;
  width:60%;
  border:2.55px solid black;
  background-image:url('http://i234.photobucket.com/albums/ee289/jumges/untitled-10-2.jpg');
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10pt;
  color:black;
  padding:1px;
}

div.fixedPosition{
margin-left: 109px !important;
}
div.fixedPosition{
z-index: 999 !important;
}
</style>