// JavaScript Document

// PRELOAD
blank = new Image();
blank.src = "blank.gif";
boven = new Image();
boven.src = "images/__boven.png";
onder = new Image();
boven.src = "images/__onder.png";
links = new Image();
links.src = "images/__links.png";
rechts = new Image();
rechts.src = "images/__rechts.png";
schaduw = new Image();
rechts.src = "images/__schaduw.jpg";
menu = new Image();
menu.src = "images/menu4.png";
kop_bg = new Image();
rechts.src = "images/kop_bg.gif";





// GLOBALS
var bladeraar;
var mijndetail;
var myScroll;
var mySlide;





// WINKELMANDJE
var Mandje = new Class({
	toevoegenMandje: function (org, vrstnr, aantal, label) {
		if (aantal == '') aantal = 0;
		if ((!isNaN(org)) && (!isNaN(vrstnr)) && (!isNaN(aantal))) {
			switch (vrstnr) {
				case '1811': if(aantal > 1) {aantal = 1; break;}
				case '1552': if(aantal > 4) {alert('Maximaal 4 kaarten.'); aantal = 4; return; break}
				case '1553': if(aantal > 4) {alert('Maximaal 4 kaarten.'); aantal = 4; return; break}
				default: if (aantal > 10) {alert('Maximaal 10 kaarten.'); aantal = 10; return}
			}
			new Request.HTML({url: 'mandje.php', update: $('wwbody')}).get({'actie':'toevoegen', 'org':org, 'vrstnr':vrstnr, 'aantal':aantal, 'label':label});
			this.toonMandje.delay(100);
			}
		},
		
	toonMandje: function() {
		new Request.HTML({url: 'mandje.php' , method: 'get', update: $('wwbody')}).get({'actie':'tonen'});
		},
		
	mandjeVerwijderen: function() {
		new Request.HTML({url: 'mandje.php' , method: 'get', update: $('wwbody')}).get({'actie':'mandjeverwijderen'});
		},
		
	verwijderVrst: function(vrstnr) {
		new Request.HTML({url: 'mandje.php', update: $('wwbody')}).get({'actie':'voorstellingverwijderen', 'vrstnr':vrstnr});
		},
		
	bestelUrl: function() {
		return new Request({url:'mandje.php', method: 'get', onComplete: function(response) {this.openResponse(response);}.bind(this)}).get({'actie':'bestelurl'});
		},
		
	openResponse: function (response) {
		if ((response == 0) || (response == 1)) alert('Er is een fout opgetreden. '+ response);
		else {
			if (response == -3) alert('Het winkelmandje is leeg.\nVul bij het aantal kaarten in bij de gewenste voorstelling.');
			else {
				this.mandjeVerwijderen();
				$('vrstDetail').empty();
				$('loading').setStyle('visibility', 'visible');	
				window.location = response;
				}
			}
		}
});

mandje = new Mandje();





