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

	var rubriken = new Array('musik','buch','film');
	if(true === $chk($('reiterhalter'))) {
		rubriken.each(function(rubrik, i) {
			createDiv('reiter'+rubrik, 'reiter', rubrik, $('reiterhalter'));
			$('reiter'+rubrik).addEvent('click', function() {
				tipp('discytipp', {'rubrik':rubrik});
			});
		});
		if($('reitermusik'))  $('reitermusik').setStyles({'border-left':'1px solid #999999'});
		if($('reiterbuch'))   $('reiterbuch').setStyles({'width':'44px'});
	}

	if(true === $chk($('discytipp'))) {
		tipp('discytipp', {'rubrik':'musik'});
	}

	createDiv('reiterkids', 'reiter2', 'kids', $('reiterhalter'));
	$('reiterkids').addEvent('click', function() {
		tipp('discytipp', {'rubrik':'kids'});
	});
	$('reiterkids').set('html', 'tipps für kids');

});


function tipp(log, jd) {

	new Request.JSON({
		url: 'include/modul_monatshit.inc.php',
		data: jd,
		onRequest: function(){},
		onComplete: function(responseJSON, responseText) {},
		onSuccess: function(responseJSON, responseText) {

			// Log-Container mit Rueckgabe fuellen
			if($(log))  $(log).set('html', responseText);

			if(true === $defined(jd.rubrik)) {
				$$('div.reiter').each(function(el) {
					el.setStyle('font-weight','normal');
				});
				$$('div.reiter2').setStyle('font-weight','normal');
				var ele = 'reiter'+jd.rubrik;
				$(ele).setStyle('font-weight','bold');
			}

		}

	}).send();

}

var createDiv = function(id, cssClass, html, inject_ziel) {
	var el = new Element('div', { 'id':id, 'class':cssClass, 'html':html });
	el.inject(inject_ziel);
}