preloadImages('/images/vers/note_member_big1.gif', '/images/vers/note_member_big2.gif', '/images/vers/note_member_big3.gif', '/images/vers/note_member_big4.gif', '/images/vers/note_member_big5.gif');
//preloadImages('/images/vers/note_pa_big1.gif', '/images/vers/note_pa_big2.gif', '/images/vers/note_pa_big3.gif', '/images/vers/note_pa_big4.gif', '/images/vers/note_pa_big5.gif');

var Note = Class.create();
Note.prototype = {
  	initialize: function(elem, idx) {
		this.elem = elem;
		this.idx = idx;
	},

  	on: function() { 
		$(this.elem).className = this.elem + this.idx;	
		$(this.elem + '_status').update(rate_expl[this.idx - 1]);
	},
	
	off: function() { 
		$(this.elem).className = this.elem; 
		$(this.elem + '_status').update('');
	},
	
	send: function() {
		elem = this.elem;
		$(elem + '_status').update('<img src=/images/ajax_indicator.gif>');
		
		new Ajax.Request('index.php?obj=note&action=' + this.elem + '&idx=' + this.idx + '&id=' + $(this.elem + '_id').value, {
				onSuccess: function(t) {
					if (parseInt(t.responseText) == 0) 
						$(elem + '_status').innerHTML = $(elem + '_err').value;
					else {
						$(elem + '_status').innerHTML = $(elem + '_ok').value;
						$(elem + '_curr').src = '/images/vers/' + elem + '_small' + t.responseText + '.gif';
					}
				}
			});
	}
};

Event.observe(window, 'load', function() {
	for (i = 1; i<=5; i++) {
		n = new Note('note_member', i);
		n.evOn = n.on.bindAsEventListener(n);
		n.evOff = n.off.bindAsEventListener(n);
		n.evSend = n.send.bindAsEventListener(n);
		Event.observe('vote_member' + i, 'mouseover', n.evOn);
		Event.observe('vote_member' + i, 'mouseout', n.evOff);
		Event.observe('vote_member' + i, 'click', n.evSend);
		
		//n = new Note('note_pa', i);
		//n.evOn = n.on.bindAsEventListener(n);
		//n.evOff = n.off.bindAsEventListener(n);
		//n.evSend = n.send.bindAsEventListener(n);
		//Event.observe('vote_pa' + i, 'mouseover', n.evOn);
		//Event.observe('vote_pa' + i, 'mouseout', n.evOff);
		//Event.observe('vote_pa' + i, 'click', n.evSend);
	}
});