function lg(arg) {
	console.log(arg);
}



/*
---

description: zoq.nl functionality.

license: copyright moisemoise grphc dsgn

authors:
  - Christophe de Jonge (aka Petit Jean)

requires:
  - MooTools Core 1.4.1
  - MooTools More/Fx.Scroll 1.4.0.1

...
*/






function image(url){
	return Asset.image(url, {
		/*id: 'Image',*/
		/*title: 'Image',*/
		/*onLoad: function(){},*/
		height: window.getSize().y
	});
};










/* var imageURLs; */
var imagesLength;
var current = 0;
var container;
var prev;
var next;
var images;
//var imageDivs;
var scroll;
var scrollAllow = true;
var resizeTimer = false;



window.addEvent('domready', function(){
	
	imagesLength = imageURLs.length;
	
	current = 0 + imagesLength;
	

	// scroll
	scroll = new Fx.Scroll(window, {
		fps: 50,
		duration: 1000,
		transition: 'sine:in:out',
		onStart: function(){
			scrollAllow = false;
		},
		onComplete: function(){
			scrollAllow = true;

			if(current == 2 * imagesLength)
				window.scrollTo(window.getScroll().x - window.getScrollSize().x/3, 0);
			else if(current == imagesLength - 1)
				window.scrollTo(window.getScroll().x + window.getScrollSize().x/3, 0);
		},
		wheelStops: false
	});

	// extend elements
	container = document.id('container');
//	container.fade('hide');
	prev = document.id('prev');
	next = document.id('next');

	// navigation
	prev.addEvent('click', function(){
		if(scrollAllow) {
			//current = (current+imagesLength-1) % imagesLength;
			current = ((current) % imagesLength) + imagesLength - 1;
			lg(current);
			scroll.toElementCenter(images[current], 'x');
		}
	});
	next.addEvent('click', function(){
		if(scrollAllow) {
			//current = (current+1) % imagesLength;
			current = ((current) % imagesLength) + imagesLength + 1;
			lg(current);
			scroll.toElementCenter(images[current], 'x');
		}
	});



	//console.log(photos[1]);
	//alert(Object.values(photos));

	//lg(window.getSize().y);
	
	//lg(Object.keys(window));
	

	//container.grab(new Element('div').grab(image(imageURLs[current])));
	//initCenter = container.getElement('img');
	//container.grab(new Element('div').grab(image(imageURLs[(current+imagesLength-1) % imagesLength])), 'top');
	//container.grab(new Element('div').grab(image(imageURLs[(current+1) % imagesLength])));

	//scroll.toElementCenter(initCenter, 'x');

//	for(i = 0; i < imagesLength; i++) {
//		k = (i+1+imagesLength/2).floor()%imagesLength;
//		container.grab(new Element('div',{'html':k}).grab(image(imageURLs[k])));
//	}
//	imageDivs = container.getElements('div');


	for(i = 0; i < imagesLength; i++) {
		container.grab(new Element('div'/*,{'html':i}*/).grab(image(imageURLs[i])));
	}
	for(i = 0; i < imagesLength; i++) {
		container.grab(new Element('div'/*,{'html':i+imagesLength}*/).grab(image(imageURLs[i])));
	}
	for(i = 0; i < imagesLength; i++) {
		container.grab(new Element('div'/*,{'html':i+2*imagesLength}*/).grab(image(imageURLs[i])));
	}


	//container.grab(new Element('div').grab(image(imageURLs[current])));
	//lg((current-1)%imagesLength);
	//container.grab(new Element('div').grab(image(imageURLs[(current-1)%imagesLength])), 'top');
	//container.grab(new Element('div').grab(image(imageURLs[current+1])));
	//container.grab(new Element('div').grab(image(imageURLs[(current-2)%imagesLength])), 'top');
	//container.grab(new Element('div').grab(image(imageURLs[current+2])));




//	for( )

/*	container.grab(new Element('div').grab(image(imageURLs[0])));
	container.grab(new Element('div').grab(image(imageURLs[1])));
	container.grab(new Element('div').grab(image(imageURLs[2])));
	container.grab(new Element('div').grab(image(imageURLs[3])));
	container.grab(new Element('div').grab(image(imageURLs[4])));
	container.grab(new Element('div').grab(image(imageURLs[5])));
*/
	
	images = container.getElements('img')/*.setProperty('height', window.getSize().y);*/
//	imageDivs = container.getElements('div');
	
/*	lg(typeOf(photos));
	lg(typeOf(photos[1]));
	lg(typeOf(container));
	lg(typeOf(images));
	lg(typeOf(images[1]));
	lg(typeOf(scroll));
	lg(Object.keys(scroll));
	lg(typeOf(0));
	lg(typeOf(0));*/
	
	//scroll.toElementCenter(images[current], 'x');

	//window.scrollTo((images[current]).getPosition().x + (images[current]).getSize().x, 0);

	//(function(){
		//container.fade('in');

	window.scrollTo((images[current]).getPosition().x - (window.getSize().x - (images[current]).getSize().x) / 2, 0);


	//}).delay(2000);

	
});




function resize() {
//	images.tween('height', window.getSize().y);
	images.setProperty('height', window.getSize().y);
}

window.addEvent('resize', function(){
	if(resizeTimer !== false)
		clearTimeout(resizeTimer);
	resizeTimer = setTimeout(resize, 500);
});

/*window.addEvent('scroll', function(){
	if(window.getScroll().x <= window.getScrollSize().x/3)
		window.scrollTo(window.getScroll().x + window.getScrollSize().x/3, 0);
	//if(window.getScroll().x >= 2*(window.getScrollSize().x)/3)
	//	window.scrollTo(window.getScrollSize().x, window.getScrollSize().x/3);
});
*/