Event.observe(window, 'load', function() {
	/*test1 = false;
	$$('#te1').invoke('observe', 'click', function(event) {
		var po = $('conte').getStyle('left');
		var newpo = po.substr('0', po.indexOf('px', po))-60;
		var newpo2 = po.substr('0', po.indexOf('px', po));

		if(newpo2 != (-60)*(($('count').classNames())-5) && test1 == false) {
			new PeriodicalExecuter(function(pe) {
				if (newpo2 <= newpo) {
					test1 = false;
					pe.stop();
				} else {
					test1 = true;
					newpo2 -= 5;
					$('conte').setStyle({
  						left: newpo2+'px'
					});
				}
			}, 0.02);
		}
	}.bindAsEventListener());
	$$('#te2').invoke('observe', 'click', function(event) {
		var po3 = $('conte').getStyle('left');
		var newpo3 = parseInt(po3.substr('0', po3.indexOf('px', po3)),10)+parseInt("60",10);
		var newpo4 = po3.substr('0', po3.indexOf('px', po3));
		if(newpo4 != 0 && test1 == false) {
			new PeriodicalExecuter(function(pe) {
				if (newpo4 >= newpo3) {
					test1 = false;
					pe.stop();
				} else {
					test1 = true;
					newpo4 = parseInt(newpo4,10)+parseInt("5",10);
					$('conte').setStyle({
  						left: newpo4+'px'
					});
				}
			}, 0.02);
		}
	}.bindAsEventListener());*/
	

	var numb = $('numb').className;
	for(var g=1; g<=numb; g++) {
		$$('#vi'+g).invoke('observe', 'mouseover', function(event) {
			var counp2 = Math.random();
			new Ajax.Request(
				'request/vignette.php?count='+counp2,
				{
					method: 'get',
					parameters: {name: Event.element(event).className},
					onSuccess: function(transport, json) {
						$('photos_gr').update(transport.responseText);
				},
					onFailure: function() { alert("An AJAX error occured.\nReload this page should solve the problem.") }
				}
			);
			Event.stop(event);
		}.bindAsEventListener());
	}
});