// VOORSTELLINGSDETAILS
var VrstDetail = new Class({
	objDetail:{},
	
	vulObjDetail: function(nr, showdirect, zoektekst) {
		$('vrstDetail').empty();
		$('wachtlijst').empty();
		$('vrstDetail').setStyle('visibility', 'hidden');
		$('loading').setStyle('visibility', 'visible');
		if (!this.objDetail[nr]) {
			var url = 'getVrstid3.php?nr='+nr+'&zoek='+zoektekst;
			var request = new Request.JSON({ 
				'url': url,
				onComplete: function(details) {
					this.objDetail[nr] = details;
					if (showdirect) this.showDetail(nr);
					}.bind(this)
				}).send();
			}
		else this.showDetail(nr);
	},
	
	preloadDetail: function(nr) {
		if (!this.objDetail[nr]) {
			this.vulObjDetail(nr, false, '');
			}
	},
		
	showDetail: function(nr) {
		var detail = this.objDetail[nr];
		if (!detail) return;
		var vrstDetail = $('vrstDetail');
		vrstDetail.empty();
		vrstDetail.setStyle('visibility', 'visible');
		var wwtoelichting = $('wwtoelichting');
		if (wwtoelichting) wwtoelichting.setStyle('display', 'block');
		
		
		var vrstWrap = new Element('div', {'class': 'vrstWrap'});
		
		var imgSrc = "foto/img/"+nr+".jpg";
		var imgcontainer = new Element('div', {'id':'imgcontainer'}).injectInside(vrstWrap);
		var videocontainer = new Element('div', {'id':'videocontainer', 'style': 'display:none'}).injectInside(vrstWrap);

		var afb = new Element('img', {'class': 'img_250', 'src': imgSrc, 'alt':'Klik voor een vergroting' }).injectInside(imgcontainer);
		
		//exp
		var vergotingcontainer = new Element('div', {'id':'vergroting'}).injectInside(vrstWrap);
		var vergrotingimg = new Element('img').injectInside(vergotingcontainer);
		vergrotingimg.fade('hide');
		afb.addEvent('click', function(){vergrotingimg.setProperty('src', 'foto/bigimg/'+nr+'.jpg'); vergrotingimg.fade('in')});
		afb.addEvent('mouseleave', function(){vergrotingimg.fade('out');});
		//																	
		
		if (detail.filmpje_src!='') {
			var bar = new Element('div', {'class': 'fototabs'}).set({'html':"<span class='fototab'><a href='javascript:speelVideo(\""+detail.filmpje_src+"\",\""+detail.filmpje_bron+"\")'>filmpje</a></span><span class='fototab'><a href='javascript:toonFoto(\""+imgSrc+"\")'>foto</a></span>"}).injectInside(vrstWrap);
			}

		
		if (detail.theater == 'Schouwburg Cuijk') {
			if (detail.koffie == 'j') var afb = new Element('img', {'id': 'img_koffie', 'src': 'images/kop_schotel_601C.png', 'alt': 'Portemonneeloze pauze' }).injectInside(vrstWrap);
			if (detail.prijs_diner) var afb = new Element('img', {'id': 'img_diner', 'src': 'images/bestek_bord_601C.png', 'alt': 'Theaterdiner' }).injectInside(vrstWrap);
			}
		else {
			if (detail.koffie == 'j') var afb = new Element('img', {'id': 'img_koffie', 'src': 'images/kop_schotel_187C.png', 'alt': 'Portemonneeloze pauze' }).injectInside(vrstWrap);
			if (detail.prijs_diner) var afb = new Element('img', {'id': 'img_diner', 'src': 'images/bestek_bord_187C.png', 'alt': 'Theaterdiner' }).injectInside(vrstWrap);
			}
		
		var leeftijd = detail.leeftijd?detail.leeftijd:'';
		var gegevens = "<h3>"+detail.datum+" - "+detail.tijd+"&nbsp;</h3><h5>"+detail.theater+"</h5>";
		var gegevensblok = new Element('div', {'id': 'gegevens', 'class': ''+detail.stijl}).set({'html':gegevens}).injectInside(vrstWrap);
		
		var voorstellingprijs = '<b>prijs kaarten:&nbsp;&euro;&nbsp;'+detail.prijs_normaal+"</b>";
		if (detail.prijs_kind) voorstellingprijs += "<br /><b>kind:&nbsp;&euro;&nbsp;"+detail.prijs_kind+"</b>";
		var bestellenWrap = new Element('div', {'id': 'bestellen'}).set({'html':voorstellingprijs+'<br />'}).injectInside(vrstWrap);
	
		if ((detail.periode == 'vrij') && (detail.tijdverschil >= 0)) {
			if ((detail.tijdverschil == 0) && (detail.status == 'beschikbaar' || detail.status == 'uitverkocht')) detail.status = 'bellen';
			switch (detail.status) {
				case ('beschikbaar'): {
					var bestelknop = new Element('div', {'class': 'bestelknop'}).set({'html':'aantal in mandje:&nbsp;'}).injectInside(bestellenWrap);
					//bestelknop.addEvent('click', function(){mandje.toevoegenMandje(detail.org, detail.vrstnr, bestelaantal.value)});
					var bestelaantal = new Element('input', {'class': 'aantal', 'type': 'text', 'id': 'aantalvrst'}).injectInside(bestellenWrap);
					bestelaantal.addEvent('keyup', function(){mandje.toevoegenMandje(detail.org, detail.vrstnr, bestelaantal.value, detail.vrstnr)});
					break;
					}
				case ('uitverkocht'): {
					new Element('div', {'class': 'uitverkocht'}).set({'html':'UITVERKOCHT'}).injectInside(bestellenWrap);
					new Element('div', {'class': 'wachtlijst'}).set({'html':"<a href='javascript:wachtlijst("+detail.vrstnr+")' onfocus='blur()'>Zet mij op de wachtlijst</a>"}).injectInside(bestellenWrap); ///////////
					break;
					}
				case ('vervallen'): {
					new Element('div', {'class': 'vervallen'}).set({'html':'GEANNULEERD'}).injectInside(bestellenWrap);
					break;
					}
				case ('bellen'): {
					var telnr = '';
					if (detail.theater == 'Schouwburg Cuijk') telnr = '0485-315107';
					if (detail.theater == 'Weijertheater Boxmeer') telnr = '0485-578608';
					if (detail.theater == 'Kapel Kloosterhuis Sambeek') telnr = '0485-578608';
					new Element('div', {'class': 'bellen'}).set({'html':'Bel onze kassa voor kaarten: '+telnr}).injectInside(bestellenWrap);
					break;
				}
			}
		}
		
		
		if ((detail.prijs_diner) && (detail.status_diner != 'uitverkocht') && (detail.status_diner != 'vervallen')) { //bij uitverkocht diner niet uitverkocht tonen ivm verwarring
			var dinerprijs = '<b>theaterdiner:&nbsp;&euro;&nbsp;'+detail.prijs_diner+"</b>";
			var bestellenDinerWrap = new Element('div', {'id': 'bestellendiner'}).set({'html':dinerprijs+'<br />'}).injectInside(vrstWrap);
			
			if (detail.periode == 'vrij') {
				if (detail.tijdverschil >= 0) bestellenDinerWrap.setStyle('top','65px');
				switch (detail.status_diner) {
					case ('beschikbaar'): {
						if (detail.tijdverschil > 1) {
							var besteldinerknop = new Element('div', {'class': 'bestelknop'}).set({'html':'aantal in mandje:&nbsp;'}).injectInside(bestellenDinerWrap);
							//besteldinerknop.addEvent('click', function(){mandje.toevoegenMandje(detail.diner_org, detail.diner_vrstnr, besteldineraantal.value)});
							var besteldineraantal = new Element('input', {'class': 'aantal', 'type': 'text', 'id': 'aantaldiner'}).injectInside(bestellenDinerWrap);
							besteldineraantal.addEvent('keyup', function(){
																		 if ( (parseInt(besteldineraantal.value) >0) && (!bestelaantal || (bestelaantal.value == '')) ) alert('Let op! U bestelt toegangskaarten voor het theaterdiner, en niet voor de voorstelling.');
																		 mandje.toevoegenMandje(detail.diner_org, detail.diner_vrstnr, besteldineraantal.value, detail.vrstnr)
																		 });
							}
						if ((detail.tijdverschil == 0) || (detail.tijdverschil == 1)) {
							new Element('div', {'class': 'diner'}).set({'html':'Bel onze kassa<br />0485-315107'}).injectInside(bestellenDinerWrap);
							}
						break;
						}
					case ('uitverkocht'): { //in feite overbodig nu...
						new Element('div', {'class': 'diner'}).set({'html':'UITVERKOCHT'}).injectInside(bestellenDinerWrap);
						break;
						}
					case ('vervallen'): { //in feite overbodig nu...
						new Element('div', {'class': 'diner'}).set({'html':'GEANNULEERD'}).injectInside(bestellenDinerWrap);
						break;
						}
					case ('bellen'): {
						new Element('div', {'class': 'diner'}).set({'html':'Bel onze kassa'}).injectInside(bestellenDinerWrap);
						break;
					}
				}
			}
		}
		
		if ((detail.status == 'uitverkocht') && (detail.periode == 'abo')) {
			new Element('div', {'class': 'uitverkocht'}).set({'html':'<br />UITVERKOCHT'}).injectInside(bestellenWrap);
			}
		
		var leeftijd = detail.leeftijd?detail.leeftijd:'';
		var genre = new Element('div', {'class': 'genre'}).set({'html':detail.genrespec+"&nbsp;<b>"+leeftijd+"</b>"}).injectInside(vrstWrap);
		
		var titel = new Element('div', {'class': 'titel'}).set({'html':detail.titel}).injectInside(vrstWrap);
		var subtitel = new Element('div', {'class': 'subtitel'}).set({'html':detail.subtitel}).injectInside(vrstWrap);
		
		/*
		var iddcontainer = new Element ('div').set({'class':'ididid_container_actions'});
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_name', 'value': detail.titel}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_date', 'value': detail.tijd}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_end_date', 'value': detail.tijd}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_location', 'value': detail.theater}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_id', 'value': detail.vrstnr}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_image', 'value': 'http://www.schouwburgcuijk.nl/0910/'+imgSrc}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_style', 'value': 'schouwburgcuijk'}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_url', 'value': ''}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_text_color', 'value': 'black'}).injectInside(iddcontainer);
		new Element ('div', {'class': 'ididid_text'}).set({'html': 'Delen:'}).injectInside(iddcontainer);
		new Element ('div', {'class': 'ididid_bar_loveit', 'rel':'loveit'}).injectInside(iddcontainer);
		new Element ('div',{'class': 'ididid_bar_diddoit', 'rel':'dodidit'}).injectInside(iddcontainer);
		var fansvisitors = new Element ('div').set({'class':'ididid_bar_fansvisitors'}).set('html','<a href="javascript:;" rel="fansvisitors"><img src="http://images.ididid.eu/images/ajax/loader_agenda.gif" class="fansvisitors_image" /></a>').injectInside(iddcontainer);
		iddcontainer.injectInside(vrstWrap);
		*/
		
		var omschr = new Element('div', {'class': 'omschr'}).set({'html':detail.omschr}).injectInside(vrstWrap);
		if (detail.cursief) var curs = new Element('div', {'id': 'cursief'}).set({'html':detail.cursief}).injectInside(vrstWrap);
		
		var mijnSelectieWrap = new Element('div', {'id': 'mijnselectie'}).injectInside(vrstWrap);
		var mijnselectietekst = new Element('span').set({'html':'mijn selectie'}).injectInside(mijnSelectieWrap);
		var mijnSelectieCheck = new Element('input', {'type': 'checkbox', 'id': 'mijnSelectie'}).injectInside(mijnSelectieWrap);

		if (selectie.inSelectie(detail.vrstnr)) mijnSelectieCheck.checked = true;
		
		mijnSelectieCheck.addEvent('click', function(){selectie.schrijfMijnSelectie(mijnSelectieCheck.checked, nr); selectie.markeerSelectie(mijnSelectieCheck.checked, nr)});
		
		var site = '';
		if (detail.site1) site += "<a href='http://"+detail.site1+"' target='_blank'>"+detail.site1+"</a><br />";
		if (detail.site2) site += "<a href='http://"+detail.site2+"' target='_blank'>"+detail.site2+"</a><br />";
		if (detail.site3) site += "<a href='http://"+detail.site3+"' target='_blank'>"+detail.site3+"</a><br />";
		var site = new Element('div', {'id': 'site'}).set({'html':site}).injectInside(vrstWrap);
		
		var thumbSrc = 'http://www.schouwburgcuijk.nl/0910/foto/thumb/'+nr+'.jpg';
		var url = 'http://www.schouwburgcuijk.nl?vrst='+detail.vrstnr;
		var iddcontainer = new Element ('div').set({'class':'ididid_container_actions'});
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_name', 'value': detail.titel}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_date', 'value': detail.datumtijd}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_end_date', 'value': detail.datumtijd}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_location', 'value': detail.theater}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_id', 'value': detail.vrstnr}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_image', 'value': thumbSrc}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_style', 'value': 'schouwburgcuijk'}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_url', 'value': url}).injectInside(iddcontainer);
		new Element ('input', {'type': 'hidden', 'name': 'ididid_event_text_color', 'value': 'black'}).injectInside(iddcontainer);
		new Element ('div', {'class': 'ididid_text'}).set({'html': 'Delen:'}).injectInside(iddcontainer);
		new Element ('div', {'class': 'ididid_bar_loveit', 'rel':'loveit'}).injectInside(iddcontainer);
		new Element ('div',{'class': 'ididid_bar_diddoit', 'rel':'dodidit'}).injectInside(iddcontainer);
		var fansvisitors = new Element ('div').set({'class':'ididid_bar_fansvisitors'}).set('html','<a href="javascript:;" rel="fansvisitors"><img src="http://images.ididid.eu/images/ajax/loader_agenda.gif" class="fansvisitors_image" /></a>').injectInside(iddcontainer);
		iddcontainer.injectInside(vrstWrap);

		
		if ((detail.periode == 'abo') && (detail.abo == 'extra')) {
			var extra = new Element('div', {'id': 'extra'}).set({'html':'Deze voorstelling kan alleen als extra bestelling worden meebesteld in het abonnement en telt dus niet mee voor het minimumaantal van vier voorstellingen.'}).injectInside(vrstWrap);
			}
			
		if ((detail.periode == 'abo') && (detail.abo == 'niet')) {
			var extra = new Element('div', {'id': 'extra'}).set({'html':'Deze voorstelling kan niet in uw abonnement opgenomen worden.'}).injectInside(vrstWrap);
			}
		
		vrstWrap.inject(vrstDetail);
		
		if (bestelaantal) {
			new Request.JSON({url: 'mandje.php', onComplete: function(response) {bestelaantal.value = response!=null?response:''}}).get({'actie':'getaantal','vrstnr':nr});
			}

		if (besteldineraantal) {
			new Request.JSON({url: 'mandje.php', onComplete: function(response) {besteldineraantal.value = response!=null?response:''}}).get({'actie':'getaantal','vrstnr':detail.diner_vrstnr});
			}
			
			
		

				
		//$('altvrst').empty();
		//if (detail.alt1 > 0) this.getAlt(detail.alt1);
		//if (detail.alt2 > 0) this.getAlt(detail.alt2);
		
		bekeken.setxBekeken(nr);
		myScroll.toTop();
		$('loading').setStyle('visibility', 'hidden');
		loadiDiDiDEventHandler(); 
	},

	getAlt: function(altnr) {
		var detail={};
		var url = 'getAlt.php?alt='+altnr;
		var request = new Json.Remote(url, {
			onComplete: function(details) {
				detail = details;
				this.showAlt(detail);
				}.bind(this)
			}).send();
	},

	showAlt: function(detail) {	
		var divalt = new Element('div', {'class': 'alt'});
		//divalt.addEvent('click', function() {this.showVrst(detail.vrstnr)}.bind(this) );
		divalt.addEvent('click', function() {mijndetail.vulObjDetail(detail.vrstnr, true, ''); bladeraar.toonVrstNr(detail.vrstnr)}.bind(this) );
		var imgSrc = 'foto/minithumb/'+detail.vrstnr+'.jpg';
		var afb = new Element('img', {'src': imgSrc }).injectInside(divalt);
		var tekst = detail.titel+' - '+detail.subtitel+' - '+detail.genrespec+'<br />'+detail.datum+' - '+detail.theater;
		var alttekst = new Element('span', {'class': 'alttekst'}).set({'html':tekst}).injectInside(divalt);	
		divalt.injectInside($('altvrst'));
	},

	showVrst: function(nr) {
		if (nr > 0) {
			this.vulObjDetail(nr, true, '');
			}
		if (nr == 0) {
			var vrstDetail = $('vrstDetail');
			if (vrstDetail) vrstDetail.empty();
			}
	}
	
});

