function HideContent(d) 
{
	document.getElementById(d).style.display = "none";
}

function ShowContent(d) 
{
	document.getElementById(d).style.display = "block";
}

function menu()
{

	var menu = "";
	
	if(pageId == "1")
		menu += "<a href='medlem.html'><img src='images/nav/medlem_o.gif' style='border:0; margin-right:35px;'></a>";
	else
		menu += "<a href='medlem.html'><img src='images/nav/medlem.gif' class='ro' style='border:0; margin-right:35px;'></a>";
	
	
	
	if(pageId == "2")
		menu += "<a href='kalender.html'><img src='images/nav/kalender_o.gif' style='border:0; margin-right:35px;'></a>";
	else
		menu += "<a href='kalender.html'><img src='images/nav/kalender.gif' class='ro' style='border:0; margin-right:35px;'></a>";
	
	
	
	if(pageId == "3")
		menu += "<a href='ungdom.html'><img src='images/nav/ungdom_o.gif' style='border:0; margin-right:35px;'></a>";
	else
		menu += "<a href='ungdom.html'><img src='images/nav/ungdom.gif' class='ro' style='border:0; margin-right:35px;'></a>";

	
	
	if(pageId == "4")
		menu += "<a href='hamn.html'><img src='images/nav/hamn_o.gif' style='border:0; margin-right:35px;'></a>";
	else
		menu += "<a href='hamn.html'><img src='images/nav/hamn.gif' class='ro' style='border:0; margin-right:35px;'></a>";
	
	
	
	if(pageId == "5")
		menu += "<a href='historik.html'><img src='images/nav/historik_o.gif' style='border:0; margin-right:35px;'></a>";
	else
		menu += "<a href='historik.html'><img src='images/nav/historik.gif' class='ro' style='border:0; margin-right:35px;'></a>";
	
	
	
	if(pageId == "6")
		menu += "<a href='framnas.html'><img src='images/nav/framnas_o.gif' style='border:0; margin-right:35px;'></a>";
	else
		menu += "<a href='framnas.html'><img src='images/nav/framnas.gif' class='ro' style='border:0; margin-right:35px;'></a>";
		
	
	if(pageId == "7")
		menu += "<a href='styrelse.html'><img src='images/nav/styrelse_o.gif' style='border:0; margin-right:35px;'></a>";
	else
		menu += "<a href='styrelse.html'><img src='images/nav/styrelse.gif' class='ro' style='border:0; margin-right:35px;'></a>";
		
	
	if(pageId == "8")
		menu += "<a href='resultat.html'><img src='images/nav/resultat_o.gif' style='border:0; margin-right:35px;'></a>";
	else
		menu += "<a href='resultat.html'><img src='images/nav/resultat.gif' class='ro' style='border:0; margin-right:35px;'></a>";
	
	
	
	if(pageId == "9")
		menu += "<a href='skbf.html'><img src='images/nav/skbf_o.gif' style='border:0; margin-right:5px;'></a>";
	else
		menu += "<a href='skbf.html'><img src='images/nav/skbf.gif' class='ro' style='border:0; margin-right:5px;'></a>";
	
	
	
	document.write(menu);
	
}


$(document).ready( function()
{
   PEPS.rollover.init();
   
   
   
});

PEPS = {};

PEPS.rollover =
{
   init: function()
   {
      this.preload();
     
      $(".ro").hover(
         function () { $(this).attr( 'src', PEPS.rollover.newimage($(this).attr('src')) ); },
         function () { $(this).attr( 'src', PEPS.rollover.oldimage($(this).attr('src')) ); }
      );
   },

   preload: function()
   {
      $(window).bind('load', function() {
         $('.ro').each( function( key, elm ) { $('<img>').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); });
      });
   },
   
   newimage: function( src )
   {
      return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_o' + src.match(/(\.[a-z]+)$/)[0];
   },

   oldimage: function( src )
   {
      return src.replace(/_o\./, '.');
   }
};