function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function fieldChange(input, label, color){
input.style.border = '1px solid ' + color; 
document.getElementById(label).style.color = color;
}

//creating the loading images
var loading_thumbs = new Image(194, 197);
loading_thumbs.src = './img/galerie_thumbs_loading.gif';
loading_thumbs.id = 'thumbs_loading';
var loading_med = new Image(252, 186);
loading_med.src = './img/galerie_medium_loading.gif';
var loading_large = new Image(640, 480);
loading_large.src = './img/galerie_large_loading.gif';
//the pagination images
var galerie_left = new Image(9, 10);
galerie_left.src = './img/galerie_left_h.gif';
var galerie_right = new Image(9, 10);
galerie_right.src = './img/galerie_right_h.gif';

function changeMed(img_no){
var img_obj = document.getElementById('medium').firstChild;
img_obj.src = loading_med.src;
var img = new Image(252, 189);
img.src = './img/galerie/medii/' + img_no + '.jpg';
img_obj.src = img.src;
}

function changeLarge(img_no){
var img_obj = document.getElementById('large_img').getElementsByTagName('img')[0];
img_obj.src = loading_large.src;
img_no = img_no.split('/');
img_no = img_no[(img_no.length - 1)];
img_no = img_no.split('.');
img_no = img_no[0];
var img = new Image(640, 480);
img.src = './img/galerie/mari/' + img_no + '.jpg';
img_obj.src = img.src;
}

var pag = 0;
var thumbs = 12;
function updateThumbs(action, max){
	var parent = document.getElementById('thumbs');
	parent.insertBefore(loading_thumbs, document.getElementById('pag'));//insert the loading image right before the pagination div

	//removing all the previous thumbs
	for(x=1; x<=thumbs; x++){
		if(parent.firstChild.nodeName == '#text'){ parent.removeChild(parent.firstChild); }
		parent.removeChild(parent.firstChild);
	}
	
	//only if the page is lower then the max number allowed we increase it with one
	if(action == 'next'){
		if(pag < Math.floor(max/12)) pag = pag+1;
	}
	
	//only if the page is bigger then 0 we decrease it with one
	if(action == 'prev'){
		if(pag > 0){
			pag = pag-1;
			thumbs = 12;
		}
	}
	
	//if the page is at max, we might not have 12 images to show
	if(pag == Math.floor(max/12)){
		thumbs = Math.ceil(((max/12) * 10) % 10);
		if(thumbs == 0) thumbs = 12; //thumbs will be 0 only if max divides exactly with 12
	}

	//alert('pag: '+ pag +'thumbs: '+thumbs+ ' '+Math.floor(max/12));

	//creatine the new thumbs
	for(x=1; x<=thumbs; x++){
		var img_no = (pag * 12) + x;
		var div = document.createElement('div');
		div.className = 'thumb trans';
		var img = new Image(52, 38);
		img.src = './img/galerie/mici/' + img_no + '.jpg';
		img.onclick = setChangeMed(img_no);
		div.appendChild(img);
		parent.insertBefore(div, loading_thumbs);
	}

	parent.removeChild(loading_thumbs);
}

function setChangeMed(img_no) { var x = img_no; return function() { changeMed(x); } };

function unhide(id){
	document.getElementById(id).style.display = 'block';
}

function hide(id){
	document.getElementById(id).style.display = 'none';
}
