var kurse;
var kurstitel;
var list;

window.addEvent('domready', function(){
	
	
	
	if(aktivnav == 0){
		reqTree();
	}
	
	if(id == 15){
		
		calReq.delay(250);
	}
	
	
});


function reqTree(){

	var reqData = {
		'type': 'all',
		'user': 'prospitex',
		'table': {
			//'listingdatas': 'ld',
			'listingrows': 'lr'
			//,'listings':'l'
		},
		'condition': {
			'lr.parentrID': 8
		},
		'order': 'lr.position DESC',
		'fields': 'lr.*',
		'language': 'de'
	};
	
	var kursDetail = new Request({
		url: 'index.php',
		method: 'post',
		data: 'mode=verzeichnis&debug=1&online=1&request=' + encodeURIComponent(JSON.encode(reqData)),
		onComplete: function(response){
		
			if (response != undefined) {
				jresp = JSON.decode(response);
				
				makeNav(jresp["result"]);
				
				//showList(jresp["result"]);
			}
		},
		onRequest: function(){
		
		}
	}).send();
	
	
}

function makeNav(res){
	
	res.each(function(cat){
		
		li = new Element('li',{'class':'subElement'}).inject($$('.activeSub')[0],'top');
		
		 new Element('a',{
		 	'html': cat.lr.rubrikname
			,'class': 'nav'
			,'styles':{
				'cursor': 'pointer'
				,'font-size': 12
				,'font-family':'arial'
			}
			,events:{
				'click': function(){
					
					$$('.subElement a').setStyle('color','#000000');
					this.setStyle('color','#003399');
					
					
					
					var reqKurse = {
						'type': 'all'
						,'user': 'prospitex'
						,'table': {
							'listingdatas':'ld'
							,'listingrows':'lr'
							,'listings':'l'
						}
						,'condition': {
							'l.rowID': cat.lr.id
						}
						,'order': 'lr.position DESC'
						,'fields': 'lr.*,ld.*'
						,'language': 'de'
					};
					
					
					new Request({
						url: 'index.php'
						,method: 'post'
						,data: 'mode=verzeichnis&online=1&request='+encodeURIComponent(JSON.encode(reqKurse))
						,onComplete: function(response){
							
							if(response != undefined){
								jresp = JSON.decode(response);
								
								showList(jresp["result"]);
							}
						}
						,onRequest: function(){
							
							var name = new Element('div', {
								'html': 'Bitte warten...'
							});
							name.inject($('content'));
						}
					}).send();

				}
			}
			
		 }).inject(li);
		
		
	});

	
}


function showList(el) {
		
	$('content').empty();
	
	tab = new Element('table', {
		'class': 'text'
		,'border':0
	});
					
	tab.injectInside($('content'));
	
	thead = new Element('thead').inject(tab);
	tbody = new Element('tbody',{'vAlign':'top'}).inject(tab);
	
	tr = new Element('tr').inject(tbody);
	
	td = new Element('td',{'width':275,'vAlign':'top'}).inject(tr);
	
	d1 = new Element('div',{'id':'kurse'}).inject(td);
	d2 = new Element('div',{'id':'kurstitel'}).inject(d1);
	d3 = new Element('div',{'id':'kurslist'}).inject(d1);
	
	td = new Element('td',{'width':430,'vAlign':'top'}).inject(tr);
	
	
	d1 = new Element('div',{'id':'title','class':'title','styles':{'display':'block'}}).inject(td);
	d1 = new Element('div',{'id':'text','class':'text'}).inject(td);
	
	$('text').set('html','Die Anmeldung sichert Ihnen einen Kursplatz. Eine frühzeitige Anmeldung ist  empfehlenswert. Nach der Anmeldung verschicken wir eine Anmeldebestätigung (zumeist per e-Mail), und vor dem Seminar oder Training per Post noch alle weiteren wichtigen Informationen (Wegbeschreibung, Mitzubringendes, etc.).Die Kursorte sind mit öffentlichen Verkehrsmittel zu erreichen.');
					
	$('title').set('html','Anmeldung');
	
	kurse = $('kurse');
	kurstitel = $('kurstitel');
	list = $('kurslist');
			

		
		
	if(el.length == 0){
		list.empty();
	}else{
		kurstitel.set('html', '<span class="title">Kurse</span><br/><br/>');
		kurse.set('style', 'width:250px; padding:5px; background-color:#ccd6eb;');
		
		list.empty();
		el.each(function(obj) {
			
			var div = new Element('div', {
				'class': 'listpoint'
			});
			var link = new Element('a', {
				'href': '#'
				,'html': obj.ld.titel
				,'style': 'text-decoration:none;'
				,'events': {
					'click': function(){
						$$('div.title').empty();
						showDetail(obj.ld.id)
					}
				}
			});
			link.inject(div)
			new Element('hr').inject(div)
			div.inject(list);
		});
	}
}



