Concuerdo con ipraetoriux, solo que yo lo haría con Jquery. Te doy un ejemplo simple, lo probas y me decís si es más o menos lo que querés:
Código HTML:
<head>
...
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
...
</head> Y dentro del body:
Código HTML:
<body>
<div id="menu">
<a href="#">Películas</a>
<a href="#">Juegos</a>
<a href="#">Música</a>
<a href="#">Videos</a>
<a href="#">Series</a>
</div><!--Fin de Menú-->
<div id="Caja">
<div class="contenido"><img src="Ejemplo 1"></div>
<div class="contenido"><img src="Ejemplo 2"></div>
<div class="contenido"><img src="Ejemplo 3"></div>
<div class="contenido"><img src="Ejemplo 4"></div>
<div class="contenido"><img src="Ejemplo 5"></div>
</div>
</body> En el archivo.js -el script-
Código:
var tabInicial = 1;
$(document).on("ready", main);
function main(){
$("#menu a").on("click", abrirTab);
$(".contenido").eq(tabInicial-1).fadeIn();
$("#menu a").eq(tabInicial-1).addClass("tabActual");
}
function abrirTab(){
$(".contenido").hide();
$("#menu a").removeClass("tabActual");
$(".contenido").eq($(this).index()).fadeIn();
$(this).addClass("tabActual");
return false;
}
Ah, no te olvides de darle poner en el css un .tabactual{background: (el color que quieras);} para que funcione y puedas probar.
P/D: Tampoco te olvides de descargar el jquery-1.7.1.min.js y ponerlo en el head como indiqué al principio. Si es algo así, intenta interiorizar para manejarte mejor en estas cosirijillas.