var currentImg = 1;
var nbImgs = 0;
var ie = detectIE();

function setNbImgs(nb){
	nbImgs = nb;
}

function setThumbs(){
	var childs = document.getElementsByClassName('thumb');
	
	/*
	for(var i = 0 ; i < childs.length ; i++){
		var dim = getImgDimensions(childs[i].childNodes[1].src);
		
		if(dim[0] > dim[1] && dim[0] > 40){
			childs[i].childNodes[1].width = 40;
		}else if(dim[0] < dim[1] && dim[1] > 40){
			childs[i].childNodes[1].height = 40;
		}
	}
	*/
}

function loadPrev(){
	if(currentImg == 1){
		currentImg = nbImgs;
	}else{
		currentImg = parseInt(currentImg) - 1;
	}
	loadImg(currentImg);
}

function loadNext(){
	if(currentImg == nbImgs){
		currentImg = 1;
	}else{
		currentImg = parseInt(currentImg) + 1;
	}
	loadImg(currentImg);
}

function loadImg(id){
	var isIE = detectIE();
	
	if(isIE == 0){
		if(isNaN(id)){
			var tmp = id.split('gallery_thumb');
			id = tmp[1];
		}
		currentImg = id;
		var img = document.getElementById('gallery_img' + id);
		var thumb = document.getElementById('gallery_thumb' + id);
		unselectThumbs();
		selectThumb(id);
		
		$('#content').fadeTo('fast', 0);
		
		setTimeout(function() {
			var dim = getImgDimensions(img.src);
			if(dim[0] > dim[1] && dim[0] > 600){
				document.getElementById('image').childNodes[1].width = 600;
			}else if(dim[0] < dim[1] && dim[1] > 550){
				document.getElementById('image').childNodes[1].height = 550;
			}
			document.getElementById('image').childNodes[1].src = img.src;
			document.getElementById('text').innerHTML = img.title;
			
			$('#content').fadeTo('fast', 1);
		}, 250);
	}else{
		loadImgIE(id);
	}
}

function loadImgIE(id){
	if(isNaN(id)){
		var tmp = id.split('gallery_thumb');
		id = tmp[1];
	}
	currentImg = id;
	var img = document.getElementById('gallery_img' + id);
	var thumb = document.getElementById('gallery_thumb' + id);
	unselectThumbs();
	selectThumb(id);
	
	var image = new Image();
	image.src = img.src;
	document.getElementById('image').innerHTML = '<img src="' + image.src + '" />';
	document.getElementById('text').innerHTML = img.title;
}

function showNav(side){
	if(nbImgs > 1){
		document.getElementById('button_' + side).childNodes[1].style.display = 'block';
	}
}

function hideNav(side){
	if(ie == 0){
		document.getElementById('button_' + side).childNodes[1].style.display = 'none';
	}
}

function showThumbs(){
	document.getElementById('thumbs').style.display = 'block';
}

function hideThumbs(side){
	document.getElementById('thumbs').style.display = 'none';
}

function getImgDimensions(src){
	var img = new Image();
	img.src = src;
	var dim = Array(img.width, img.height);
	return(dim);
}

function unselectThumbs(){
	var childs = document.getElementsByClassName('thumb');
	
	for(var i = 0 ; i < childs.length ; i++){
		childs[i].className = 'thumb';
	}
}

function selectThumb(id){
	var thumb = document.getElementById('gallery_thumb' + id);
	thumb.parentNode.className = 'thumb active';
	
	var current_div = document.getElementById('current_thumbs_div').value;
	current_div = parseInt(current_div);
	var tmp = id / 9;
	var mod = id % 9;
	
	if(mod > 0){
		tmp = parseInt(tmp) + 1;
	}
	
	if(current_div < tmp){
		for(var i = 0 ; i < (tmp - current_div) ; i++){
			showNextThumbs();
		}
	}else if(current_div > tmp){
		for (var i = 0; i < (current_div - tmp); i++) {
			showPrevThumbs();
		}
	}
}

function showPrevThumbs(){
	var current_div = document.getElementById('current_thumbs_div').value;
	current_div = parseInt(current_div);
	
	if(current_div > 1){
		var dest = current_div - 1;
		document.getElementById('thumbs_' + current_div).style.display = 'none';
		$('#thumbs_' + dest).fadeIn();
		document.getElementById('current_thumbs_div').value = dest;
	}
}

function showNextThumbs(){
	var current_div = document.getElementById('current_thumbs_div').value;
	var max = document.getElementById('nb_thumbs_div').value;
	current_div = parseInt(current_div);
	
	if(current_div < max){
		var dest = current_div + 1;
		document.getElementById('thumbs_' + current_div).style.display = 'none';
		$('#thumbs_' + dest).fadeIn();
		document.getElementById('current_thumbs_div').value = dest;
	}
}