function showDetail(id){
	
	var reqData = {
		'type': 'all'
		,'user': 'prospitex'
		,'table': {
			'listingdatas':'ld'
			,'listings':'l'
		}
		,'condition': {
			'ld.id': id
			,'ld.status': 'aktiv'
		}
		,'fields': 'ld.id, ld.titel, ld.leitung, ld.nr, ld.datum, ld.aschluss, ld.kosten, ld.kosten_iss, ld.kursort, ld.text'
	};
	
	new Request({
		url: 'index.php'
		,method: 'post'
		,data: 'mode=verzeichnis&debug=1&request='+encodeURIComponent(JSON.encode(reqData))
		,onComplete: function(response){
			
			if(response != undefined){
				
				jresp = JSON.decode(response);
				obj = jresp["result"][0];
				
				$$('div.title').set('html', obj.ld.titel + '<br/><br/>');
				
				txt = '<b>Kursleitung: </b>' + obj.ld.leitung + '<br/><br/>';
				txt += '<b>WB Nr.: </b>' + obj.ld.nr + '<br/><br/>';
				txt += '<b>Kursdatum: </b>' + obj.ld.datum + '<br/><br/>';
				
				if(obj.ld.kosten_iss != '') addtxt = ' (für ISS-Partner CHF ' + obj.ld.kosten_iss + ')';
				else addtxt = '';
				
				txt += '<b>Kurskosten: </b>CHF ' + obj.ld.kosten + addtxt + '<br/><br/>';
				txt += '<b>Kursort: </b>' + obj.ld.kursort + '<br/><br/>';
				
				var t = obj.ld.aschluss.split(/[- :]/);
				aschluss = t[2] + '.' + t[1] + '.' + t[0];
				if(aschluss == '00.00.0000') aschluss = '-';
				
				txt += '<b>Anmeldeschluss: </b>' + aschluss + '<br/><br/>';
				
				var aData = {
					'nr': obj.ld.nr
					,'titel': obj.ld.titel
					,'datum': obj.ld.datum
				}
				txt += '<div style="padding:5px; background-color:#ccd6eb;"><a href="#" onclick="formReq(\'' + obj.ld.id + '\', \'' + encodeURIComponent(JSON.encode(aData)) + '\');">Anmeldung</a></div>';
				
				j = obj.ld.text;
				txt += '<br/>' + j.text + '<br/><br/>';
				
				if(obj.ld.titel) $$('div.text').set('html', txt);
			}
		}
		,onRequest: function(){
			
		}
	}).send();
}

function formReq(id, obj){
	
	new Request.JSON({
		url: 'index.php',
		method: 'post',
		data: 'mode=ajax&id=13&reqCol=text, title',
		onComplete: function(response){
			
			if(response != undefined){
				
				$$('div.title').set('html', '');
				if(response["text"]){
					response["text"].stripScripts(true);
					$$('div.text').set('html', response["text"]);
				}
				
				obj = JSON.decode(decodeURIComponent(obj));
				formObj = $$('form');
				
				var el_1  = new Element('div', {'html': obj.nr + '<input type="hidden" name="Kursnummer" value="' + obj.nr + '">'});
				repObj = formObj[0].Kursnummer;
				el_1.replaces(repObj);
				
				var el_2  = new Element('div', {'html': obj.titel + '<input type="hidden" name="Kurstitel" value="' + obj.titel + '">'});
				repObj = formObj[0].Kurstitel;
				el_2.replaces(repObj);
				
				var el_3  = new Element('div', {'html': obj.datum + '<input type="hidden" name="Kursdatum" value="' + obj.datum + '">'});
				repObj = formObj[0].Kursdatum;
				el_3.replaces(repObj);

				
			}
		}
	}).send();
}


