grazie telegio allora io con il tuo aiuto ripartirei da capo.
di base ho questa situazione:

.background-ma1{
position:relative;
top:20px;
z-index:1;
background-image:url(images/martial1-bg.jpg);
height:760px;
width:835px;
overflow:hidden;
}

.background-ma2{
position:relative;
top:20px;
z-index:1;
background-image:url(images/martial2-bg.jpg);
height:760px;
width:835px;
overflow:hidden;
}


con 2 pulsanti (1 e 2) ai quali devo aggiungere 3 e 4 con martial3-bg e martial4-bg


cosa gia' provata e miseramente fallita ...