// JavaScript Document

var imageArray = Array();
var currentImage;
var currentPosition;
var maxPosition;
var imagesList = Array();
var navList;

var tmpFunc = window.onload;
window.onload = function() {
	if(tmpFunc) tmpFunc(); 

	landscape = new Image();
	landscape.src = "images/photo_background.png";
	portrait = new Image();
	portrait.src = "images/photo_background_portrait.png";
	thumbnail = new Image();
	thumbnail.src = "images/tn-loading.gif";
	image = new Image();
	image.src = "images/img-loading.gif";

	var field = $$('img[name=image-thumb]');
	for (i = 0; i < field.length; i++) {
		field[i].onclick = showImage;
		if (field[i].captureEvents) { 
			field[i].captureEvents(Event.CLICK);
		}
	}

	$('left-icon').onclick = prevImage;
	if ($('left-icon').captureEvents) { 
		$('left-icon').captureEvents(Event.CLICK);
	}

	$('right-icon').onclick = nextImage;
	if ($('right-icon').captureEvents) { 
		$('right-icon').captureEvents(Event.CLICK);
	}

}

function prevImage(e,x) {
	if (!e && window.event) var e=window.event;
	if (!x && this) var x = this;

	if (maxPosition == 1) { return; }
	if (currentPosition == 1) { var nextStep = maxPosition; } else { var nextStep = currentPosition-1; }
	changeImage(nextStep);
}

function nextImage(e,x) {
	if (!e && window.event) var e=window.event;
	if (!x && this) var x = this;
	
	if (maxPosition == 1) { return; }
	if (currentPosition == maxPosition) { var nextStep = 1; } else { var nextStep = currentPosition+1; }
	changeImage(nextStep);
}

function showImage(e,x) {
	if (!e && window.event) var e=window.event;
	if (!x && this) var x = this;

	if (currentImage == x.getProperty('id')) { return; }
	changeImage(x.getProperty('id'))
}

function changeImage(nextStep) {

	var readImage = imagesList[parseInt(nextStep)];
	x = $(nextStep.toString());
	
	if (currentImage == readImage) { return; }
	
	image = "images/"+readImage.substr(2).replace("__","/")+".jpg";
	var orientation = readImage.substr(0,1);
	var description = x.getProperty('title');

	var loadedImage;

	$("img-container").setHTML('');
	$("img-background").setProperty('class','img-background-'+orientation);
	$("img-container").setProperty('class','img-container-'+orientation);	
	new Asset.images(image, {
		onProgress: function(i){
			loadedImage = x;
		},
		onComplete: function(){
			$("img-container").setHTML('<img src="'+image+'" border="0" alt="'+x.alt+'" id="main-image" style=\"filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;\" />');
			var ExampleFx = new Fx.Style('main-image', 'opacity', {
				wait: false,
				duration: 400,
				transition: Fx.Transitions.Quart.easeIn
			});
			
			$("main-image").setStyle("opacity", "0");
			ExampleFx.start(0, 1);

			$(currentPosition.toString()).setStyle("border", "#CCCCCC 1px solid");
			currentPosition = parseInt(nextStep);
			currentImage = x.getProperty('id');
			$(currentImage).setStyle("border", "#FF0000 1px solid");			
			$('photo-description').setHTML(description);

		}	
	});
}