mijndetail = new VrstDetail();






// ZOEKEN
var Zoek = new Class({
	zoekResult: {},
	
	getResult: function(zoekstring) {
		var url = 'getZoekResult.php?zoekstring='+zoekstring;
		new Request.HTML({url: 'getZoekResult.php' , method: 'get', onComplete: this.updateTabs, update: $('zoekresultaat')}).get({'zoekstring': zoekstring});
		},
		
	updateTabs: function() {
		bladeraar.herInit(19);
		},
		
	startZoeken: function() {
		var zoek = $('zoektekst');
		if (zoek.value == 'zoeken') zoek.value = '';
		},
		
	init: function() {
		$('zoektekst').addEvent('keyup', function(event) {
			if (event.key == 'left' || event.key == 'right') event.stopPropagation();	
			if (event.key == 'up' || event.key == 'down') return;
			if($('zoektekst').value.length > 1) this.getResult($('zoektekst').value);
			//else $('zoekresultaat').set('html', '');
			else $('zoekresultaat').empty();
			}.bind(this));
		
		$('zoektekst').addEvent('keydown', function(event){
			if (event.key == 'left' || event.key == 'right') event.stopPropagation();
			if (event.key == 'up' || event.key == 'down') return;
			});
		
		$('zoektekst').addEvent('blur', function(e) {
			//$('zoektekst').value='zoeken';
			//$('zoekresultaat').empty();
			})
		}
});