function calReq(){
	
	
	$('content').empty();
	
	tab = new Element('table', {
		'class': 'text'
		,'border':0
	});
					
	tab.injectInside($('content'));
	
	thead = new Element('thead').inject(tab);
	tbody = new Element('tbody').inject(tab);
	
	tr = new Element('tr').inject(tbody);
	
	td = new Element('td',{'width':275,'vAlign':'top'}).inject(tr);
	
	d1 = new Element('div',{'id':'kurse'}).inject(td);
	d2 = new Element('div',{'id':'kurstitel'}).inject(d1);
	d3 = new Element('div',{'id':'kurslist'}).inject(d1);
	
	td = new Element('td',{'width':430,'vAlign':'top'}).inject(tr);
	
	
	d1 = new Element('div',{'id':'title','class':'title'}).inject(td);
	d1 = new Element('div',{'id':'text','class':'text'}).inject(td);
	
	
	
	kurse = $('kurse');
	kurstitel = $('kurstitel');
	list = $('kurslist');
	
	
	var reqData = {
		'type': 'all'
		,'user': 'prospitex'
		,'table': {
			'listingdatas':'ld'
			,'listingrows':'lr'
			,'listings':'l'
		}
		,order: 'ld.nr ASC'
		,'condition': {
			'lr.parentrID': 8
		}
		,'fields': 'ld.id, ld.nr, ld.datum, ld.aschluss, ld.titel, ld.kurs_status'
	};
	
	var kursOverview = new Request({
		url: 'index.php'
		,method: 'post'
		,data: 'mode=verzeichnis&online=1&request='+encodeURIComponent(JSON.encode(reqData))
		,onComplete: function(response){
			if(response != undefined){
				jresp = JSON.decode(response);
				showCalender(jresp["result"]);
			}
		}
		,onRequest: function(){
			
			kurse.set('style', 'display:block; width:725px; padding:0px; background-color:#ffffff;');
			kurstitel.set('html', '<div class="listpoint" style="border-bottom: 1px solid red; padding: 5px;"><div style="padding: 0pt 10px 0pt 0pt; width: 40px; float: left;"><b>WB-Nr.</b></div><div style="padding: 0pt 10px; width: 110px; float: left;"><b>WB-Datum</b></div><div style="padding: 0pt 10px; width: 220px; float: left;"><b>WB-Titel</b></div><div style="width: 80px; float: left;"><b>WB-Status</b></div><div style="width: 110px; float: left;"><b>WB-Anmeldeschluss</b></div><br style="clear: both;"/></div>');
			
			var name = new Element('div', {
				'html': 'Bitte warten...'
				,'style': 'padding:5px;'
			});
			name.inject(list);
		}
	}).send();
}

function showCalender(el){
	
	list.empty();
	el.each(function(obj) {
		
		var div = new Element('div', {
			'class': 'listpoint'
			,'style': 'border-bottom:1px solid red; padding:5px;'
		});
		var nr = new Element('div', {
			'html': obj.ld.nr + '&nbsp;'
			,'style': 'width:40px;float:left; padding:0 10px 0 0'
		});
		

		var datum = new Element('div', {
			'html': obj.ld.datum + '&nbsp;'
			,'style': 'width:110px; float:left; padding:0 10px 0 10px;'
		});
		var titel = new Element('div', {
			'style': 'width:220px; float:left; padding:0 10px 0 10px;'
		});
		
		
		var link = new Element('a', {
			'href': '#'
			,'html':obj.ld.titel
			,'events': {
				'click': function(){
					
					var aData = {
						'nr': obj.ld.nr
						,'titel': obj.ld.titel
						,'datum': obj.ld.datum
					}
					$('kurse').destroy();
					
					formReq(obj.ld.id, encodeURIComponent(JSON.encode(aData)));
				
					
				}
			}
		}).inject(titel);
		
		var status = new Element('div', {
			'html': obj.ld.kurs_status + '&nbsp;'
			,'style': 'width:80px; float:left; padding:0 0 0 0;'
		});
		
		var t = obj.ld.aschluss.split(/[- :]/);
		aschluss = t[2] + '.' + t[1] + '.' + t[0];
		if(aschluss == '00.00.0000') aschluss = '-';
		var aschluss = new Element('div', {
			'html': aschluss + '&nbsp;'
			,'style': 'width:110px; float:left; padding:0 20px 0 0;'
		});
		
		var link = new Element('a', {
			'href': '#'
			,'html': 'Anmeldung'
			,'events': {
				'click': function(){
					
					var aData = {
						'nr': obj.ld.nr
						,'titel': obj.ld.titel
						,'datum': obj.ld.datum
					}
					
					//alert("-> FORM");
					
					$('kurse').destroy();
					
					formReq(obj.ld.id, encodeURIComponent(JSON.encode(aData)));
					
					
					
				}
			}
		});
		var check = new Element('div', {
			'style':'clear: both;'
		});
		nr.inject(div);
		datum.inject(div);
		titel.inject(div);
		status.inject(div);
		aschluss.inject(div);
		link.inject(div);
		check.inject(div);
		div.inject(list);
	})
}