var slideMenu=function(){
	var sp,st,t,m,sa,l,w,sw,ot;
	return{
		build:function(sm,tw,mt,s,sl,h){
			m=document.getElementById(sm);
			sa=m.getElementsByTagName('li');
			l=sa.length;
			w=m.offsetWidth;
			
			sw=w-((l-1)*tw);
			sp=s;
			st=sw;
			t=mt;

			sw=w/l;
			ot=Math.floor((w-st)/(l-1));
			
			var i=0;
			for(i;i<l;i++){
				s=sa[i];
				this.timer(s)
			}
			if(sl!=null){
				m.timer=setInterval(function(){
					slideMenu.slide(sa[sl-1])
				},t)
			}
		},
		timer:function(s){
			s.onclick=function(){
				if(w!=m.offsetWidth) slideMenu.build('sm',55,10,10,1);
				clearInterval(m.timer);
				m.timer=setInterval(function(){
					slideMenu.slide(s)
				},t);
			}
		},
		slide:function(s){
			var cw=parseInt(s.style.width,'10') || s.offsetWidth;
			if(cw<st){
				var owt=0;
				var i=0;
				for(i;i<l;i++){
					if(sa[i]!=s){
						var o,ow;
						var oi=0;
						o=sa[i];
						ow=parseInt(o.style.width,'10') || o.offsetWidth;
						if(ow>ot){
							oi=Math.floor((ow-ot)/sp);
							oi=(oi>0)?oi:1;
							o.style.width=(ow-oi)+'px'
						}
						owt=owt+(ow-oi)
						o.className = 'inactive';
					}
				}
				s.style.width=(w-owt)+'px';
				s.className = 'active';
			}else{
				console.log('done');
				s.style.width = 'auto';
				clearInterval(m.timer);
			}
		}
	};
}();