css left/right dynamic

Hello,

need help with the below type of css.
when i click on left menu, it dynamically changes on the right..

i know, it will have 4 div layers and master div layer
and tab1, tab2, tab3 etc..

but more help in detail on how to achieve this would be appreciated, and thats where i need help with.
thank you in advance.

http://storagedrop.com/module.png

Use a jQuery Content Switcher

Something like this.

<ul id="navigation">
<li><a href="#" data-id="one">1</a></li>
<li><a href="#" data-id="two">2</a></li>
</ul>
<div id="one" class="page">
Put content here...
</div>
<div id="two" class="page">
Put content here...
</div>

<script>

$(function(){
$("#navigation").find("a").click(function(e){
e.preventDefault();
var id = $(this).attr("data-id"); //get id for the page you wanna show
$(".page").hide(); //hide all pages with content could use fadeOut or something
$("#" + id).fadeIn(); //fade in the page you wanna show

});
});

</script>