var wait_img_src = '/img/ajax-loader.gif';

function setCurrentClass(galel) {
	var list = galel.ancestors()[1];
	
	removeCurrentClass(list);

	galel.ancestors()[0].toggleClassName("current");

}

function removeCurrentClass(list) {
	list.childElements().each(function(el) {
		if (el.hasClassName("current")) {
			el.removeClassName("current");
		}
	})
	
}

function setLoadingWait(el) {
	
	var wim = document.createElement('img');
	Element.extend(wim);
	wim.writeAttribute({src: wait_img_src});
	wim.setStyle({margin: '30px 80px'})
	el.update('');
	el.appendChild(wim);
}


function createThumbDiv(id) {
	var thumbDiv = document.createElement('div');
	Element.extend(thumbDiv);
	thumbDiv.writeAttribute({id: 'thumbdiv' + id, 'class': 'thumbDiv'});
	
	var thumb = document.createElement('img');
	Element.extend(thumb);
	thumb.writeAttribute({src: '/photodir/thumbs/' + imgIds[id] + '.jpg'})
	/*
	thumb.observe('load', function(event) {
		event.element().siblings()[0].remove()
		event.element().show();
	})
	*/
	thumbDiv.appendChild(thumb);
	
	/*
	var wait_ico = document.createElement('img');
	Element.extend(wait_ico);
	wait_ico.writeAttribute({src: '/img/ajax-loader-small.gif'})

	thumbDiv.appendChild(wait_ico);
	*/
	$('photosContent').appendChild(thumbDiv);
	return thumbDiv
}

function showThumbDiv(event) {
	var photolink = event.element();
	//alert(photolink);
	//alert(photolink.nodeName);
	if (photolink.nodeName == 'A') {
		var photolink_id = photolink.readAttribute('id');
		var id = photolink_id.sub('photolink', '');
		var thumb_div = $('thumbdiv' + id);
		if (!thumb_div) {
			thumb_div = createThumbDiv(id);
		}
		thumb_div.setStyle({
			'left': event.pointerX(event) + 3 + "px",
			'top': event.pointerY(event) + 3 + "px"
		});
		thumb_div.show();
		setTimeout('$("thumbdiv' + id + '").hide()', 2000);
		event.stop();
	}
}

function hideThumbDiv(event) {
	var photolink = event.element();
	if (photolink.nodeName == 'A') {
		id = photolink.readAttribute('id').sub('photolink', '');
		var thumb_div = $('thumbdiv' + id);
		if (thumb_div) {
			thumb_div.hide();
		}
	}
}

var pager_pc = 5

function makePager(base_url, crr_page, pages_cnt) {
	
	var pager = new Element('div');

	if (pages_cnt == 1) {
		return pager;
	}

	var left_arr = new Element('a', {'href': base_url}).update('<\u00a0');
	pager.appendChild(left_arr);

	var nadmiar = crr_page + 2 - pages_cnt;
	nadmiar = nadmiar > 0 ? nadmiar : 0;
	var niedomiar = crr_page - 3;
	niedomiar = niedomiar < 0 ? niedomiar : 0;

	
	if (crr_page - nadmiar > 3) {
		pager.appendChild(document.createTextNode('\u00a0...\u00a0'));
	}
	var start = crr_page - 2 > 0 ? crr_page - 2 - nadmiar : 1;
	var stop = crr_page + 2 <= pages_cnt ? crr_page + 2 - niedomiar : pages_cnt;
	
	var ass = [];

	for (var i = start; i <= stop; i++) {
		ass[i] = new Element('a', {'href': base_url + '/' + i, 'class': (i == crr_page ? 'current' : ''), 'onclick': 'event.returnValue = false; return false;'}).update(i + '\u00a0');
		ass[i].observe('click', function(event) {
			 setLoadingWait($("albumsContent")); new Ajax.Updater('albumsContent',
			 													  base_url + '/' + i, 
																  {asynchronous:true, 
			 													   evalScripts:true, 
																   onComplete:function(request) {
																   		setCurrentClass($("allink4"));
																	}, requestHeaders:['X-Update', 'photosContent']}) 
		}, false)
		pager.appendChild(ass[i]);
	}


	if (crr_page - niedomiar + 2 < pages_cnt) {
		pager.appendChild(document.createTextNode('\u00a0...\u00a0'));
	}
	
	var right_arr = new Element('a', {'href': base_url}).update('&gt;');
	pager.appendChild(right_arr);

	return pager;

}