/**
 * Promenade JS
 **
 *
 * Constants
 */
var PICS_NUM = 50;
var PICS_DIR = 'images/promenade/fotos/';
var PICS_THB = '_thumb';
var PICS_EXT = '.jpg';
var PICS_TME = 10;


/**
 * makePicetures Function
 */
var closeTimer = null;

var clearTimer = function() {
	setTimeout(function() {
		clearTimeout(closeTimer);
	}, 100);
};

var initTimer = function(event) {
	clearTimeout(closeTimer);
	closeTimer = setTimeout(function() {
		var nave = $('box-nave');
		var img = $('img-preview');
		var pics = $('box-pics');
		var voltar = $('preview-voltar');
		var avancar = $('preview-avancar');
		avancar.hidden();
		voltar.hidden();
		nave.hidden();
		pics.visible();
		img.src = '';
	}, 400);
};

var makePictures = function() {
	var pics = $('box-pics');
	var i = 1;

	if (window.onclick) {
		window.onclick = initTimer;
	} else {
		document.onclick = initTimer;
	}
	if (PICS_TME < 10) {
		for (i = 1; i <= PICS_NUM; i++) {
			var img = $C('IMG');
			var numImg = i.format(4);

			img.className = 'thumb';
			img.src = PICS_DIR + numImg + PICS_THB + PICS_EXT;
			img.imgNum = numImg;

			img.onclick = function() {
				preview(this.imgNum);
			};

			pics.appendChild(img);
		}
	} else  {
		var interval = setInterval(function() {
			if (i == PICS_NUM) {
				clearInterval(interval);
			}

			var img = $C('IMG');
			var numImg = i.format(4);

			img.className = 'thumb';
			img.src = PICS_DIR + numImg + PICS_THB + PICS_EXT;
			img.imgNum = numImg;

			img.onclick = function() {
				preview(this.imgNum);
			};

			pics.appendChild(img);
			i++;
		}, PICS_TME);
	}
};

/**
 * preview Function
 */
var actualPic = '0001';

var preview = function (image) {
	var nave = $('box-nave');
	var pics = $('box-pics');
	var box = $('box-images');
	var img = $('img-preview');
	var voltar = $('preview-voltar');
	var avancar = $('preview-avancar');
	actualPic = image;

	pics.hidden();
	nave.visible();

	voltar.visible();
	avancar.visible();

	img.src = PICS_DIR + image + PICS_EXT;

	if (image == '0001') {
		voltar.hidden();
	}

	if (image == '0050') {
		avancar.hidden();
	}


	clearTimer();
};

var next = function() {
	var image = (++actualPic).format(4);
	preview(image);
};

var back = function() {
	var image = (--actualPic).format(4);
	preview(image);
};

/**
 * Init makePicetures Function
 */

if (Util.Browser.IE) {
	window.attachEvent('onload', makePictures);
} else if (Util.Browser.WebKit) {
	window.onload = makePictures;
} else {
	window.addEventListener('DOMContentLoaded', makePictures, false);
}