zoek = new Zoek();







// BEKEKEN
var Bekeken = new Class({
	bekeken: new Array(),
	
	getBekeken: function() {
		var cookie = Cookie.read("laatst_bekeken");  
		if (cookie) this.bekeken = cookie.split(','); 
		else { this.bekeken[0] = '0'; }; 
		return cookie;
		},
		
	setxBekeken: function(nr) {
		var nr = ''+nr;
		if (!this.bekeken.contains(nr)) {
			this.bekeken.push(nr);
			if (this.bekeken.length > 10) this.bekeken.shift();
			Cookie.write("laatst_bekeken", this.bekeken, {duration: 200, domain: "schouwburgcuijk.nl", path:'/'});
			}
		},
	
	getResult: function() {
		new Request.HTML({url: 'getLaatsteResult.php', update: $('laatstbekekenresultaat'), onComplete: this.updateTabs}).get();			
		},
		
	updateTabs: function() {
		bladeraar.herInit(21);
		},
		
	init: function() {
		$('cbgeweest').addEvent('click', function(e){
			if (!$('cbgeweest').checked) {
				$('vrstItems').getElements('.geweest').addClass('verberg');
				}
			else {
				$('vrstItems').getElements('.geweest').removeClass('verberg');
				}
			});
		this.getBekeken(); 
		}
});

