var one = 'manu';
var width;
var extra = 0;
var images ;
var dis = 0;
var i = 0;
document.getElementById('base').onmouseover = bin;
document.getElementById('base').onmouseout = ban;

function maxpane(){
var totalWidth = 0;
var im = document.getElementById('manu').getElementsByTagName('IMG');
for(var j = 0;j<im.length;j++){

totalWidth = totalWidth + im[j].width;
}
/*if(totalWidth == 0){
totalWidth = 96*(im.length);
}*/
totalWidth = totalWidth + (3*im.length);
width = totalWidth + 10;
document.getElementById('manu').style.width = width+'px';
document.getElementById('manu1').style.width = width+'px';
document.getElementById('manu1').innerHTML = document.getElementById('manu').innerHTML;
if(document.getElementById('manu').offsetWidth > document.getElementById('base').offsetWidth){
extra = document.getElementById('manu').offsetWidth - document.getElementById('base').offsetWidth;
}
macc(i);
}

function macc(i){

if(i > (0-width) && (i < 0)){
dis = document.getElementById('base').offsetWidth + i + (extra);
document.getElementById('manu1').style.left = dis+'px';
}
if(i <= (0-width) ){
i = dis;
document.getElementById('manu1').style.left = document.getElementById('base').offsetWidth + document.getElementById('manu1').offsetWidth+'px';
}
document.getElementById('manu').style.left = i+'px';
i = i-1;
time = setTimeout('macc('+i+')',10);
}
function bin(){
clearTimeout(time);
}
function ban(){
i = document.getElementById('manu').style.left;
i = i.substr(0,(i.length)-2);
time = setTimeout('macc('+i+')',10);
}
window.onload = maxpane;