window.addEvent('domready', function(){
	
	//eerst gaan we kijken hoeveel we er max neer mogen zetten
	//(hoogte-wat er over blijft na een deling door 95) gedeeld door 95 keer 3
	max = (($('description-div').getStyle('height').toInt()-$('description-div').getStyle('height').toInt()%95)/95) * 3;
	
	//we hebben een mannen en een vrouwen kant
	//eerst de mannenkant
	pictures_1.each(function(i, count) {
		
		if (count == max)
			return;
		//maak een nieuwe li binnen de mannen-ul
		//achtergrond, acties
		$('men-pictures').adopt(new Element('li', {
			'id' : 'li_' + i.id,
			'styles' : {
				'background': 'url(' + i.filepath + ')'
			}
		}));
		
		$('li_' + i.id).adopt(new Element('a', {
			'href': 'index.php?id=prd.' + i.id,
			'id': 'href_' + i.id
		}).addEvents({
			'mouseenter': function() {
				var showfx = new Fx.Styles('span_' + i.id, {transition: Fx.Transitions.linear,duration: 100,wait: false});
				
				showfx.start({
					'opacity': '.80'
				});
			},
			'mouseleave': function() {
				var showfx = new Fx.Styles('span_' + i.id, {transition: Fx.Transitions.linear,duration: 100,wait: false});
				
				showfx.start({
					'opacity': '0'
				});
			}
		}));
		
		//tkst
		$('href_' + i.id).adopt(new Element('span', {
			'id': 'span_' + i.id,
			'class': 'title-span',
			'styles': {
				'opacity': 0
			}
		}).setHTML(i.short_name));
	});
	
	//de vrouwenkant
	pictures_3.each(function(i, count) {
		
		if (count == max)
			return;
		
		//maak een nieuwe li binnen de vrouwen-ul
		$('women-pictures').adopt(new Element('li', {
			'id' : 'li_' + i.id,
			'styles' : {
				'background': 'url(' + i.filepath + ')'
			}
		}));
		
		$('li_' + i.id).adopt(new Element('a', {
			'href': 'index.php?id=prd.' + i.id,
			'id': 'href_' + i.id
		}).addEvents({
			'mouseenter': function() {
				var showfx = new Fx.Styles('span_' + i.id, {transition: Fx.Transitions.linear,duration: 100,wait: false});
				
				showfx.start({
					'opacity': '.80'
				});
			},
			'mouseleave': function() {
				var showfx = new Fx.Styles('span_' + i.id, {transition: Fx.Transitions.linear,duration: 100,wait: false});
				
				showfx.start({
					'opacity': '0'
				});
			}
		}));
		
		//tkst
		$('href_' + i.id).adopt(new Element('span', {
			'id': 'span_' + i.id,
			'class': 'title-span',
			'styles': {
				'opacity': 0
			}
		}).setHTML(i.short_name));
	});
});