bekeken = new Bekeken();





// SELECTIE
var Selectie = new Class({
	getResult: function() {
		new Request.HTML({url: 'getMijnResult.php', update: $('mijnselectieresultaat'), onComplete: this.updateTabs}).get();			
		},
		
	updateTabs: function() {
		bladeraar.herInit(20);
		},
	
	markeerSelectie: function(checked, nr) {
		if (checked) $(''+nr).getElements('h2').addClass('markeer');
		else $(''+nr).getElements('h2').removeClass('markeer');
		},
		
	getSelectie:function() {
		var t = new Array();
		var tstring = ""+Cookie.read("selectie");
		t = tstring.split(",");
		t.each(function(item, index){
			if($(''+item)) $(''+item).getElements('h2').addClass('markeer');
			});
		},
	
	schrijfMijnSelectie: function (checked, nr) {
		var t = new Array();
		var tstring = ""+Cookie.read("selectie");
		t = tstring.split(",");
	
		if  (checked)  t.include(nr);
		else t.remove(nr);
	
		var string = "";
		string += t.join(",");	
		Cookie.write("selectie", string, {duration: 200, path:'/'});
		},
		
	inSelectie: function (nr) {
		var t = new Array();
		var tstring = ""+Cookie.read("selectie");
		t = tstring.split(",");
		if (t.contains(nr)) return true;
		return false;
		},
		
	init: function() {
		$('mijnselectie').addEvent('click', function(e){
			selectie.getResult();							 
			});
		$('laatstbekeken').addEvent('click', function(e){
			bekeken.getResult();							 
			});
		this.getSelectie();
	}

});

