if (Modernizr.csstransitions && Modernizr.csstransforms){
	//SlideShow.useCSS();
}
window.addEvent('touchmove', function(e) {
    e.preventDefault();
});
window.addEvent("domready", function(){
    var lazy = new MooLazyloader({
	    items: '.lazyload'
    });
	$$('.gallery').each(function(el){
		
	});
	$$('.gallery').each(function(el){

		var navs = el.getElements('a');
		//var w = 0;
		//navs.each(function(item, index){
		//	w += item.getSize().x;
		//});
		//console.log(w);
		
		el.getElement('.outer').setStyle('width', el.getElement('ul').getSize().x);
		var rightLimit = el.getElement('ul').getSize().x;
		/*new Drag.Scroll(el.getElement('.nav'),{
			friction: 3,
			stopPropagation:true,
			axis: {x: true, y : false}  
		});*/
		
		var viewport = el.getElement('.nav').getSize().x;
		
		var timer = null;
		
		function timerFunc(scrollAmount) {
			return function() {
				var scrollPos = el.getElement('.outer').getStyle('left').toInt();
				scrollPos += scrollAmount;
				if(scrollPos > 0) {
					scrollPos = 0;
				} else if(scrollPos < -(rightLimit - viewport)) {
					scrollPos  = -(rightLimit - viewport);
				}
				
				el.getElement('.outer').setStyle('left', scrollPos);
			}
		}
		
		function scrollEvent(scrollAmount) {
			return function(e) {
				clearInterval(timer);
				timer = timerFunc(scrollAmount).periodical(50);
				e.preventDefault();
			}
		}
		
		var scrollLeft = scrollEvent(20);
		var scrollRight = scrollEvent(-20);
		var scrollStop = function(e) {
			clearInterval(timer);
			e.preventDefault();
		}
		
		if(navigator.userAgent.match(/iPhone|iPad|iOS|iPod|Android/i)) {
			el.getElement('.buttonright').addEvent('touchstart', scrollRight);
			el.getElement('.buttonright').addEvent('touchend', scrollStop);
			el.getElement('.buttonleft').addEvent('touchstart', scrollLeft);
			el.getElement('.buttonleft').addEvent('touchend', scrollStop);
		} else {
			el.getElement('.buttonright').addEvent('mouseenter', scrollRight);
			el.getElement('.buttonright').addEvent('mouseout', scrollStop);
			el.getElement('.buttonleft').addEvent('mouseenter', scrollLeft);
			el.getElement('.buttonleft').addEvent('mouseout', scrollStop);
		}
		

		var navSlideShow = new SlideShow(el, {
			selector: 'img.slide', // only create slides out of the images
			transition: 'fadeThroughBackground',
			onShow: function(data){
				// update navigation elements' class depending upon the current slide
				navs[data.previous.index].removeClass('current');
				navs[data.next.index].addClass('current');
			}
		});
		navs.each(function(item, index){
			item.addEvent('click', function(e){
				e.stop();
				//var transition = (navSlideShow.index < index) ? 'pushLeft' : 'pushRight';
				//navSlideShow.show(index, {transition: transition});
				navSlideShow.show(index);
			});
			item.addEvent('mouseenter', function(){
				el.getElement('.tips').set('text', item.get('title')).fade('in');
			});
			el.getElement('.nav').addEvent('mouseleave', function(){
				el.getElement('.tips').fade('out');
			});
		});
	});
});