var slideMenu= function() {
	var sp,st,t,m,sa,l,w,gw,ot;
	return {
		build: function(sm,sw,mt,s,sl,h) {
			sp=s;
			st=sw;
			t=mt;
			m=document.getElementById(sm);
			sa=m.getElementsByTagName('li');
			l=sa.length;
			w=m.offsetWidth-5;
			gw=w/l;
			ot=Math.floor((w-st)/(l-1));
			var i=0;
			for(i;i<l;i++) {
				s=sa[i];
				s.style.width=gw+'px';
				this.timer(s)
			}
			
			if(sl!=null) {
				m.timer=setInterval( function() {
					slideMenu.slide(sa[sl-1])
				},t)
			}
			
		},
		timer: function(s) {
			s.onmouseover= function() {
				clearInterval(m.htimer);
				clearInterval(m.timer);
				m.timer=setInterval( function() {
					slideMenu.slide(s)
				},t)
			}
			s.onmouseout= function() {
				clearInterval(m.timer);
				clearInterval(m.htimer);
				m.htimer=setInterval( function() {
					slideMenu.slide(sa[0])
				},t)
			}
		},
		slide: function(s,c) {
			var cw=parseInt(s.style.width);
			if((cw<st&&!c)||(cw>gw&&c)) {
				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);
						if(ow<gw&&c) {
							oi=Math.floor((gw-ow)/sp);
							oi=(oi>0)?oi:1;
							o.style.width=(ow+oi)+'px';
						} else if(ow>ot&&!c) {
							oi=Math.floor((ow-ot)/sp);
							oi=(oi>0)?oi:1;
							o.style.width=(ow-oi)+'px'
						}
						if(c) {
							owt=owt+(ow+oi)
						} else {
							owt=owt+(ow-oi)
						}
					}
				}
				s.style.width=(w-owt)+'px';
			} else {
				clearInterval(m.timer);
				clearInterval(m.htimer)
			}
			$('.sm').css('visibility','visible');
		}
		
	};
	
}();

function slideDest(pnl) {
	var select=$(pnl);
	//console.log($('.navigator li').get(0))
	var ulLength=$('.productScrollable').children('div').length;
	if(ulLength%2!=0&&ulLength<(select.index()+1)*2) {
		$('.productScrollable').animate({
			left:(-710*select.index())+355
		},'normal');
	} else {
		$('.productScrollable').animate({
			left:-710*select.index()
		},'normal');
	}
	$('.navigator li').removeClass('selected');
	$(pnl).addClass('selected');
};

 
window.setInterval(goTimer, 5000);
var ii = 0;
function goTimer() {	
	var ulLengthMax = $('.productScrollable').children('div').length; 	
	slideDest($('.navigator li').get(ii)) ; 
	if(ii < 2){		
		ii++;
	}else{
		ii = 0;
	}
	}