selectie = new Selectie();



// INIT
window.addEvent('load', function () {	
	initBladeraar();		  
	mandje.toonMandje();
	initBestelKnop();
	bekeken.init();
	selectie.init();
	zoek.init();
	myScroll = new Fx.Scroll($(document.body));
});



function initBladeraar() {
	bladeraar = new Bladeraar('.vrstBlad', '.vrstItem', '.tab', {miniHeight: 19, maxiHeight: 62, detail: true});
	var curdate = new Date();
	var month = curdate.getMonth()+1;
	//bladeraar.toonBladId(month);	
	bladeraar.toonBladId(month);
	bladeraar.toonEerste();
	
};

document.addEvent('keydown', function(event){
	if (event.key == 'up' || event.key == 'left') {
		event.stop();
		bladeraar.ga(-1);
		}
	if (event.key == 'down' || event.key == 'right') {
		event.stop();
		bladeraar.ga(1);
		}
});


function initBestelKnop() {
	if ($('bestelknop')) {
		$('bestelknop').addEvent('click', function(e){
			new Event(e).stop();
			mandje.bestelUrl();
			});		
		}
};


function toonVrst(vrstnr) {
	bladeraar.toonVrstNr(vrstnr);
	mijndetail.vulObjDetail(vrstnr, true, '');
};


function wachtlijst(nr) {
	new Request.HTML({url: 'wachtlijst.php', update: $('wachtlijst'), evalScripts:true}).get({'vrst': nr});	
};


function speelVideo(naam, bron) {
	
	if (!$('video')) {
		new Element('div', {'id':'video'}).injectInside($('videocontainer'));
		};

	var obj = new Swiff('compactplayer.swf', {
		id: 'videospeler',
		width: 320,
		height: 250,
		container: $('video'),
		vars: {
			naam: naam,
			bron: bron
			}
		});
	$('videocontainer').setStyle('display', 'block');
	$('imgcontainer').setStyle('display', 'none');
}


function toonFoto(imgSrc) {
	if ($('videocontainer')) $('videocontainer').empty();
	$('imgcontainer').setStyle('display', 'block');
	$('videocontainer').setStyle('display', 'none');
}