window.addEvent('domready', function() {

	var req = new Request.HTML({
		onSuccess: function(html) {
			$('samplewrapper').set('text', '');
			$('samplewrapper').adopt(html);
		},
		onFailure: function() {
			$('samplewrapper').set('text', 'The request failed.');
		}
	});
	
	if(('#letterswrapper')) {
		$$('#letterswrapper span').each(function(el, index){
			el.addEvent('click', function() {
				  req.send({url: websiteurl + '/ajax/sample/letter/' + el.get('text')});
			});
			el.setStyles({
				cursor: 'hand',
				cursor: 'pointer'
			});
		});
	}
	
	if ($('selcategory')) {
		$('selcategory').addEvent('change', function() {
			req.send({url: websiteurl + '/ajax/sample/genre/' + $('selcategory').get('value')});
		});

		req.send({url: websiteurl + '/ajax/sample/genre/1'});
	}
});