document.observe("dom:loaded", init);
preloadImg = new Image();
preloadImg.src = 'fileadmin/template/images/preload.gif';

function init() {
	$$('.block_selector').invoke('observe', 'click', selectItem)
	$$('.img_selector').invoke('observe', 'click', showImg);
	currImgSel = $('sel_img0');
	if (currImgSel) {
		currImgSel.wrap('h2');
	}
	currBlockSel = $('descr');
	imagesArr = new Array();

	nextPhotoLink = $('next_photo_link');
	
	if (prevPhotoLink = $('prev_photo_link')) {
		//prevPhotoLink.hide();
		prevPhotoLink.addClassName('last');
	}
	
	//TODO: Check this condition!
	if (imgNamesArr != undefined && imgNamesArr.length) {
		imagesArr[0] = new Image();
		imagesArr[0].src = imgNamesArr[0];
		nextPhotoLink.observe('click', showNextPrevImg);
		//prevPhotoLink.observe('click', showNextPrevImg);
	}
	else {
		if (nextPhotoLink) {
			nextPhotoLink.hide(); // No images or single image
		}
	}
	
	if ($('recenter_project').href.substr(-1) == '#') {
		$('recenter_project').replace('<span class="last">' + $('recenter_project').innerHTML + '</span>');
	}

	if ($('next_project').href.substr(-1) == '#') {
		$('next_project').replace('<span class="last">' + $('next_project').innerHTML + '</span>');
	}
}

function showNextPrevImg(event) {
	n = currImgSel.id.substr(7);
	if (event.element() == nextPhotoLink) {
		n++;
	}
	else if (event.element() == prevPhotoLink) {
		n--;
	}
	else {
		return false;
	}
	Event.stop(event);
	
	currImgSel.parentNode.replace(currImgSel); // Remove h2 from link
	currImgSel.addClassName('small');
	currImgSel = $('sel_img' + n);
	currImgSel.removeClassName('small');
	currImgSel.wrap('h2');
	if (n == undefined || imgNamesArr == undefined || !imgNamesArr.length) {
		return false
	}
	loadImg(n);
}

function showImg(event) {
	Event.stop(event);
	currImgSel.parentNode.replace(currImgSel); // Remove h2 from link
	currImgSel.addClassName('small');
	currImgSel = Event.element(event);
	currImgSel.removeClassName('small');
	currImgSel.wrap('h2');
	n = currImgSel.id.substr(7);
	if (n == undefined || imgNamesArr == undefined || !imgNamesArr.length) {
		return false
	}
	loadImg(n);
}

function loadImg(n) {
	//
	if (n == imgNamesArr.length - 1) {
		//nextPhotoLink.hide();
		nextPhotoLink.addClassName('last');
		nextPhotoLink.stopObserving('click', showNextPrevImg);
	}
	else {
		//nextPhotoLink.show();
		nextPhotoLink.removeClassName('last');
		nextPhotoLink.observe('click', showNextPrevImg);
	}
	if (n == 0) {
		//prevPhotoLink.hide();
		prevPhotoLink.addClassName('last');
		prevPhotoLink.stopObserving('click', showNextPrevImg);
	}
	else {
		//prevPhotoLink.show();
		prevPhotoLink.removeClassName('last');
		prevPhotoLink.observe('click', showNextPrevImg);
	}
	if (!imagesArr[n]) {
		$('content_right').addClassName('preload');
		$('image').src = 'fileadmin/template/images/spacer.gif';
		imagesArr[n] = new Image();
		imagesArr[n].src = imgNamesArr[n];
		imagesArr[n].onload = function() {
			$('image').src = imagesArr[n].src;
			$('content_right').removeClassName('preload');
		}
	}
	else {
		$('image').src = imagesArr[n].src;
	}
}

function selectItem(event) {
	Event.stop(event);
	currBlockSel.addClassName('small');
	$(currBlockSel.parentNode).replace(currBlockSel); // Remove h2 from link
	$(currBlockSel.id + '_content').setStyle({display:'none'});
	currBlockSel = Event.element(event);
	currBlockSel.removeClassName('small');
	currBlockSel.wrap('h2');
	$(currBlockSel.id + '_content').setStyle({display:'block'});
}