var gallery = new Array();
var gallery_big = new Array();
var gallery_hires = new Array();
var gallery_title = new Array();
var numbPhoto;
var loadingImage;

function loadImg(path1, path2, path3, title){
	loadingImage.style.display = 'block';
	bigImage.onload = function(){
		loadingImage.style.display = 'none';
	}
	bigImage.src=path1;
	if( path2 )
		bigImageLink.href=path2;

	bigImageLink.title=title;

	var ourImage = document.getElementById('idGalleryBigImage');
	ourImage.title=title;

	if(hiresImage = document.getElementById('idGalleryHiRes')){
		hiresImage.href=path3;
	}
}

function initGallery(){
	loadingImage = document.getElementById('idLoading');
	bigImageLink = document.getElementById('idBigImageLink');
	numbPhoto = document.getElementById('idGalleryNumbersPhotoes');
	bigImage = document.getElementById('idGalleryBigImage');
	loadImg(gallery[0], gallery_big[0], gallery_hires[0], gallery_title[0])
	if(gallery.length>1){
		var string = '<table><tr><td><span class="active">1</span></td>';
		for(var i=1; i<gallery.length; i++) 
		{
			if(gallery_big[0] != null ) 
				string+='<td><a href="#" onclick="subGalleryLoadImage('+i+'); return false;">'+(i+1)+'</a></td>';
			else
				alert("da");
		}
		string += '</tr></table>';
		numbPhoto.innerHTML = string;
	}
}

function subGalleryLoadImage(subId){
	loadImg(gallery[subId], gallery_big[subId], gallery_hires[subId]);
	
	var string = '<table><tr><td>';
	for(var i=0; i<gallery.length; i++){
		if(i==subId){
			string+='<td><span class="active">'+(i+1)+'</span></td>';
		}else{
			string+='<td><a href="#" onclick="subGalleryLoadImage('+i+'); return false;">'+(i+1)+'</a></td>';
		}
	}
	string += '</tr></table>';
	numbPhoto.innerHTML = string;
}