var CTG_WIDTH = 950;
var CTG_HEIGHT = 700;
var CTG_OFFSET = 20;
var CTG_BAR_HEIGHT = 30;
var CTG_CAPTION_HEIGHT = 50;

var CTG_THUMBS_WIDTH = 110;
var CTG_THUMBS_HEIGHT = 60;

var CTG_TRANS = 'gallery/trans.gif';
var CTG_BUTTON_PREV = '<img class="overlay-button2" src="gallery/btn_prev.gif" border="0" alt="">';
var CTG_BUTTON_NEXT = '<img class="overlay-button2" src="gallery/btn_next.gif" border="0" alt="">';

var CTG_LANG_OF = 'von';
if(CTG_LANG == 'EN') {
	CTG_LANG_OF = 'of';
}

var CTG_THUMBS;
var CTG_OVERLAY;
var CTG_OVERLAY_INNER;
var CTG_OVERLAY_IMAGE;
var CTG_OVERLAY_HEADER;
var CTG_OVERLAY_FOOTER;
var CTG_OVERLAY_FOOTER_CAPTION;
var CTG_OVERLAY_FOOTER_LEFT;
var CTG_OVERLAY_FOOTER_CENTER;
var CTG_OVERLAY_FOOTER_RIGHT;

function initGallery() {
	CTG_THUMBS = document.getElementById('po-content');
	CTG_OVERLAY = document.getElementById('overlay');
	CTG_OVERLAY_INNER = document.getElementById('overlay-inner');
	CTG_OVERLAY_IMAGE = document.getElementById('overlay-image');
	CTG_OVERLAY_FOOTER = document.getElementById('overlay-footer');
	CTG_OVERLAY_FOOTER_CAPTION = document.getElementById('overlay-footer-caption');
	CTG_OVERLAY_FOOTER_LEFT = document.getElementById('overlay-footer-left');
	CTG_OVERLAY_FOOTER_CENTER = document.getElementById('overlay-footer-center');
	CTG_OVERLAY_FOOTER_RIGHT = document.getElementById('overlay-footer-right');
	
	galleryImages = new Array();
	galleryThumbs = new Array();
	actualImages = CTG_IMAGES.split(',');
	actualCaptions = CTG_CAPTIONS.split('|');
	var thumbs = '';
	
	for(i=0;i<actualImages.length;i++) {
		galleryImages[i] = new Image();
		galleryImages[i].src = CTG_IMAGE_PATH+'pic_'+actualImages[i];
		galleryThumbs[i] = new Image();
		galleryThumbs[i].src = CTG_IMAGE_PATH+'thumb_'+actualImages[i];
		if((i/4)-Math.floor(i/4) == 0) thumbs += '<br>';
		thumbs += '<a href="javascript:startGallery('+i+');">';
		thumbs += '<img class="thumb" src="'+galleryThumbs[i].src+'" border="0" width="'+CTG_THUMBS_WIDTH+'" height="'+CTG_THUMBS_HEIGHT+'" alt="'+actualCaptions[i]+'">';
		thumbs += '</a>';
	}
	CTG_THUMBS.innerHTML = CTG_LANG_TEXT;
	CTG_THUMBS.innerHTML += thumbs;
	CTG_THUMBS.innerHTML += '<p>&nbsp;</p>';
}

function getSize(img) {
	sizes = new Array();
	sizes[0] = img.width;
	sizes[1] = img.height;
	sizes[2] = parseInt(CTG_WIDTH/2)-parseInt(img.width/2)-CTG_OFFSET;
	sizes[3] = parseInt(CTG_HEIGHT/2)-parseInt(img.height/2)-CTG_BAR_HEIGHT-parseInt(CTG_CAPTION_HEIGHT/2);
	sizes[4] = img.width+CTG_OFFSET*2;
	sizes[5] = img.height+CTG_BAR_HEIGHT*2+CTG_CAPTION_HEIGHT;
	return sizes;
}

function startGallery(n) {
	sizes = getSize(galleryImages[n]);
	CTG_OVERLAY.style.visibility = 'visible';
	CTG_OVERLAY_INNER.style.left = sizes[2];
	CTG_OVERLAY_INNER.style.top = sizes[3];
	CTG_OVERLAY_INNER.style.width = sizes[4];
	CTG_OVERLAY_INNER.style.height = sizes[5];
	CTG_OVERLAY_INNER.style.visibility = 'visible';
	CTG_OVERLAY_IMAGE.src = galleryImages[n].src;
	CTG_OVERLAY_FOOTER_CAPTION.innerHTML = actualCaptions[n];
	CTG_OVERLAY_FOOTER_CENTER.innerHTML = '<span class="overlay-count">'+(n+1)+' '+CTG_LANG_OF+' '+galleryImages.length+'</span>';
	if(n > 0) CTG_OVERLAY_FOOTER_LEFT.innerHTML = '<a class="left" href="javascript:startGallery('+(n-1)+')">'+CTG_BUTTON_PREV+'</a>';
	else CTG_OVERLAY_FOOTER_LEFT.innerHTML = '&nbsp;';
	if(n < galleryImages.length-1) CTG_OVERLAY_FOOTER_RIGHT.innerHTML = '<a class="right" href="javascript:startGallery('+(n+1)+')">'+CTG_BUTTON_NEXT+'</a>';
	else CTG_OVERLAY_FOOTER_RIGHT.innerHTML = '&nbsp;';
}


function stopGallery() {
	CTG_OVERLAY.style.visibility = 'hidden';
	CTG_OVERLAY_INNER.style.visibility = 'hidden';
	CTG_OVERLAY_IMAGE.src = CTG_TRANS;
}