<div id='container'>
<div id='wrapper'>
<a id='wrapper_photo' href=""></a>
<a id='wrapper_video' href=""></a>
</div>
</div>

#container{
width:760px;
height:25px;
background:#000000;
overflow:hidden;
}

#wrapper {
width:1520px;
height:25px;
background-color:#0F0;
position:relative;
left:-380px;
}

#wrapper_photo{
width:760px;
height:25px;
background-color:#666666;
float:left;
}

#wrapper_video {
width:760px;
height:25px;
background-color:#0000CC;
float:left;
}

$(document).ready(function() {
    $('#wrapper_photo').click(function() {
        $('#wrapper').animate({
            left:"-=380"},
            5000);
    });
 });