/**
 * This parses the document for merkzettel adder icons and 
 * registers event handler on them to add item to the 
 * merkzettel via ajax.
 */

Event.observe(window,'load', function(){
	merkzettel.init();
});

var merkzettel = {

	/**
	 * Initializes merkzettel elements on the current page
	 */
	init: function(options) {
		// register click event on all notepade add icons
		$$('span.notepad-write').each(function(elm){
			Event.observe(elm, 'click', function(evt){
				// stop the click event bubble
				Event.stop(evt);
				// extract id of product and add it
				var productId = elm.getAttribute('rel');
				
				var url = '/libs/merkzettel/ajax.php?action=add&merk_id=' + productId; 
				new Ajax.Request(url, {
					
					// callback on successfully having added item
					onSuccess : function(t){
						$$('div.notepad').each(function(npObj){
							// slow pulsate on merkzettel
							new Effect.Pulsate(npObj, { 'from':0.5, 'pulses':3 });
							var spanObj = Element.down(npObj, 'p').down('span');
							spanObj.innerHTML = t.responseText;
						});
						// quick pulsate on trigger 
						new Effect.Pulsate(elm, { 'from':0.2, 'pulses':4, 'duration':.5 });
					},
					
					// callback onfailure
					onFailure : function(t){
						alert('We are sorry. Some error occured:\n' + t.statusText);
					}
					
				});
				return false;
				
			});
		});
	}
};