window.addEvent('domready', function() {
	if($$(".slider")[0])
		{slider.init();}
});
slider = {};
slider.init = function(){
	slider.theSlider = $$(".slider")[0];
	slider.vp = slider.theSlider.getElement(".viewport");
	slider.ul = slider.theSlider.getElement("ul.info");
	slider.currentLi = slider.theSlider.getElement("li")
	slider.liWidth = slider.theSlider.getElement("li").getStyle("width").toInt();
	slider.ul.setStyle ('width',slider.liWidth*slider.ul.getElements("li").length);
	//make progress indicator
	var pi = new Element('ul',{'class':'pi cf'});
	$$(".slider .info li.cf").each(function(sliderLi,index){
   		 sliderLi.setProperty('index',index);
		var pili = new Element ('li',{'index':index});
		if(index==0) pili.addClass('on');
		pili.inject(pi);   			   
	});
	pi.inject(slider.theSlider);
	//make left / right buttons
	$$(".slider").each(function(sliderEl){
		var leftBut = new Element ('a', {'class':'l' ,'events': {'click': function(){
			slider.moveIt(-1); 	
			pageTracker._trackEvent('foodUncovered', 'left', $('currentMenuItemName').get('value'));
		}}});
		leftBut.inject(sliderEl);	
		var rightBut = new Element ('a', {'class':'r' ,'events': {'click': function(){
			slider.moveIt(1); 	
			pageTracker._trackEvent('foodUncovered', 'right', $('currentMenuItemName').get('value'));
		}}});
		rightBut.inject(sliderEl);
		sliderEl.getElements("li").setStyle("float","left");
	});

}
slider.moveIt = function (offset) {
	//check if there's anymore left, if not do some shuffling
	if(offset ==offset.abs()){
		if(!slider.currentLi.getNext()){
			slider.ul.setStyle("margin-left",slider.ul.getStyle("margin-left").toInt() + slider.liWidth)
			slider.ul.getFirst().inject(slider.ul.getLast(),"after");
		}

	}
	else{
		if(!slider.currentLi.getPrevious()){
			slider.ul.setStyle("margin-left",slider.ul.getStyle("margin-left").toInt() - slider.liWidth)
			slider.currentLi.getParent().getLast().inject(slider.currentLi,"before");
		}
	}
	if(offset ==offset.abs()){
		slider.currentLi = slider.currentLi.getNext();
	}else{
		slider.currentLi = slider.currentLi.getPrevious();
	}
	slider.ul.get('tween', {duration:300,transition:'pow:out', onComplete:function(){
		//set the pi
		$$('ul.pi li').removeClass('on');	
		$$('ul.pi li')[slider.currentLi.getProperty('index')].addClass('on');																			 
	}}).start("margin-left",slider.ul.getStyle("margin-left").toInt()-slider.liWidth*offset);
	
	
}