var _img_actual = 0;
var _img_pagactual = 0;
var _html_imatge = 'img';

var _img_array_JSON;
var _img_titols;


function img_VisualitzaPagina(numpag) {
	var conta = 0;
	var i = 0;
	var idx_ini = numpag*_img_total_pagina;
	var m;
	var img_url;
	var _div_img;
	var s;
	var _imatge = -1;
	
	if (_img_pagactual != numpag) {
		_imatge = idx_ini; 
	}
	
	_img_pagactual = numpag;
	if (idx_ini < _img_array_JSON.length) {
		conta = 0;
		
		for (i=idx_ini; i<idx_ini+_img_total_pagina; i++) {
			s = 'div_img_' + conta;
			_div_img = document.getElementById(s);
			
			if (i < _img_array_JSON.length) {
				m = _img_array_JSON[i];
				img_url = m.url_imatge;
				_div_img.innerHTML = '<img src="' + img_url + '" height="40" onclick="img_VisualitzaImatge(' + i + ', true)">';
			} else {
				_div_img.innerHTML = '&nbsp;';
			}
			conta++;
		}
	}
	if (_imatge >= 0) {
		img_VisualitzaImatge(_imatge, false);
	}
}

function img_VisualitzaImatge(idx, vispag) {
	var pag = 0;
	var conta = 0;
	var _div_img = document.getElementById('spotlight');
	_div_img.innerHTML = '';
	
	_img_actual = -1;
	_img_pagactual = -1;
	
	if (idx < _img_array_JSON.length) {
		_img_actual = idx;
		var m = _img_array_JSON[idx];
		var _img_url = m.url_imatge_mitja;
		var _caption = m.caption;

		for (i=0; i<idx; i++) {
			conta++;
			if (conta >= _img_total_pagina) {
				pag++;
				conta = 0;
			}	
		}
		if (vispag) {
			img_VisualitzaPagina(pag);
		}
		_div_img = document.getElementById('spotlight');
		_caption = 	_img_titols[idx];
		_div_img.innerHTML = '<br>' + _caption + '<br><br><img src="' + _img_url + '" width="250">';
	}
}