var ModifyCompareList = new Class({

	Implements: [Options],

    options: {
		postData: {},
		ajaxOptions: {},
		postVar: 'value'
	},
	
	initialize: function(url, el, options) {
		this.setOptions(options);
		this.element = $(el);
		this.request = new Request.JSON($merge({'url': url, 'link': 'cancel'}, this.options.ajaxOptions)).addEvent('onComplete', this.queryResponse.bind(this));
	},
	
	query: function(){
		var data = {};
		data[this.options.postVar] = JSON.encode($unlink(this.options.postData) || {});
		this.request.post(data);
	},
	
	queryResponse: function(response) {
	
	    this.element.empty();
		if (response.length == 0) {
			var divEl = new Element('div', {'html': 'U heeft geen spaarrekeningen en deposito\'s op uw lijstje staan. Op de overzichten van spaarrekeningen en deposito\'s kunt u producten aanvinken. Daarna kunt u deze met elkaar vergelijken.'});
			divEl.inject(this.element);
		
		}
		
		response.each(function (token) {
			var link = new Element('a', {'href': token.url, 'html': token.bank + " " + token.naam + " " + token.totale_rente + "%", 'title': "Detail informatie over " + token.naam + " (" + token.totale_rente + "%)" });
			var liEl = new Element('li');
			link.inject(liEl);
			liEl.inject(this.element);
		
			if ($defined($('compare_' + token.id)))
				$('compare_' + token.id).checked = true;
		}, this);
		
		
	}
});

function clickCompareList(element) {
var value = parseInt($(element).value);
    var checked = $(element).checked;
    
    var mod_cmplist = new ModifyCompareList('/sparen/modifycomparelist', 'notitielijst', {'postData': {'deposito': value, 'selected': checked}});
    mod_cmplist.query();    
}