$(document).ready(function()
{
	var _doTouchScroll=false;
	
	jQuery.fn.exists=function(){return jQuery(this).length>0;}
	jQuery.fn.stripTags=function(){return this.replaceWith( this.html().replace(/<\/?[^>]+>/gi, '') );};
	function strip_tags(s){ return s.replace(/<\/?[^>]+>/gi,''); }
	function trace(str){try{console.log(str);}catch(e){} }
	function isNumber(val) { return /^-?((\d+\.?\d?)|(\.\d+))$/.test(val);}
	function trim11 (str) {
		var whitespace = ' \n\r\t\f\x0b\xa0\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u2028\u2029\u3000';
		for (var i = 0; i < str.length; i++) {
			if (whitespace.indexOf(str.charAt(i)) === -1) {
				str = str.substring(i);
				break;
			}
		}
		for (i = str.length - 1; i >= 0; i--) {
			if (whitespace.indexOf(str.charAt(i)) === -1) {
				str = str.substring(0, i + 1);
				break;
			}
		}
		return whitespace.indexOf(str.charAt(0)) === -1 ? str : '';
	}
	var _pageLoadedTime=new Date().getTime();
	function msec(){ var d=new Date();return d.getTime()-_pageLoadedTime; }
	function getElementsByClass(searchClass,node,tag) {
		var classElements = new Array();
		if ( node == null )
				node = document;
		if ( tag == null )
				tag = '*';
		var els = node.getElementsByTagName(tag);
		var elsLen = els.length;
		var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
		for (i = 0, j = 0; i < elsLen; i++) {
				if ( pattern.test(els[i].className) ) {
						classElements[j] = els[i];
						j++;
				}
		}
		return classElements;
	}
	
	function sendStatCounter(url,tit) {
		var sc="http://c.statcounter.com/t.php?sc_project="+sc_project;
			sc += "&resolution="+screen.width+"&h="+screen.height+"&camefrom=";
			sc += "&u="+escape(url);
			sc += "&t="+escape(tit);
			sc += "&java="+navigator.javaEnabled();
			sc += "&security="+sc_security;
			sc += "&sc_random="+Math.random();
			sc += "&sc_snum=1&invisible=1";
			$.get( sc, function(data) {
				trace(data);
			});
	}
	
	function printContent(o,tit) {
		var b=o.clone();
		b.find(".pageLetterSize").empty();
		b.find(".relaScrollContent").empty();
		b.find(".pageRightLinkBlok").empty();
		b.find("div.sharebox").remove();
		b.find("div.page-bot-shader").remove();
		b.find("div.artappend").remove();	//-- alle appended artieklen weghalen
		b.find("p").css("color",'#000000');
		b.find("div.scrollWrapper").removeClass("scrollWrapper").addClass("scrollWrapperPrint");
		str=b.html();
		newwin=window.open('','SLAA printwin','location=1,status=1,scrollbars=1,left=100,top=100,width=480,height=400')
		newwin.document.write('<HTML>\n<HEAD>\n')
		newwin.document.write('<TITLE>SLAA '+tit+'</TITLE>\n')
		newwin.document.write('<link rel="stylesheet" href="css/stylesheet2.css" type="text/css" title="no title" charset="utf-8" />\n')
		newwin.document.write('<link type="text/css" rel="stylesheet" href="css/main.css" media="screen,print">\n')
		newwin.document.write('<link type="text/css" rel="stylesheet" href="css/mainPrint.css" media="screen,print">\n')
		newwin.document.write('<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>\n')
		newwin.document.write('<script type="text/javascript" src="js/jquery-print.js"></script>\n')
		newwin.document.write('<script>\n')
		newwin.document.write('function chkstate(){\n')
		newwin.document.write('if(document.readyState=="complete"){\n')
		newwin.document.write('window.close()\n')
		newwin.document.write('}\n')
		newwin.document.write('else{\n')
		newwin.document.write('setTimeout("chkstate()",2000)\n')
		newwin.document.write('}\n')
		newwin.document.write('}\n')
		newwin.document.write('function print_win(){\n')
		newwin.document.write('window.print();\n')
//		newwin.document.write('chkstate();\n')
		newwin.document.write('}\n')
		newwin.document.write('<\/script>\n')
		newwin.document.write('</HEAD>\n')
		newwin.document.write('<BODY onload="print_win()">\n')
		newwin.document.write('<div class="printpage">\n')
		newwin.document.write(str);
		newwin.document.write('</div>\n')
		newwin.document.write('</BODY>\n')
		newwin.document.write('</HTML>\n')
		newwin.document.close()
	}
	
	var _bVers=$.browser.version.substr(0,1);
//	trace( "MSIE:"+$.browser.msie + " " + _bVers )
	var _noOpacity=false;
	if($.browser.msie!=undefined&&_bVers<9) {
		_noOpacity=true;
		trace("bad browser");
	}
	
	var _winH;
	var _winW;
	var _winKB;
	var _winKR;
	
	var _borderWidth = 8;
	var _scrollBarWH = 17;
	
	var _selCard = "";
	var mt=1;
	
	var easeType0 = "easeInOutCubic";
	var easeType1 = "easeInOutCubic";
	var easeType2 = "easeInOutCubic";
	
	var _imgKaartOn = "url(gfx/kaarton.png)";
	var _imgKaartOver = "url(gfx/kaartover.png)";
	var _imgKaartOff = "url(gfx/kaartoff.png)";
	var _imgZoekOn = "url(gfx/zkrRollOver.png)";
	
	function _winResize()
	{
		_winW = parseInt($(window).width());
		_winH = parseInt($(window).height());
		
		_winKR = (_winW-(_scrollBarWH+_borderWidth));
		_winKB = (_winH-(_scrollBarWH+_borderWidth));
		
		$("#kaderWit").css({"width":_winKR,"height":_winKB});
		$("#topShader").css({"width":_winKR});
		$("#rulerR").css({"left":_winKR-_borderWidth,"height":_winKB-_borderWidth});
		$("#rulerB").css({"top":_winKB-_borderWidth,"width":_winKR-_borderWidth});
		$("#shadeB").css({"top":_winKB-111,"width":_winKR});
		
		_repositionHoekjes();
		_repositionTotalWrapper();
		_rePositionAgenda();
		_resizeCardHolder();
		_resizeRelaBlok();
		_calcScrollContentValues();
		_resizeScrollBars();
	}
	
	function _initApp() 
	{
		$(window).bind('resize', _winResize);
		_winResize();
	}
	
	//------------------------------ total wrapper
	
	var _totWrapXOffset=0;
	var _pageW=953;
	var _pageMargin=40;
	var _zoekFormLeft=742;
	var _formsLeft=40;
	var _LRShaderH=823;
	
	var _pos0=-50;				//-- links
	var _pos1=993;				//-- midden
	var _pos2=1986+50;			//-- rechts
	
	var _posLO=-(_pos1+50);		//-- links eraf
	var _posRO=1986+50+_pos1;	//-- rechts eraf
	
	var _pageWS=_pos1;
	
	function _repositionTotalWrapper()
	{
		//-- calc offset
		_totWrapXOffset = Math.min(45, (Math.max(1033,_winW)-1033)/6);
		
		$("div.totWrapper").css({width:_winW-8,height:_winH-8});
		$("div.pageBlocker").css({left:228+_totWrapXOffset});
		$("#totWrap").css({left:-_pageW+_totWrapXOffset});
		//-- zoek
		$("div.zoek").css({left:_zoekFormLeft});
		//-- contact
		$("#contact,#nieuwsbrief,#slaakrant").css({left:_formsLeft+_totWrapXOffset});
		//-- left shader
		$("div.leftCoverNav").css({top:Math.min(0,_winH-_LRShaderH)/1.55});
		//-- right shader
		$("div.rightCoverNav").css({top:Math.min(0,_winH-_LRShaderH)/1.55});
		//--
//		$("#gmap").css({left:224+_totWrapXOffset});
		
		//-- doe check of we aan het sliden zijn!
		//-- page left
		$("div.pageL").css({left:(_pos0)});
		//-- page center
		$("div.page").css({left:(_pos1)});
		//-- page right
		$("div.pageR").css({left:(_pos2)});
	}
	
	function _initPageSlide()
	{
	}
	
	
	var _isPageSliding=false;
	function _slidePages(dir)
	{
		if(_isPageSliding)return;
		_isPageSliding = true;
		
		_showPreloader();
		
		var id=_currentArtikelID;
		var newId=id;
		var las=getIdTrio(id);
//		trace(" _slidePages "+_artid);
//		trace(las);
		if(!las||las==undefined) {
			_isPageSliding = false;
//			alert("page slide error (12)");
			return;
		}
		
		_closeContact();
		_closeNieuwsbrief();
		_closeKrant();
		
		_closeActiveVoetNote();
		_moveRelLinksBlok( 0 );
		_scrollToPosContent(0,500);
		
		var pos0=0;
		var pos1=_pos1;
		var pos2=_pos2;
		if(dir == -1) {
			pos0 = _pos1;
			pos1 = _pos2;
			pos2 = _posRO;
			if(las&&las.l>-1)newId=las.l;	//-- new current id!
		} else if(dir==1) {
			pos0 = _posLO;
			pos1 = _pos0;
			pos2 = _pos1;
			if(las&&las.r>-1)newId=las.r;	//-- new current id!
		}
		_currentArtikelID = newId;
		
		_clearSideArtikelenBeforeSlide(_currentArtikelID);
		
		var speed = 1000;
		$("div.pageL").animate({left:pos0},speed,easeType2);
		$("div.page").animate({left:pos1},speed,easeType2,function(){ _installNewSlidedPage(dir); });
		$("div.pageR").animate({left:pos2},speed,easeType2);
	}
	
	function _installNewSlidedPage(dir)
	{
		var p0=$("div.pageL");
		var p1=$("div.page");
		var p2=$("div.pageR");
		//-- reposition content!
		$("body").delay(50,function() {
			
			if( dir == -1) //-- content schuift naar rechts
			{
				p2.empty();
				
				p0.removeClass("pageL");
				p1.removeClass("page");
				p2.removeClass("pageR");
				//-- remap classes
				p0.addClass("page");
				p1.addClass("pageR");
				p2.addClass("pageL");
				
				p0.css({left:_pos1});
				p1.css({left:_pos2});
				p2.css({left:_pos0});
				
				_loadSideArtikelAfterSlide("L");
			} 
			else if( dir == 1) //-- content naar links
			{
				p0.empty();
				
				p0.removeClass("pageL");
				p1.removeClass("page");
				p2.removeClass("pageR");
				//-- remap classes
				p0.addClass("pageR");
				p1.addClass("pageL");
				p2.addClass("page");
				//--
				p0.css({left:_pos2});
				p1.css({left:_pos0});
				p2.css({left:_pos1});
				
				_loadSideArtikelAfterSlide("R");
			}
			
			//-- init vertical slider
			_calcScrollContentValues();
			_initVertSB();
			_installMouseWheel();
			_repositionLinksBlok();
			_createOmhoogButtom(0,_currentArtikelID);
			_activateLetterSize();
			_gLocatie();
			//-- reload from search result
			_reloadFromSearchResult();
			_setCurrentActiveCardAfterSlide();
			
			_setAddressFromArtikel();
			
//			trace("_installNewSlidedPage : " + dir);
		});
	}
	
	//-------------------------- agenda left bottom ----------------------
	var agState = 0;
	
	var _progClickStat = 0;
	var _monthClickStat = 0;
	
	var mListHeight = 0;
	var pListHeight = 0;
	
	var topAGT = 106-2;
	var topAGTH = 36;
	var topAGM = 70-2;
	var topAGMH = 50;
	var topAGSpace = 20-2;
	var topAGTS = topAGT + 4;	//-- shade top
	
	var _progAnimSpeedNormal = 400;
	var _MonthAnimSpeedNormal = 600;
	var _progAnimSpeed = _progAnimSpeedNormal;
	var _MonthAnimSpeed = _MonthAnimSpeedNormal;
	
	function _rePositionAgenda()
	{
		if( agState == 0 )
		{
			_progClickStat = _monthClickStat = 0;
			
			//-- lijsten clip rects
			_resetagLists();
			$('body').unbind('click',_closeOpenMenus);
			
			//-- shades
			$('#agShadeTop').css({top:_winKB-topAGTS});
			$('#agShadeRight').css({top:_winKB-topAGT,height:86});
			//-- prog
			$('#agProgTop,#agendaBK').css({top:_winKB-topAGT});
			//-- prog list
			$('#agProgList').css({top:_winKB-(topAGM+pListHeight)});
			//-- month selector
			$('#agMonthSel').css({top:_winKB-topAGM});
		}
		else if( agState == 1 )
		{
			
		}
		else if( agState == 2 )
		{
			
		}
		//-- months list
		$('#agMonthList').css({top:_winKB-(topAGSpace+mListHeight)});
		//-- bottom shade
		$('#agShadeBottom').css({top:_winKB-topAGSpace});
	}
	function _showProgramm(event)
	{
		try {
			 event.stopPropagation();
		} catch(e) {}
		
		if( _monthClickStat == 1 ) {
			_MonthAnimSpeed = _MonthAnimSpeed/2;
			_showMonths(null);
			setTimeout( _showProgramm, _MonthAnimSpeed );
			_MonthAnimSpeed = _MonthAnimSpeedNormal;
			return;
		}
		
//		trace("_showProgramm :: " + _progClickStat);
		
		easeType1 = "easeInOutCubic";
		easeType2 = "easeInOutCubic";
		
		if( _progClickStat == 0 ) {
			_progClickStat = 1;
			
			$('body').bind('click',_closeOpenMenus);
			
			tmpTH = (topAGTH+pListHeight+topAGM);
//			trace(tmpTH);
			//-- shades
			$('#agShadeTop').stop().animate({top:_winKB-(tmpTH+4)},_progAnimSpeed,easeType1);
			$('#agShadeRight').stop().animate({top:_winKB-tmpTH,height:(tmpTH-topAGSpace)},_progAnimSpeed,easeType1);
			//-- prog
			$('#agProgTop,#agendaBK').stop().animate({top:_winKB-tmpTH},_progAnimSpeed,easeType1);
			//-- prog list
			$('#agProgList').show().stop().animate({clip:"rect(0px,158px,"+pListHeight+"px,0px)"},_progAnimSpeed-100,easeType1);
		}
		else if(_progClickStat == 1) {
			_progClickStat = 0;
			
			$('body').unbind('click',_closeOpenMenus);
			
			//-- shades
			$('#agShadeTop').stop().animate({top:_winKB-topAGTS},_progAnimSpeed,easeType2);
			$('#agShadeRight').stop().animate({top:_winKB-topAGT,height:86},_progAnimSpeed,easeType2);
			//-- prog
			$('#agProgTop,#agendaBK').stop().animate({top:_winKB-(topAGT)},_progAnimSpeed,easeType2);
			//-- prog list
			$('#agProgList').stop().animate({clip:"rect("+pListHeight+"px,158px,"+pListHeight+"px,0px)"},_progAnimSpeed+50,easeType2,function(){$(this).hide();});
		}
	}
	function _showMonths(event)
	{
		try {
			 event.stopPropagation();
		} catch(e) {}
		
		if( _progClickStat == 1 ) {
			_progAnimSpeed = _progAnimSpeed/2;
			_showProgramm(null);
			setTimeout( _showMonths, _progAnimSpeed);
			_progAnimSpeed = _progAnimSpeedNormal;
			return;
		}
		
//		$('#agProgList').css({clip:"rect("+pListHeight+"px,158px,"+pListHeight+1+"px,0px)"});
		
		if( _monthClickStat == 0 )
		{
			_monthClickStat = 1;
			
			$('body').bind('click',_closeOpenMenus);
			
			tmpTH = (topAGTH+mListHeight+topAGMH+topAGSpace);
			//-- shades
			$('#agShadeTop').stop().animate({top:_winKB-(tmpTH+4)},_MonthAnimSpeed,easeType0);
			$('#agShadeRight').stop().animate({top:_winKB-tmpTH,height:(tmpTH-topAGSpace)},_MonthAnimSpeed,easeType0);
			//-- prog
			$('#agProgTop,#agendaBK').stop().animate({top:_winKB-tmpTH},_MonthAnimSpeed,easeType0);
			//-- month
			$('#agMonthSel').stop().animate({top:_winKB-(tmpTH-topAGTH)},_MonthAnimSpeed,easeType0);
			$('#agMonthList').show().stop().animate({clip:"rect(0px,158px,"+mListHeight+"px,0px)"},_MonthAnimSpeed-120,easeType0);
		}
		else if( _monthClickStat == 1 )
		{
			_monthClickStat = 0;
			
			$('body').unbind('click',_closeOpenMenus);
			
			//-- shades
			$('#agShadeTop').stop().animate({top:_winKB-topAGTS},_MonthAnimSpeed,easeType0);
			$('#agShadeRight').stop().animate({top:_winKB-topAGT,height:86},_MonthAnimSpeed,easeType0);
			//-- prog
			$('#agProgTop,#agendaBK').stop().animate({top:_winKB-topAGT},_MonthAnimSpeed,easeType0);
			//-- month
			$('#agMonthSel').stop().animate({top:_winKB-topAGM},_MonthAnimSpeed,easeType0);
			$('#agMonthList').stop().animate({clip:"rect("+mListHeight+"px,158px,"+mListHeight+"px,0px)"},_MonthAnimSpeed+50,easeType0,function(){$(this).hide();});
		}
	}
	
	//------------------------- programm selector ----------------------------
	
	var _progIndex = 1;
	var _progFilterIndex="programma";
	var _pQ = new Array();
	var _blokProgSlide = false;
	var progSlideEase = "easeInOutBack";
	var progSlideTime = 500;
	var _lastProgSlideDiv;
	function _selectProgramFilter(txt)
	{
		txt = txt.toUpperCase();
		o = $("#agProgPlateTxt").find("#"+txt);
		if( _lastProgSlideDiv && ( o.text() == _lastProgSlideDiv.text() ) ) {
			return;
		}
		if( _blokProgSlide ) return;
		_blokProgSlide = true;
		
		if(_pQ.length>0) {
			$(_pQ.shift()).delay(200).animate( {left:-122},monthSlideTime,monthSlideEase,function(){ $(this).remove(); });
		}
		
		$('#agProgPlateTxt').append('<div id="'+txt+'" class="fnt2-18-white progTopSlide">'+txt+'</div>');
		o = $("#agProgPlateTxt").find("#"+txt);
		o.css({left:122}).show().delay(200).animate({left:9},progSlideTime,progSlideEase,_unblokProgSlideFlag);
		_pQ.push(o);
		_lastProgSlideDiv = o;
	}
	function _unblokProgSlideFlag() { _blokProgSlide = false; }
	function _agendaTopInit()
	{
		var btnIndex=1;
		$('ul.progListUl a').each(function(){ $(this).attr("nr",btnIndex++); });
		$('ul.progListUl a').click(function(){
			_closeOpenMenus();
			_selectProgramFilter( $(this).attr("href").substr(3) );
			_progFilterIndex = $(this).attr("href").substr(3);
			_loadCards();
			return false;
		});
		_progFilterIndex = $("ul.progListUl a").eq(0).attr("href").substr(3)
		_selectProgramFilter( _progFilterIndex );	//-- first filter option selected
	}
	
	function getIdTrio(id)
	{
		var o=null;
		try {
			if( _progFilterIndex == "programma" ) {
				o=crdsIDS1[id];
			} else if( _progFilterIndex == "nieuws" ) {
				o=crdsIDS2[id];
			} else if( _progFilterIndex == "alles" ) {
				o=crdsIDS3[id];
			}
		} catch(e) { trace(" -- getIdTrio error -- "); trace(e); }
		
//		trace(o);
		
		return o;
	}
	
	//------------------------- month selector -------------------------------
	
	var _monthIndex = (new Date()).getMonth()+1;
	var _yearIndex = (new Date()).getFullYear();
	trace(_yearIndex);
	var _mQ = new Array();
	var _blokMonthSlide = false;
	var monthSlideEase = "easeInOutBack";
	var monthSlideTime = 500;
	var _monthIndexOld = _monthIndex;
	function _nextPrevMonth(dir)
	{
		if( _blokMonthSlide ) return;
		_blokMonthSlide = true;
		
//		trace( dir );
		if( dir == -1 ) {
			_monthIndex++;
			if(_monthIndex>12) {
				_monthIndex=1;
				_yearIndex++;
			}
		} else {
			_monthIndex--;
			if(_monthIndex<1){
				_yearIndex--;
				_monthIndex=12;
			}
		}
		_monthIndexOld = _monthIndex;
		
		_showMonthslide(dir);
	}
	function _showMonthslide(dir)
	{
		_hideLastMonth(dir);
		_showNextMonth(dir);
	}
	function _showNextMonth(stat)
	{
		mnd = ["JANUARI","FEBRUARI","MAART","APRIL","MEI","JUNI","JULI","AUGUSTUS","SEPTEMBER","OKTOBER","NOVEMBER","DECEMBER"];
		$('#agTxtMonth').append('<div id="monthSlide'+_monthIndex+'" class="fnt2-22-white monthSlide">'+mnd[(_monthIndex-1)]+'</div>')
		$("#monthSlide"+_monthIndex).css({left:-stat*110}).show().animate({left:0},monthSlideTime,monthSlideEase,_unblokMonthSlideFlag);
		_mQ.push(_monthIndex);
	}
	function _hideLastMonth(stat)
	{
		if(_mQ.length == 0 ) return;
		$("#monthSlide"+_mQ.shift()).animate( {left:(stat*110)},monthSlideTime,monthSlideEase,function(){ $(this).remove(); });
	}
	function _unblokMonthSlideFlag()
	{
		_blokMonthSlide = false;
	}
	function _closeOpenMenus() 
	{
		if( _progClickStat == 1 ) {
			_showProgramm(null);
		}
		if( _monthClickStat == 1 ) {
			_showMonths(null);
		}
	}
	function _resetagLists()
	{
		$('#agProgList').css({clip:"rect("+pListHeight+"px,158px,"+pListHeight+1+"px,0px)"});
		$('#agMonthList').css({clip:"rect("+mListHeight+"px,158px,"+mListHeight+1+"px,0px)"});
	}
	function _agendaInit()
	{
		pListHeight = $('#agProgList').height();
		mListHeight = $('#agMonthList').height();
		//-- clipping rects
		_resetagLists();
		
		$('#agProgTop').click(_showProgramm);
		$('#agMonthPlate').click(_showMonths);
		$('#agPrevMonth').click(function(event){event.stopPropagation();_nextPrevMonth(1);_loadCards();});
		$('#agNextMonth').click(function(event){event.stopPropagation();_nextPrevMonth(-1);_loadCards();});
		
		_showMonthslide(-1);
	}
	
	//-------------------------- month list selector ---------------------
	function _selectMonthFilter(txt)
	{
		if( _lastProgSlideDiv && o.text()==_lastProgSlideDiv.text() ) {
			//-- mischien herladen?
			return;
		}
		trace(txt);
		_showMonthslide(-1);
	}
	function _agendaMonthListInit()
	{
		$('ul.agMontsUl a').click(function() {
			if(_isPageSliding)return;
			_monthIndex=$(this).attr("mnr");
			_yearIndex=$(this).attr("ynr");
			if(_monthIndex != _monthIndexOld) {
				setTimeout( _delayedMonthSlide, monthSlideTime/2 );
				_monthIndexOld = _monthIndex;
			} else {
//				_selectMonthFilter( $(this).attr("href").substr(3)); 
			}
			_closeOpenMenus();
			_loadCards();
			return false;
		});
	}
	function _delayedMonthSlide() { _showMonthslide(-1); }
	
	//-------------------------- kaart gerelateert -----------------------
	var _cardHolderWidth=0;
	var _cardsWidth=0;
	function _resizeCardHolder()
	{
		var xo=156;
		var xro = (xo+_scrollBarWH+_borderWidth);
		_cardHolderWidth = _winW-xro;
		$("#rPane").css({"top":(_winH-(126+10)),"left":xo,"width":_cardHolderWidth,"clip":"rect(0px,"+_cardHolderWidth+"px,98px,0px)"});
//		$("#rPane").css({"width":_winKR-121});
	}
	function _resetCardsPos()
	{
		$("#kHolder").css({left:$(window).width()});
	}
	function _clearCards()
	{
		_hideHorSB();
		$("#kHolder").children().each(function(index){
			$(this).animate({top:100},100+(index*10),"easeInOutCubic",function(){ 
				$(this).remove();
				_cardsWidth=0;
			});
		});
	}
	var _activateCardsFlag=true;
	function _initCards(data)
	{
		if(data) {
			$("#kHolder").delay(50,function() {
				$(this).css({left:$(window).width()});
				$(this).html(data);
				$(this).delay(200,_activateCards());
			});
		}
		else
		{
			_activateCards();
		}
	}
	function _activateCards() 
	{
		var kh=$("#kHolder");
		kh.children().each(function(index) {
			var cw=$(this).width();
			_cardsWidth = (index*cw);
			$(this).css({"left":_cardsWidth});
			_cardsWidth += cw;
			var href=$(this).find("a").attr("href");
			var id=getIDFromURL(href);
//			var pos=href.indexOf("#!");
//			href=href.substr(pos);
//			var harr=href.split("/");
//			$(this).attr("dbId",harr[2]
			$(this).attr("dbId",id
			).mouseenter(function(){
				if( $(this).attr("active") != 1 )
					$(this).css("background-image", _imgKaartOver);
				_kaartActieveTekst($(this));
			}).mouseleave(function(){
				if( $(this).attr("active") != 1 ){
					$(this).css("background-image", _imgKaartOff);
					_kaartNormaleTekst($(this));
				}
			}).click(function(){
				if(_isPageSliding)return;
				if( $(this).attr("active") == 1 ) {
				} else {
					_clearSelectedKaart();
					$(this).attr("active",1);
					$(this).css("background-image", _imgKaartOn);
					_kaartActieveTekst($(this));
					_selCard = $(this);
					_cardDL(_selCard);
//					_setAgendaMonth();
				}
				var id=$(this).attr("dbId");
				_loadArtikel( id, 0);
			});
		});
		
		$("#kHolder a").remove();
		kh.delay(50,function(){
			showCards();
		});
	}
	function _setAgendaMonth()
	{
		if( _selCard ) {
			var dat=""+_selCard.attr("dat");
			var tarr=dat.split("-");
			var m=parseInt(tarr[1]);
			_yearIndex=parseInt(tarr[0]);
			if(_monthIndex != m ) {
				_monthIndex = m; 
				_showMonthslide(-1);
			}
		}
	}
	function _setCurrentActiveCardAfterSlide()
	{
		$("#kHolder").delay(100,function(){
			_clearSelectedKaart();
			
			var kh=$(this);
			kh.children().each(function(index) {
				if( $(this).attr("dbId") == _currentArtikelID ) {
					var xp=parseInt($(this).css("left"));
					$(this).css("background-image", _imgKaartOn);
					$(this).attr("active",1);
					_kaartActieveTekst($(this));
					_selCard = $(this);
//					_setAgendaMonth();
				}
			});
		});
	}
	/*
	function _scrollCardsToPos(xp)
	{
		_scrollToPosCards(xp);
		_scrollCardsPos2Perc();
		_scrollThumbHorToAnimated( _cardsScrollPerc );
	}
	var _scrollToPosContentSpeed = 1200;
	function _scrollToPosCards(xp,speed)
	{
		_vertScrolPos=-xp;
		_limitScrollCards();
		var animspeed=_scrollToPosContentSpeed;
		if(speed)animspeed=speed
		var tween="easeInOutExpo";
		tween = 'easeInOutQuint';
		tween="easeInOutExpo";
		$("div.page").find('div.pageScrollContent').stop().animate({top:_vertScrolPos},animspeed,tween);
	}
	function _limitScrollCards()
	{
		if(_vertScrolPos>=0)_vertScrolPos=0;
		if(_vertScrolPos<_maxScrollPos)_vertScrolPos=_maxScrollPos;
	}

	var _cardsScrollPerc=0;
	function _scrollCardsPos2Perc()
	{
		_cardsScrollPerc = 0;
		if(_showHorScrollBar) {
			if( _cardsWidth > _cardHolderWidth ) {
			_cardsScrollPerc = ( _cardHolderWidth / _cardsWidth );
			}
		}
	}
	*/
	function showCards()
	{
		$("#kHolder").animate({left:0},1000,"",function(){
			_initHorSB();
			_setCurrentActiveCardAfterSlide();
		});
	}
	function _scrollCardsTo(perc)
	{
		var s = -(perc * (_cardsWidth - _cardHolderWidth));
		$("#kHolder").css("left",s);
//		$("#kHolder").stop().animate({left:s},50);
	}
	function hideCards()
	{
		_hideHorSB();
		$("#kHolder").animate({left:$(window).width()},500);
	}
	function _clearSelectedKaart()
	{
		if(_selCard!=0 && _selCard != $(this)) {
			_selCard.attr("active",0);
			_selCard.css("background-image", _imgKaartOff);
			//-- css terug zetten van teksten
			_kaartNormaleTekst(_selCard);
		}
	}
	function _kaartActieveTekst(o)
	{
		$(o).find("div.krtNumber").removeClass("fntkrtnum-blue").addClass("fntkrtnum-white");
		$(o).find("div.krtTitel").removeClass("fntkrttitel-blue").addClass("fntkrttitel-white");
		$(o).find("div.krtLine").removeClass("krtLine-blue").addClass("krtLine-white");
		$(o).find("div.krtDatum").removeClass("fntkrtdatum-dblue").addClass("fntkrtdatum-white");
		//-- convert 748b9a to FFFFF
		$(o).find("div.krtTitel font").each(function(){ if(String($(this).attr("color")).toLowerCase() == '#748b9a') $(this).attr("color","#ffffff")});
//		$(o).find("div.krtTitel span").each(function(){ if(RGBtoHEX($(this).css("color")) == String('#748b9a').toUpperCase()) $(this).css("color","#ffffff") });
	}
	function _kaartNormaleTekst(o)
	{
		$(o).find("div.krtNumber").removeClass("fntkrtnum-white").addClass("fntkrtnum-blue");
		$(o).find("div.krtTitel").removeClass("fntkrttitel-white").addClass("fntkrttitel-blue");
		$(o).find("div.krtLine").removeClass("krtLine-white").addClass("krtLine-blue");
		$(o).find("div.krtDatum").removeClass("fntkrtdatum-white").addClass("fntkrtdatum-dblue");
		//-- change ffffff to 748b9a
		$(o).find("div.krtTitel font").each(function(){ if(String($(this).attr("color")).toLowerCase() == '#ffffff') $(this).attr("color","#748b9a")});
//		$(o).find("div.krtTitel span").each(function(){ if(RGBtoHEX($(this).css("color")) == String('#ffffff').toUpperCase()) $(this).css("color","#748b9a") });
	}
	
	function createKaart(lnk)
	{
		var s = "<div>";
		return s;
	}
	
	var _lastCardData="";
	var _animCardDataTimoutId=0;
	var _cardLoader;
	function _loadCards()
	{
		_activateCardsFlag=true;

		try {
			_cardLoader.abort();
		} catch(e) {}
		
		_cardLoader=$.ajax({
			url: "php/kaartCreator.php?p="+_progFilterIndex+"&m="+_monthIndex+"&y="+_yearIndex
			,beforeSend:function( jqXHR, settings ) {
				_showPreloader(true);
				clearTimeout(_animCardDataTimoutId);
				_clearCards();
			}
			,success:function(data, textStatus, jqXHR) {
//				trace("_loadCards :: " + textStatus + " " + data.length);
				_lastCardData=data;
				_animCardDataTimoutId=setTimeout(_delayedInitCards,200);
			}
    		,error:function() {
				_hidePreloader();
				alert("error");
			}
    		,complete:function() {
//				trace("complete"); 
				_hidePreloader();
			}
		});
	}
	function _delayedInitCards() {
		_initCards(_lastCardData);
	}
	//------------------------------ page related -----------------------------
	function _gLocatie()
	{
		$("div.page").find("div.pageTopPlaatsTijd a").each(function(){
			var ref=$(this).attr("href");
			$(this).attr("href","#!").unbind().click(function(){
				var pos=$(this).position();
				var w=$(this).width();
				var id=getIDFromURL(ref);
				if(id>-1){
					_loadGmapData(id,pos.left+(w/2));
				}
				return false;
			});
		})
		$("#gmapOverlay").unbind().click(_hideGmap);
	}
	function _loadGmapData(id,xpos) {
		$.ajax({
			url: "php/loadGMap.php?id=" + id
			,beforeSend:function( jqXHR, settings ) {
				_showPreloader(true);
			}
			,success:function(data, textStatus, jqXHR) {
				trace("_loadGmapData :: " + textStatus + " " + data.length);
				_showGmap(xpos);
				_createGMapData(data);
				_installGmapHtmlData();
			}
			,error:function() {
				_hidePreloader();
				alert("error");
			}
			,complete:function() {
				_hidePreloader();
			}
		});
	}
	var _gmapAddress="";
	var _gmapHtmlAddress="";
	function _createGMapData(data)
	{
		_gmapHtmlAddress="";
		_gmapAddress="";
		var d=$("#gmap .gmapOLFrame");
		d.empty();
		var o;
		if(data.result.gmadres) {
			_gmapAddress=data.result.gmadres;
		}
		if( data.result.plaats ) {
			o = $("<div class='gmapLoc1 fnt16-SmBldIt'/>").html( data.result.plaats );
			_gmapHtmlAddress += '<div class="fnt16-SmBldIt">'+data.result.plaats+'</div>';
			d.append(o);
		}
		if( data.result.plaats2 ) {
			o = $("<div class='gmapLoc2 fnt16-SmBldIt'/>").html( data.result.plaats2 );
			_gmapHtmlAddress += '<div class="fnt16-SmBldIt">'+data.result.plaats2+'</div>';
			d.append(o);
		}
		if( data.result.adres ) {
			o = $("<div class='gmapLoc3 fnt13-vn'/>").html( data.result.adres );
			_gmapHtmlAddress += '<div class="fnt13-vn">'+data.result.adres+'</div>';
			d.append(o);
			//-- routebeschrijving
			o = $("<div class='gmapLoc6 fnt14-nItCap'/>").html( "route" );
			d.append(o);
			var lnk="http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q="+escape(_gmapAddress)+"&hnear=Erve+Aarnink,+Oldenzaal,+Overijssel";
			o = $("<div class='gmapLoc7 fnt13-vn'/>").html( '<a href="'+lnk+'" target="_blank">routebeschrijving</a>' );
			d.append(o);
		}
		if( data.result.contact ) {
			o = $("<div class='gmapLoc4 fnt14-nItCap'/>").html( "contact" );
			d.append(o);
			var m=data.result.contact+" ";
			var ma=/(www.[-a-zA-Z0-9@:%_\+.~#?&//=]+)/ig
			m=m.replace(ma,"<a target=\"_blank\" href=\"http://$1\">$1</a>");
//			ma=/(www.[-a-zA-Z0-9@:%_\+.~#?&//=]+)/g
//			ma=/(((f|ht){1}tp:\/\/)[-a-zA-Z0-9@:%_\+.~#?&//=])/ig
//			m=m.replace(ma,"<a target=\"_blank\" href=\"$1\">$1</a>");
			o = $("<div class='gmapLoc5 fnt13-nIt-nocol'/>").html( m );
			d.append(o);
			var cont1=d.find("div.gmapLoc4");
			var cont2=d.find("div.gmapLoc5");
			var dh=cont2.height();
//			trace("dh = "+dh);
			if(dh>50) {
				var diffy = -( ( Math.ceil(Math.abs(50-dh)/16) * 16 ) + 16 );
//				trace("diffy="+diffy);
				var c1t=parseInt(cont1.css("top"));
				cont1.css({top:c1t+diffy});
				var c2t=parseInt(cont2.css("top"));
				cont2.css({top:c2t+diffy});
			}
		}
	}
	var _gmap;
	var _geocoder;
	var _gmapIsInstalled=false;
	var _gmarker;
	function _installGmapHtmlData() {
		if(!_gmapIsInstalled) {
			if (!window.GBrowserIsCompatible || !GBrowserIsCompatible()) return;
			try
			{
				var el = getElementsByClass("gmapkader")[0];
				_gmap = new GMap2( el );
				_gmap.setCenter(new GLatLng(34.885931, 9.84375), 1);
				_gmap.setMapType(G_NORMAL_MAP);
				_gmap.setUIToDefault();
				_geocoder = new GClientGeocoder();
			} catch(e){ trace(e); }
			_gmapIsInstalled=true;
		}
		_gmap.clearOverlays();
		if(_gmapAddress.length>0) {
			_geocoder.getLatLng(_gmapAddress, function(gpoint){ 
				_gmap.setCenter(gpoint, 14);
				_gmarker = new GMarker(_gmap.getCenter());
				_gmarker.bindInfoWindowHtml(_gmapHtmlAddress);
//				_gmarker.openInfoWindowHtml(_gmapHtmlAddress );
				_gmap.addOverlay(_gmarker);
			});
		}
	}
	function _showGmap(xpos) {
//		$("#gmapOverlay,#gmap").fadeIn();
		$("#gmapOverlay,#gmap").css({'display':'block'});
		$("#gmap").css({left:xpos});
	}
	function _hideGmap() {
		if( _gmarker ){
			_gmarker.bindInfoWindowHtml("");
			_gmarker.closeInfoWindow();
			_gmap.removeOverlay(_gmarker);
			_gmarker=0;
		}
//		$("#gmapOverlay,#gmap").fadeOut();
		$("#gmapOverlay,#gmap").css({'display':'none'});
	}
	
	var _currentLetterSize=1;
	function _activateLetterSize()
	{
		$("div.letterSize1").unbind().click(function(){_clickLetterSize(1);});
		$("div.letterSize2").unbind().click(function(){_clickLetterSize(2);});
		$("div.letterSize3").unbind().click(function(){_clickLetterSize(3);});
		_doLetterSize();
	}
	function _clickLetterSize(s)
	{
		_currentLetterSize=s;
		_doLetterSize();
	}
//	var _letterSises=[13,13,14,16];
//	var _lineHeights=[16,16,18,20];
	var _letterSises=[14,14,16,20];
	var _lineHeights=[18,18,20,24];
	function _doLetterSize()
	{
		$("p").css({'fontSize':_letterSises[_currentLetterSize]+"px",'line-height':_lineHeights[_currentLetterSize]+"px"});
		_recalculateToTopValues();
		//-- re-init vert scrollbar
		_calcScrollContentValues(1);
		_initVertSB(1);
	}
	function _recalculateToTopValues()
	{
		$("div.page").find("div.artappend").each(function(){
			var id=$(this).find("div.artid").attr("name").substr(5);
			if(id){
				var ypos=_getYposByArtId(id);
//				trace("artid:"+id + " ypos:" + ypos);
				_createOmhoogButtom(ypos,id);
			}
		})
	}
	
	//-------------- nieuwsbrief  form
	
	function isValidEmailAddress(emailAddress) {
		var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
		return pattern.test(emailAddress);
	}
	
	var _nieuwsbriefStat = 0;
	var _nieuwsbriefInitStat = 0;
	var _nieuwsbriefStdValue = "Vul hier je e-mailadres in...";
	var _nieuwsbriefStdNaamValue = "Vul hier je naam in...";
	
	var _olayYposLeftStart = 240;
	var _olayYposLeftEnd = 230;
	function _showNieuwsbrief()
	{
		if(_nieuwsbriefStat == 0 ) {
			_nieuwsbriefStat = 1;
			if( !_nieuwsbriefInitStat ) {
				_nieuwsbriefInitStat = 1;
				$("#btnNBClose").click(function(event){ event.stopPropagation(); _closeNieuwsbrief(); });
				$("form#formNB").submit(function() {
					var naam=$("#nieuwsbrief .niewsbriefNaam");
					var email=$("#nieuwsbrief .niewsbriefText");
					var optin=$("#nieuwsbrief #optin");
					if( naam.val() == _nieuwsbriefStdNaamValue ){
						alert("Als je de nieuwsbrief wilt ontvangen vul dan je naam in");
						naam.focus();
					}
					else if( email.val() == _nieuwsbriefStdValue ){
						alert("Als je de nieuwsbrief wilt ontvangen vul dan je email adres in");
						email.focus();
					}
					else if(!optin.attr('checked')) {
						alert("Als je de nieuwsbrief wilt ontvangen klik op 'ontvang nieuwsbrief'");
					}
					else if ( email.val() != _nieuwsbriefStdValue) {
						if( !isValidEmailAddress(email.val()) ) {
							alert(email.val() +" is geen geldig e-mailadres");
						} else {
							$.post("php/processNiewsbrief.php",
							  $(this).serialize(),
							  function(res){
								  var o=res;
								  alert( o.result );
								  $("form#formNB").delay(300,_closeNieuwsbrief);
							  });
						}
					}
					return false;
				});
				$("#btnNieuwsbrief").click(function(){ $("form#formNB").submit();});
				$("#nieuwsbrief").click(function(event){ event.stopPropagation(); });
				$("#nieuwsbrief .niewsbriefText").val(_nieuwsbriefStdValue).focus(function(event){
					if($(this).val()==_nieuwsbriefStdValue)$(this).val("");
				}).blur(function(event){
					if($(this).val()=="")$(this).val(_nieuwsbriefStdValue);
				}).keyup(function(){
					if( !isValidEmailAddress($(this).val()) && $(this).val()!=_nieuwsbriefStdValue ) {
						$(this).css({color:"#ff0000"});
					} else {
						$(this).css({color:"#748b9a"});
					}
				}).keyup();
				$("#nieuwsbrief .niewsbriefNaam").val(_nieuwsbriefStdNaamValue).focus(function(event){
					if($(this).val()==_nieuwsbriefStdNaamValue)$(this).val("");
				}).blur(function(event){
					if($(this).val()=="")$(this).val(_nieuwsbriefStdNaamValue);
				});
				
			} else {
				//-- reset dingen
				$("#nieuwsbrief .niewsbriefNaam").val(_nieuwsbriefStdNaamValue);
				$("#nieuwsbrief #optin").attr("checked",false);
			}
			
			if(_noOpacity) {
				$("#nieuwsbrief").show().animate({top:_olayYposLeftEnd},function(){
//					$('body').bind('click',_closeNieuwsbrief);
				});
			} else {
				$("#nieuwsbrief").css('opacity',0).show().animate({top:_olayYposLeftEnd,opacity:1},function(){
//					$('body').bind('click',_closeNieuwsbrief);
				});
			}
		}
		else {
			_closeNieuwsbrief();
		}
	}
	function _closeNieuwsbrief()
	{
		_nieuwsbriefStat = 0;
		if(_noOpacity) {
			$("#nieuwsbrief").animate({top:_olayYposLeftStart},100,function(){ $("#nieuwsbrief .niewsbriefText").val(_nieuwsbriefStdValue); $("#nieuwsbrief").hide(); } );
		} else {
			$("#nieuwsbrief").animate({top:_olayYposLeftStart,opacity:0},function(){ $("#nieuwsbrief .niewsbriefText").val(_nieuwsbriefStdValue)} );
		}
//		$('body').unbind('click',_closeNieuwsbrief);
	}
	
	//--------------- contact form
	
	var _contactStat = 0;
	var _contactInitStat = 0;
	function _showContact()
	{
		if(_contactStat == 0 ) {
			_contactStat = 1;
			if( !_contactInitStat ) {
				_contactInitStat = 1;
				$("#btnContClose").click(function(event){ event.stopPropagation(); _closeContact(); });
			}
			if(_noOpacity) {
				$("#contact").show().animate({top:_olayYposLeftEnd},function(){
//					$('body').bind('click',_closeContact);
				});
			} else {
				$("#contact").css('opacity',0).show().animate({top:_olayYposLeftEnd,opacity:1},function(){
//					$('body').bind('click',_closeContact);
				});
			}
		}
		else {
			_closeContact()
		}
	}
	function _closeContact()
	{
		_contactStat = 0;
//		$('body').unbind('click',_closeContact);
		if(_noOpacity) {
			$("#contact").animate({top:_olayYposLeftStart},100,function(){$(this).hide(); });
		} else {
			$("#contact").animate({top:_olayYposLeftStart,opacity:0},function(){$(this).hide(); });
		}
	}
	
	//--------------- nieuwskrant form

	function _loadKrantenLinks()
	{
		trace("_loadKrantenLinks")
		$.ajax({
			url: "php/getListKranten.php"
			,beforeSend:function( jqXHR, settings ){
			}
			,success:function(data, textStatus, jqXHR){
				if(data) {
					$("#slaakrant").find(".list").html(data);
				} else {
					$("#slaakrant").find(".list").html("geen kranten gvonden");
				}
			}
    		,error:function() {
				alert("error connectie met de server!");
			}
    		,complete:function() {
			}
		});
	}
	
	var _krantStat = 0;
	var _krantInitStat = 0;
	function _showKrant()
	{
		if(_krantStat == 0 ) {
			_krantStat = 1;
			if( !_krantInitStat ) {
				_krantInitStat = 1;
				_loadKrantenLinks();
				$("#slaakrant").find(".btnContClose").click(function(event){ event.stopPropagation(); _closeKrant(); });
			}
			if(_noOpacity) {
				$("#slaakrant").show().animate({top:_olayYposLeftEnd},function(){
//					$('body').bind('click',_closeContact);
				});
			} else {
				$("#slaakrant").css('opacity',0).show().animate({top:_olayYposLeftEnd,opacity:1},function(){
//					$('body').bind('click',_closeContact);
				});
			}
		}
		else {
			_closeKrant()
		}
	}
	function _closeKrant()
	{
		_krantStat = 0;
//		$('body').unbind('click',_closeContact);
		if(_noOpacity) {
			$("#slaakrant").animate({top:_olayYposLeftStart},100,function(){$(this).hide(); });
		} else {
			$("#slaakrant").animate({top:_olayYposLeftStart,opacity:0},function(){$(this).hide(); });
		}
	}
	
	//------------------------------ zoeken form
	
	var _zoekfilter=[0,0,0,0];
	function _initZoek()
	{
		var btnIndex=0;
		var side="";
		if(arguments.length>0)side=arguments[0];
		var pa=$("div.page"+side);
		pa.find("ul.zoekFSelectie a").each(function(){ $(this).attr("nr",btnIndex++); });
		pa.find("ul.zoekFSelectie a").click( function(e) {
			var nr = parseInt($(this).attr("nr"))
			if( !_zoekfilter[nr] ) {
				_zoekfilter[nr] = 1;
				$(this).css("background-color","#e4e7e9");
			} else if( _zoekfilter[nr] == 1 ){
				_zoekfilter[nr] = 0;
				$(this).css("background-color","");
			}
			pa.find('input[name=zoekfilter]').val(_zoekfilter.join(""));
			return false;
		});
		var frm=pa.find("form.formZoek");
		frm.submit(function() {
			zkterm=pa.find("div.zoek .zoekText").val();
//			trace($(this).serialize());
			if ( zkterm ) {
				_loadZoekResult($(this).serialize());
			}
			return false;
		});
		pa.find("div.btnZoek").click(function(){
			if(_isPageSliding)return;
			frm.submit();
		});
	}
	
	var _lastPageContent="";
	var _storeLastPageContent=true;
	var _beforeSearchPageId=-1;
	function _loadZoekResult(data)
	{
//		trace("_loadZoekResult :: " + data);
		_beforeSearchPageId = _currentArtikelID;
		
		$.ajax({
			url: "php/processZoeken.php?"+data
			,beforeSend:function( jqXHR, settings ) {
				_showPreloader();
				_fadeOutContent();
			}
			,success:function(data, textStatus, jqXHR) {
				if( _storeLastPageContent) {
					_storeLastPageContent = false;
//					_lastPageContent=$("div.page").find(".pageContent").html();
//					_lastPageContent=$("div.page").html();
				}
				var tt = $("<div/>").append(data).html();
				$("div.page").find(".pageContent").delay(50,function(){
					$(this).html(tt).delay(50,function(){
						_zoekResultProcess();
						_fadeInContent();
						_calcScrollContentValues();
						_initVertSB();
					});
				});
			}
    		,error:function() {
				_hidePreloader();
				alert("error connectie met de server!");
			}
    		,complete:function() {
				_hidePreloader();
			}
		});
	}
	function _zoekResultProcess()
	{
		$("div.zrkSubTitel a").each(function(index) {
			var hr=$(this).attr("href");
//			if(hr.indexOf("voetnote")>-1) {
				$(this).attr("href","#!");
//			}
		});
		//-- clickable results
		$("div.zoekResKader").each(function(index){
			var o=$(this);
			var type=o.attr("id").substr(0,7);
			var id=o.attr("id").substr(7);
			var zktype=trim11(o.find(".zrkType").text());
			var titel=trim11(o.find(".zrkTitel").text());
			o.mouseenter(function(){
				$(this).css("background-image", _imgZoekOn); 
			}).mouseleave(function(){
				$(this).css("background-image", '');
			}).click(function(){
				var atype="";
				if(type=="ZKautID"){
					atype=1;
				} else {
					_storeLastPageContent=true;
				}
				_setTitle(titel);
				_setAddress(zktype+"/"+id+"/"+titel);
				sendStatCounter(zktype+"/"+id+"/"+titel,"SLAA - "+titel)
				_currentArtikelID=-1;
				_loadArtikel(id,0,atype,zktype);
				return false;
			});
		});
	}
	function _reloadFromSearchResult()
	{
		if( !_storeLastPageContent && _beforeSearchPageId>-1 ) {
			var id=_currentArtikelID;
			var las=getIdTrio(id);
			var side="";
//			trace("_reloadFromSearchResult _currentArtikelID=" + _currentArtikelID + " _beforeSearchPageId="  + _beforeSearchPageId);
			if(las) {
//				trace(las);
				if(las.l==_beforeSearchPageId)side="L";
				else if(las.r==_beforeSearchPageId)side="R";
				_loadArtikelTo(_beforeSearchPageId,side,true);
			}
			
			_storeLastPageContent=true;
		}
	}
	
	//----------------------------- page content
	function _repositionHoekjes()
	{
		$("div.hoekjeLB,div.hoekjeRB").css({"top":_winKB-136});
	}
	function _showPreloader(isCard)
	{
		if(isCard) {
			$("#preloader").css({left:180,top:_winKB-50}).fadeIn('fast');
		} else {
			$("#preloader").css({left:450+_totWrapXOffset,top:((_winH/2)-50)}).fadeIn('fast');
		}
	}
	function _hidePreloader()
	{
		$("#preloader").fadeOut('fast',function(){$(this).hide();});
	}
	
	var _currentArtikelID=-1;
	function _loadArtikel(artid,appendHTML,atype,zktype)
	{
		if(appendHTML==undefined||appendHTML=="")appendHTML=0;
		if(atype==undefined||atype=="")atype=0;
		if(zktype==undefined||zktype=="")zktype="";
		
//		trace("_loadArtikel::" + artid + " appendHTML:"+appendHTML + " atype:" + atype);
		
		$.ajax({
			url: "php/artikelCreator.php?id="+artid+"&ap="+appendHTML+"&at="+atype+"&ty="+_progFilterIndex
			,beforeSend:function( jqXHR, settings ){
				_showPreloader();
				if( !appendHTML){
					if(!atype)_currentArtikelID = artid;	//-- !important en geen auteur
					_fadeOutContent();
					_clearSideArtikelenBeforeLoad(_currentArtikelID,atype) ;
					_hideVertSB();
				}
			}
			,success:function(data, textStatus, jqXHR){
				var tt = $("<div/>").append(data).find('.pageContent').html();
				$("div.page").find(".pageContent").delay(50,function(){
					var dest;
					if(appendHTML){
						tt = $("<div class='artappend'/>").append($("<div class='artid' name='artid"+artid+"'></div>")).append(data);
						dest=$("div.page .pageScrollContent");
						if(!_noOpacity) {
							tt.css({opacity:0});
						}
						dest.append(tt);
						dest.delay(50,function(){
							dest.find('a.twitter-share-button').delay(200).each(function(){
								try {
									$.ajax({url:'http://platform.twitter.com/widgets.js',dataType:'script',cache:true});
//									var tweet_button = twttr.TweetButton( $( this ).get( 0 ) );
//									var tweet_button = new twttr.TweetButton( $( this ).get( 0 ) );
//									tweet_button.render();
								} catch(err){ trace(err); }
								//-- lettersize?
								_doLetterSize();
								//--scroll to new position
								_calcScrollContentValues(1);
								_initVertSB(1);
								//-- scroll to position
								var ypos=_getYposByArtId(artid);
								_createOmhoogButtom(ypos,artid);
								//-- scrolling!
								_scrollToPos(ypos);
								if(!_noOpacity){
									dest.find("div.artappend").delay(200,function(){
										$(this).animate({opacity:1},800); 
										
										if(_doTouchScroll)
											dest.touchScroll();
									});
								}
							});
							$("div.page").delay(100,function(){
								_hidePreloader();
							})
							_replaceVideoTags();
							_subTitelVoetnotes();
							
							var pbtn=dest.find('div[name="artid'+artid+'"]').parent();
//							trace(pbtn);
							_installPrintBtn(pbtn);
							
						});
					} else {
						dest=$(this);
						dest.html(tt).delay(50,function(){
							dest.find('a.twitter-share-button').delay(200).each(function(){
								try {
									$.ajax({url:'http://platform.twitter.com/widgets.js',dataType:'script',cache:true});
//									var tweet_button = twttr.TweetButton( $( this ).get( 0 ) );
//									var tweet_button = new twttr.TweetButton( $( this ).get( 0 ) );
//									tweet_button.render();
								} catch(err) { trace(err); }
								_activateLetterSize();
								
								_calcScrollContentValues();
								_initVertSB();
								
								_createOmhoogButtom(0,artid);
								_replaceVideoTags();
								_subTitelVoetnotes();
								_repositionLinksBlok();
								_gLocatie();
								_installPrintBtn(dest);
								
								//-- bij auteurs, misschien andere zijkanten inladen
								if(!atype) {
									_loadSideArtikelen(artid);
								}
								_setCurrentActiveCardAfterSlide();
								if( zktype ){
									_setCurrentActiveCardAfterSlide();
								}
								_fadeInContent();
								
								if(_doTouchScroll)
									dest.touchScroll();
							});
						});
					}
				});
			}
    		,error:function() {
				_hidePreloader();
				alert("error connectie met de server!");
			}
    		,complete:function() {
				if( atype )_hidePreloader();
			}
		});
	}
	
	function _installPrintBtn(o)
	{
		o.find(".printPage").click(function(){
			trace("print dit gedeelte");
			printContent(o,"");
		});
	}
	
	function _disableLeftSideArrow()
	{
		$("div.coverShaderLeftArrow").removeClass("coverShaderLeftArrow").addClass("coverShaderLeftNoArrow");
		$("div.leftCoverNav").css({cursor:'auto'}).unbind();
	}
	function _enableLeftSideArrow()
	{
		$("div.coverShaderLeftNoArrow").removeClass("coverShaderLeftNoArrow").addClass("coverShaderLeftArrow");
		$("div.leftCoverNav").css({cursor:'pointer'}).click(function(){ _slidePages(-1); return false; });
	}
	
	function _disableRightSideArrow()
	{
		$("div.coverShaderRightArrow").removeClass("coverShaderRightArrow").addClass("coverShaderRightNoArrow");
		$("div.rightCoverNav").css({cursor:'auto'}).unbind();
	}
	function _enableRightSideArrow()
	{
		$("div.coverShaderRightNoArrow").removeClass("coverShaderRightNoArrow").addClass("coverShaderRightArrow");
		$("div.rightCoverNav").css({cursor:'pointer'}).click(function(){ _slidePages(1); return false; });
	}
	function _clearSideArtikelenBeforeSlide(id)
	{
		var las=getIdTrio(id);
		if(las) {
			if(las.l==-1) {
				_disableLeftSideArrow();
			} else {
				_enableLeftSideArrow();
			}
			if(las.r==-1) {
				_disableRightSideArrow();
			} else {
				_enableRightSideArrow();
			}
		} else {
			_disableLeftSideArrow();
			_disableRightSideArrow();
		}
	}
	function _clearSideArtikelenBeforeLoad(id,isAuteur)
	{
		if(isAuteur)
		{
			_disableLeftSideArrow();
			if(_noOpacity) {
				$("div.pageL").empty();
			} else {
				$("div.pageL").animate({opacity:0})
			}
			_disableRightSideArrow();
			if(_noOpacity) {
				$("div.pageR").empty();
			} else {
				$("div.pageR").animate({opacity:0})
			}
			return;
		}
		var las=getIdTrio(id);
		if(las) {
//			trace(las);
			if(las.l==-1) {
				_disableLeftSideArrow();
				if(_noOpacity) {
					$("div.pageL").empty();
				} else {
					$("div.pageL").animate({opacity:0})
				}
			} else {
				_enableLeftSideArrow();
				if(!_noOpacity) {
					$("div.pageL").animate({opacity:0})
				}
			}
			if(las.r==-1) {
				_disableRightSideArrow();
				if(_noOpacity) {
					$("div.pageR").empty();
				} else {
					$("div.pageR").animate({opacity:0})
				}
			} else {
				_enableRightSideArrow();
				if(!_noOpacity) {
					$("div.pageR").animate({opacity:0})
				}
			}
		} else {
			_disableLeftSideArrow();
			_disableRightSideArrow();
		}
	}
	function _loadSideArtikelAfterSlide(side)
	{
		var id=_currentArtikelID;
		var las=getIdTrio(id);
		if(las) {
//			trace(las);
			if(side == "L") {
				if(las.l>-1) {
					_loadArtikelTo(las.l,"L",true);
				} else {
					_isPageSliding = false;
					_disableLeftSideArrow();
					_hidePreloader();
				}
			} else if(side == "R") {
				if(las.r>-1) {
					_loadArtikelTo(las.r,"R",true);
				} else {
					_isPageSliding = false;
					_disableRightSideArrow();
					_hidePreloader();
				}
			}
			if(las.l>-1) {
				_enableLeftSideArrow();
			}
			if(las.r>-1) {
				_enableRightSideArrow();
			}
		} else {
			_isPageSliding = false;
			_hidePreloader();
		}
	}
	var _homeArtikelId=-1;
	function _loadSideArtikelen()
	{
		//-- haal zijkanten op!
		var ids=$("div.page div.pageTitle").attr("id");
		var id=parseInt(ids.substr(4));
		if(arguments.length>0) {
			id=arguments[0];
		} else {
			_currentArtikelID=id;
			if(_homeArtikelId == -1)_homeArtikelId=id;
		}
		if( id > 0 ) {
			var ao=getIdTrio(id);
			if(ao) {
//				trace(ao);
				if(ao.l>-1) {
					_loadArtikelTo(ao.l,"L",false);
				} else {
					$("div.pageL").empty();
				}
				if(ao.r>-1) {
					_loadArtikelTo(ao.r,"R",false);
				}  else {
					$("div.pageR").empty();
				}
			} else {
				_hidePreloader();
			}
		}
	}
	
	function _loadArtikelTo(artid,side,afterslide)
	{
//		trace("_loadArtikelTo::" + artid + " side::" + side );
		
		$.ajax({
			url: "php/artikelCreator.php?id="+artid+"&ap=0&at=0&si="+side+"&ty="+_progFilterIndex
			,beforeSend:function( jqXHR, settings ){
				_showPreloader();
				_fadeOutContent(side);
			}
			,success:function(data, textStatus, jqXHR){
				var dest=$("div.page"+side);
				var tt = $("<div/>").append(data).html();
				if(!_noOpacity) {
					dest.css({opacity:0});
				}
				dest.delay(150,function() {
					dest.html(tt).delay(150,function(){
						//-- zet scrollWrapper
						dest.find('div.scrollWrapper').css({height:_pageContentVisHeight});
						positionPageShaderBottom(dest);
						dest.find('a.twitter-share-button').delay(200).each(function(){
							try {
								$.ajax({url:'http://platform.twitter.com/widgets.js',dataType:'script',cache:true});
//								var tweet_button = new twttr.TweetButton( $( this ).get( 0 ) );
//								var tweet_button = twttr.TweetButton( $( this ).get( 0 ) );
//								tweet_button.render();
							} catch(err) { trace(err); }
							
							_installLeftMenuHandlers( side );
							_replaceVideoTags( dest );
//							_subTitelVoetnotes( dest );
							_repositionHoekjes();
							_initZoek(side);
							_repositionLinksBlokSide( dest );
							
							_activateLetterSize();
							
							if(side=="L") {
								_enableLeftSideArrow();
							} else if(side=="R") {
								_enableRightSideArrow();
							}
							if(!_noOpacity) {
								dest.animate({opacity:1})
							}
							
							if(afterslide) {
								//-- check of er content is bijgekomen
								dest.delay(50,function(){
									_hidePreloader();
									_isPageSliding = false;
								});
							} else {
								_hidePreloader();
							}
						});
					});
				});
			}
    		,error:function() {
				_hidePreloader();
				alert("error connectie met de server!");
			}
    		,complete:function() {
				_hidePreloader();
			}
		});
	}
	
	function _scrollToPos(yp)
	{
		_scrollToPosContent(yp);
		_scrollPos2Perc();
		_scrollThumbVertToAnimated( _contentScrollPerc );
	}
	
	var _voetNoteAnimSpeed = 400;
	var _voetNoteAnimEase = "";
	var _activeVoetNotes=null;
	function _clickVNLink(id)
	{
		var pos=id.indexOf("#!");
		if(pos>0) {
			id=id.substr(pos);
		}
		var vn=$("div.page").find("#"+id);
		var issame=false;
		if( _activeVoetNotes!=null )
		{
			if( _activeVoetNotes.attr("id") == vn.attr("id") )
				issame=true;
			
			_closeActiveVoetNote();
		}
//		trace("issame :: "+issame);
		if( !issame )
		{
			vn.css({top:-1200}).show();
			vnh = _prepareVoetNote(vn);
			vn.animate({top:0},_voetNoteAnimSpeed,_voetNoteAnimEase);
			_moveRelLinksBlok( vnh+20 );
			_activeVoetNotes = vn;
		}
		else
		{
			_moveRelLinksBlok( 0 );
		}
	}
	function _closeActiveVoetNote()
	{
		if(!_activeVoetNotes)return;
		var avnh=parseInt(_activeVoetNotes.attr("vnheight"))+20;
		_activeVoetNotes.animate({top:-avnh},_voetNoteAnimSpeed,_voetNoteAnimEase,function(){ $(this).hide();});
		_activeVoetNotes=null;
	}
	function _closeActiveVoetNoteRestoreRest()
	{
		_closeActiveVoetNote();
		_moveRelLinksBlok( 0 );
	}
	function _moveRelLinksBlok(nh) {
		$("div.page div.relaLinksBlokWrapper").animate({top:(nh)},_voetNoteAnimSpeed,_voetNoteAnimEase,function(){
//			trace("check scrollheight");
		});
	}
	function _prepareVoetNote(vn) {
		var h=vn.find("div.relaTextWrapper").height();
		vn.attr("vnheight",parseInt(h));
		vn.css({top:-h*2});
		vn.find('div.relaVNLine').css({top:4,height:h-7});
		vn.find('div.relaVNCloseBtn').unbind('click').click(function(e){
			_closeActiveVoetNoteRestoreRest();
			vn.find('div.relaVNCloseBtn').unbind('click');
			return false; 
		})
		return h;
	}
	function _createOmhoogButtom(yp,artid)
	{
		if( yp == 0 ) {
			$("div.page div.pageScrollContent").find('.totop:first').unbind().click(function(){
//				trace(yp + " artid:0");
				_scrollToPos(yp);
				return false;
			});
		} else {
			var o=$("div.page div.pageScrollContent").find('div[name="artid'+artid+'"]').parent();
			var p=$(o).find('.totop')
			if(p) {
				p.unbind().click(function(){
//					trace(yp + " artid:" + artid);
					_scrollToPos(yp);
					return false;
				});
			} else {
//				trace("not found!")
			}
		}
	}
	function _resizeRelaBlok(o)
	{
		var rtwrap = $("div.page").find("div.relaTotalWrapper");
		if(arguments.length>0) {
			rtwrap=o.find("div.relaTotalWrapper");
		}
		if(rtwrap) {
			var t=parseInt(rtwrap.parent().css('top'));
			var b=(_winKB-176);
			if(_winKB && t<b) {
				rtwrap.css({height:b-t});
			}
		}
	}
	function _subTitelVoetnotes()
	{
		if(arguments.length>0) {
			o=arguments[0].find("h3 a");
		} else {
			o=$("div.page").find("h3 a");
		}
		//-- voetnote links click
		o.each(function(index) {
			var hr=$(this).attr("href");
			if(hr.indexOf("voetnote")>-1) {
				$(this).attr("href","#!");
				$(this).unbind('click').click(function(e) {
					var nhr=hr.substr((hr.indexOf("/")+1)).replace(/\//gi,"-");
					_clickVNLink(nhr);
					return false;
				});
			}
		});
	}
	function _repositionLinksBlok()
	{
		var o;
		var isMiddle=true;
		if(arguments.length>0) {
			o=$("div.page"+arguments[0]);
			isMiddle=false;
		} else {
			o=$("div.page");
			
			o.find("div.page-title-logo").css({'cursor':'pointer'}).unbind().click(function(){
				//_setAddress("home");
				if(_homeArtikelId>-1) {
					_loadArtikel(_homeArtikelId,0);
				}
			});
		}
		
		_firstPpos = o.find("div.pageScrollContent p:first").position();
		if(_firstPpos)
			o.find("div.pageRightLinkBlok").css("top",_firstPpos.top+34);
		
		_resizeRelaBlok(o);
		if(isMiddle)
			_subTitelVoetnotes(o);
		
		//--
		var lastH=0;
		o.find("div.relaLinksWrapper").each(function(index) {
			var h=$(this).find("div.relaTextWrapper").height();
			$(this).find('div.relaVNLine').css({top:4,height:h-7});
			$(this).css({top:lastH});
			lastH += h+20;
			//-- links in blok koppelen
			$(this).find("a").each(function(index) {
				var hr=$(this).attr("href");
				var pos=hr.indexOf("#!");
				if(pos>-1)hr=hr.substr(pos);
				if(hr.indexOf("http")!=-1)
					return;
//				$(this).attr("href","#!");
				$(this).unbind('click').click(function(e) {
					var arr=hr.split("/");
					var nhr=arr[(arr.length-1)];
//					trace(nhr);
					//-- check existing title
					if( !_titleExistsInPage($(this).text(),nhr) ) { 
						_loadArtikel(nhr,1);
					} else {
						//-- scroll to artikel
						_scrollToPosContent(_getYposByArtId(nhr));
						_scrollPos2Perc();
						_scrollThumbVertToAnimated( _contentScrollPerc );
					}
					return false;
				});
			});
		});
	}
	function _titleExistsInPage(tit,id) {
		var found=false;
		tit=tit.replace(/\s+/gi,'');
		$("div.page h1").each(function(index){
//			if(index>0) {
	//			var t=$(this).text().toLowerCase().replace(/\s+/gi,'').replace("</?\\w++[^>]*+>", "");
				var curaid=$(this).attr("artid");
				var t=$(this).text().toLowerCase().replace(/\s+/gi,'')+""+curaid;
	//			trace("[" + t + "] == [" + tit.toLowerCase() + "]" )
				if( t == tit.toLowerCase()+""+id )found=true;
//			}
		})
		return found;
	}
	function _repositionLinksBlokSide(o)
	{
		_firstPpos = o.find("div.pageScrollContent p:first").position();
		if(_firstPpos)
			o.find("div.pageRightLinkBlok").css("top",_firstPpos.top+34);
		
		_resizeRelaBlok(o);
		
		//--
		var lastH=0;
		o.find("div.relaLinksWrapper").each(function(index) {
			var h=$(this).find("div.relaTextWrapper").height();
			$(this).find('div.relaVNLine').css({top:4,height:h-7});
			$(this).css({top:lastH});
			lastH += h+20;
		});
	}
		
	function _replaceVideoTags()
	{
		var o;
		if(arguments.length>0) {
			o=$(arguments[0]);
		} else {
			o=$("div.page").find("div.pageScrollContent");
		}
		o.find(".YouTubeSWF").each(function() {
	//		trace($(this).attr("id"));
			$(this).flash({swf: 'slaaYTPlayer.swf',width:480,height:362,flashvars:{yttag: $(this).attr("id")}});
			$(this).removeClass("YouTubeSWF");
		});
	}
	function _getYposByArtId(artid)
	{
		return parseInt($("div.page").find("div.pageScrollContent").find('div[name="artid'+artid+'"]').position().top);
	}
	
	var _vertScrolPos=0;
	var _maxScrollVertSpeed=20;
	var _maxScrollPos=0;
	var _canScrollV1=false;
	var _contentScrollPerc=0;
	function _installMouseWheel()
	{
		$('div.page').mousewheel(function(event, delta, deltaX, deltaY) {
			if(!_canScrollV1)return;
			if (delta > 0) {
				_vertScrolPos += _maxScrollVertSpeed;
			} else {
				_vertScrolPos -= _maxScrollVertSpeed;
			}
			_limitScrollContent();
//			$('div.pageScrollContent').css("top",_vertScrolPos)
//			$('div.pageScrollContent').stop().animate({top:_vertScrolPos},'fast');
			$("div.page").find('div.pageScrollContent').stop().animate({top:_vertScrolPos},'fast');
			_scrollPos2Perc();
			
			_scrollThumbVertTo( _contentScrollPerc );
			
			if(_doTouchScroll)
				$("div.page").find('div.pageScrollContent').touchScroll();
		});
	}
	function _limitScrollContent()
	{
		if(_vertScrolPos>=0)_vertScrolPos=0;
		if(_vertScrolPos<_maxScrollPos)_vertScrolPos=_maxScrollPos;
	}
	
	var _pageContentScrollHeight=0;
	var _pageContentVisHeight=0;
	function _calcScrollContentValues()
	{
		_canScrollV1=false;
		_maxScrollPos = 0;
		var p=$('div.page');
		_pageContentScrollHeight=parseInt(p.find('div.pageScrollContent').height());
		_pageContentVisHeight=_winKB-198;
		$('div.scrollWrapper').css({height:_pageContentVisHeight});
		positionPageShaderBottom();
		//-- voor alle pages
		if( _pageContentScrollHeight > _pageContentVisHeight ) {
			//-- conten position reset if new artikel
			if(arguments.length==0)
				_vertScrolPos=0;
			_canScrollV1=true;
			_maxScrollPos=-(_pageContentScrollHeight-_pageContentVisHeight);
		}
	}
	function _scrollPos2Perc()
	{
		_contentScrollPerc = 0;
		if(_canScrollV1) {
			if( _pageContentScrollHeight > _pageContentVisHeight ) {
				_contentScrollPerc = _vertScrolPos / _maxScrollPos;
			}
		}
	}
	function _scrollContent2Perc(perc)
	{
		var s = -(perc * (_pageContentScrollHeight - _pageContentVisHeight));
		_vertScrolPos = s;
		$('div.page').find("div.pageScrollContent").css("top",s);
	}
	var _scrollToPosContentSpeed = 1200;
	function _scrollToPosContent(yp,speed)
	{
		_vertScrolPos=-yp;
		_limitScrollContent();
		var animspeed=_scrollToPosContentSpeed;
		if(speed)animspeed=speed
		var tween="easeInOutExpo";
		tween = 'easeInOutQuint';
		tween="easeInOutExpo";
		$("div.page").find('div.pageScrollContent').stop().animate({top:_vertScrolPos},animspeed,tween);
	}
	
	var _contentAnimSpeed = 500;
	var _contentAnimEase = "easeOutCubic";
	function _fadeOutContent()
	{
		var side="";
		if(arguments.length>0){
			side=arguments[0];
		}
		else
		{
			$("div.pageBlocker").show().css({height:_pageContentVisHeight+42});
		}
	}
	function _fadeInContent()
	{
		var side="";
		if(arguments.length>0){
			side=arguments[0];
//			trace("_fadeInContent" + side)
			var p=$("div.page"+side);
		} else {
			$("div.pageBlocker").fadeOut(1000);
		}
	}
	
	//----------------------------- content
	function fadeContent()
	{
		//-- remove scrollbars!
		fadeScrollbars()
	}
	function initMainContent()
	{
		
	}
	
	//----------------------------- scrollbars
	var _showHorScrollBar=false;
	var _horSBArrowW = 16;
	var _horSBArrowH = 17;
	var _horSBTrackW = 0;
	var _horSBTrackSpace = 0;
	
	var _showVertScrollBar=false;
	var _vertSBArrowW = 16;
	var _vertSBArrowH = 17;
	var _vertSBTrackW = 0;
	var _vertSBTrackSpace = 0;
	var _vertSBOffsetBot = 20;
	
	function _resizeScrollBars()
	{
		var hsb=$('#sbHor');
		hsb.css({top:_winH-_horSBArrowW,width:_winW});
		hsb.find('#sbHorRA').css({left:(_winW-_horSBArrowW)});
		_horSBTrackW = _winW-(_horSBArrowW*2);
		hsb.find("#sbHorTrack").css({top:1,left:_horSBArrowW,width:_horSBTrackW});
		
		$("#sbHorTrackBK").css({top:(_winH-_horSBArrowH),left:0,width:_winW});
		
		var vsb=$('#sbVert');
		vsb.css({left:_winW-_vertSBArrowW,height:_winH-_vertSBOffsetBot});
		vsb.find('#sbVertBA').css({top:(_winH-_vertSBArrowH-_vertSBOffsetBot)});
		_vertSBTrackH = _winH-(_vertSBArrowH*2)-_vertSBOffsetBot;
		vsb.find("#sbVertTrack").css({left:0,top:_vertSBArrowH,width:_vertSBArrowW,height:_vertSBTrackH});
		
		$("#sbVertTrackBK").css({top:0,left:(_winW-(_vertSBArrowW+2)),height:_winH});
		
//		trace("_vertSBTrackH :: " + _vertSBTrackH);
		
		_initHorSB();
		_initVertSB();
	}
	
	//----------------------------- horizontal scrollbar kaarten
	var _sbTimoutArr=[0,0];
	var _sbHorTrackClickPos=0;
	var _trackHorScrollThumbSpeed=200;
	var _iMouse = {};
	var _iPosition = { start: 0, now: 0, perc: 0 };
	var _intervalSBHor=0;
	function _initHorSB()
	{
//		trace("_cardsWidth :: " + _cardsWidth + " _cardHolderWidth::" + _cardHolderWidth )
		_showHorScrollBar = false;
		//-- check op scrollbar visibility
		if( _cardsWidth > _cardHolderWidth )
		{
			_showHorScrollBar = true;
			
			var thumpPerc = ( _cardHolderWidth / _cardsWidth );
//			trace("thumpPerc = " + thumpPerc);
			
			var sb = $("#sbHor");
			sb.fadeIn();
			
			//-- left arrow
			sb.find("#sbHorLA").unbind('mousedown').bind('mousedown',function(e){
				_intervalSBHor=setInterval(_scrollSBHorRight,100);
			}).unbind('mouseup').bind('mouseup',function(e){
				clearInterval(_intervalSBHor);
			});
			
			//-- right arrow
			sb.find("#sbHorRA").unbind('mousedown').bind('mousedown',function(e){
				_intervalSBHor=setInterval(_scrollSBHorLeft,100);
			}).unbind('mouseup').bind('mouseup',function(){
				clearInterval(_intervalSBHor);
			});
			
			//-- drag thumb
			var thmp = sb.find("#sbHorThumb");
			var thumbw = Math.round(_horSBTrackW * thumpPerc);
			_horSBTrackSpace = Math.round(_horSBTrackW-thumbw);
			thmp.css({width:thumbw});
			thmp.find("#sbHorThumbR").css({left:(thumbw-4)});
			thmp.find("#sbHorThumbM").css({left:4,width:(thumbw-8)});
			
			thmp.css("left",16);
			thmp.unbind('mousedown').bind('mousedown',_scrollHorSBThumbStart);
			
			//-- track click!
/*
			sb.find("#sbHorTrack").unbind('mousedown').bind('mousedown',function(e){
				_sbHorTrackClickPos=e.pageX;
				_scrollTrackHor();
			}).unbind('mouseup').bind('mouseup',function(e){
				_clearScrollTrackHor();
			});
*/			
		}
		else 
		{
			_hideHorSB();
		}
	}
	function _scrollSBHorRight()
	{
		_scrollSBHor(-20);
	}
	function _scrollSBHorLeft()
	{
		_scrollSBHor(20);
	}
	function _scrollSBHor(amount)
	{
		_iPosition.start = parseInt($("#sbHorThumb").css('left'));
		_iPosition.now = Math.min(_horSBTrackSpace+16, Math.max(16, (_iPosition.start + amount)));
		var perc = (_iPosition.now-16) / _horSBTrackSpace;
		_scrollCardsTo(perc);
		$("#sbHorThumb").css("left", _iPosition.now);
	}
	var _scrollToPosCardSpeed=700;
	function _scrollThumbHorToAnimated(perc,speed)
	{
		var xp = (perc * (_horSBTrackSpace) ) + _horSBArrowH;
		xp = Math.min(_horSBTrackSpace+_horSBArrowH,Math.max(_horSBArrowH,xp ));
		var animspeed=_scrollToPosCardSpeed;
		if(speed)animspeed=speed
		var tween="easeInOutExpo";
		tween = 'easeInOutQuint';
		tween="easeInOutExpo";
		$("#sbHorThumb").stop().animate({left:xp},animspeed,tween);
	}
	
	function _scrollHorSBThumbStart(oEvent)
	{
//		trace("thumb DOWN")
		_iMouse.start = oEvent.pageX;
		var thmb=$("#sbHorThumb");
		_iPosition.start = parseInt(thmb.css('left'));
		$(document).bind('mousemove', _scrollHorSBThumbDrag);
		$(document).bind('mouseup', _scrollHorSBThumbEnd);
		thmb.bind('mouseup', _scrollHorSBThumbEnd);
		return false;
	};
	function _scrollHorSBThumbDrag(oEvent)
	{
//		_scrollSBHor( (oEvent.pageX - _iMouse.start) );
		_iPosition.now = Math.min(_horSBTrackSpace+16, Math.max(16, (_iPosition.start + (oEvent.pageX - _iMouse.start))));
		var perc = (_iPosition.now-16) / _horSBTrackSpace;
		_scrollCardsTo(perc);
		$("#sbHorThumb").css("left", _iPosition.now);
		return false;
	}
	function _scrollHorSBThumbEnd(oEvent)
	{
		$(document).unbind('mousemove', _scrollHorSBThumbDrag);
		$(document).unbind('mouseup', _scrollHorSBThumbEnd);
		$("#sbHorThumb").unbind('mouseup', _scrollHorSBThumbEnd);
		return false;
	}
	function _scrollTrackHor()
	{
		var cx=$("#sbHorThumb").css("left");
		var w=$("#sbHorThumb").css("width");
//		trace(cx + " " + _sbHorTrackClickPos + " " + w );
//		nextXPos
//		_scrollThumbHorTo(nextXPos);
		_sbTimoutArr[0]=setTimeout(_scrollTrackHor,_trackHorScrollThumbSpeed);
	}
	function _clearScrollTrackHor()
	{
		if( _sbTimoutArr[0] ) {
			clearTimeout(_sbTimoutArr[0]);
			_sbTimoutArr[0]=0;
		}
	}
	function _scrollThumbHorTo()
	{
	}
	function _hideHorSB()
	{
//		$("#sbHor").hide();
		$("#sbHor").fadeOut();
	}
	
	
	//----------------------------- vertical scrollbar page content
	var _sbTimoutArr=[0,0];
	var _sbVertTrackClickPos=0;
	var _trackVertScrollThumbSpeed=200;
	var _iMouse = {};
	var _iPosition = { start: 0, now: 0, perc: 0 };
	var _intervalSBVert=0;
	function _initVertSB()
	{
//		trace("_pageContentScrollHeight :: " + _pageContentScrollHeight + " _pageContentVisHeight::" + _pageContentVisHeight );
		
		_showVertScrollBar = false;
		//-- check op scrollbar visibility
		if( _pageContentScrollHeight > _pageContentVisHeight )
		{
			_showVertScrollBar = true;
			
			var thumpPerc = ( _pageContentVisHeight / _pageContentScrollHeight );
//			trace("thumpPerc = " + thumpPerc);
			
			var sb = $("#sbVert");
			sb.fadeIn();
			
			//-- top arrow
			sb.find("#sbVertTA").unbind('mousedown').bind('mousedown',function(e){
				_intervalSBVert=setInterval(_scrollSBVertTop,100);
			}).unbind('mouseup').bind('mouseup',function(e){
				clearInterval(_intervalSBVert);
			});
			
			//-- bottom arrow
			sb.find("#sbVertBA").unbind('mousedown').bind('mousedown',function(e){
				_intervalSBVert=setInterval(_scrollSBVertBottom,100);
			}).unbind('mouseup').bind('mouseup',function(){
				clearInterval(_intervalSBVert);
			});
			
			//-- drag thumb
			var thmp = sb.find("#sbVertThumb");
			var thumbh = Math.round(_vertSBTrackH * thumpPerc);
			_vertSBTrackSpace = Math.round(_vertSBTrackH-thumbh);
			thmp.css({height:thumbh});
			thmp.find("#sbVertThumbB").css({top:(thumbh-6)});
			thmp.find("#sbVertThumbM").css({top:4,height:(thumbh-8)});
			
			//-- for appending in content no reset of thumb
			if(arguments.length==0)
				thmp.css("top",_vertSBArrowH);
			
			thmp.unbind('mousedown').bind('mousedown',_scrollVertSBThumbStart);
/*			
			//-- track click!
			sb.find("#sbVertTrack").unbind('mousedown').bind('mousedown',function(e){
				_sbVertTrackClickPos=e.pageX;
				_scrollTrackVert();
			}).unbind('mouseup').bind('mouseup',function(e){
				_clearScrollTrackVert();
			});
*/			
		}
		else 
		{
			_hideVertSB();
		}
	}
	function _scrollVertSBThumbStart(oEvent)
	{
		_iMouse.start = oEvent.pageY;
		var thmb=$("#sbVertThumb");
		_iPosition.start = parseInt(thmb.css('top'));
		$(document).bind('mousemove', _scrollVertSBThumbDrag);
		$(document).bind('mouseup', _scrollVertSBThumbEnd);
		thmb.bind('mouseup', _scrollVertSBThumbEnd);
		return false;
	};
	function _scrollSBVertTop()
	{
		_scrollSBVert(-20);
	}
	function _scrollSBVertBottom()
	{
		_scrollSBVert(20);
	}
	function _scrollSBVert(amount)
	{
		_iPosition.start = parseInt($("#sbVertThumb").css('top'));
		_iPosition.now = Math.min(_vertSBTrackSpace+_vertSBArrowH, Math.max(_vertSBArrowH, (_iPosition.start + amount)));
		var perc = (_iPosition.now-_vertSBArrowH) / _vertSBTrackSpace;
		_scrollContent2Perc(perc);
		$("#sbVertThumb").css("top", _iPosition.now);
	}
	function _scrollVertSBThumbDrag(oEvent)
	{
		_iPosition.now = Math.min(_vertSBTrackSpace+_vertSBArrowH, Math.max(_vertSBArrowH, (_iPosition.start + (oEvent.pageY - _iMouse.start))));
		var perc = (_iPosition.now-_vertSBArrowH) / _vertSBTrackSpace;
		_scrollContent2Perc(perc);
		
		$("#sbVertThumb").css("top", _iPosition.now);
		return false;
	}
	function _scrollVertSBThumbEnd(oEvent)
	{
		$(document).unbind('mousemove', _scrollVertSBThumbDrag);
		$(document).unbind('mouseup', _scrollVertSBThumbEnd);
		$("#sbVertThumb").unbind('mouseup', _scrollVertSBThumbEnd);
		return false;
	}
	function _scrollTrackVert()
	{
		var cx=$("#sbVertThumb").css("top");
		var h=$("#sbVertThumb").css("height");
		_sbTimoutArr[1]=setTimeout(_scrollTrackVert,_trackVertScrollThumbSpeed);
	}
	function _clearScrollTrackVert()
	{
		if( _sbTimoutArr[1] ) {
			clearTimeout(_sbTimoutArr[1]);
			_sbTimoutArr[1]=0;
		}
	}
	function _scrollThumbVertTo(perc)
	{
		var yp = (perc * (_vertSBTrackSpace) ) + _vertSBArrowH;
		yp = Math.min(_vertSBTrackSpace+_vertSBArrowH,Math.max(_vertSBArrowH,yp ));
		$("#sbVertThumb").css("top", yp);
	}
	function _scrollThumbVertToAnimated(perc,speed)
	{
		var yp = (perc * (_vertSBTrackSpace) ) + _vertSBArrowH;
		yp = Math.min(_vertSBTrackSpace+_vertSBArrowH,Math.max(_vertSBArrowH,yp ));
		var animspeed=_scrollToPosContentSpeed;
		if(speed)animspeed=speed
		var tween="easeInOutExpo";
		tween = 'easeInOutQuint';
		tween="easeInOutExpo";
		$("#sbVertThumb").stop().animate({top:yp},animspeed,tween);
	}
	function _hideVertSB()
	{
//		$("#sbVert").hide();
		$("#sbVert").fadeOut();
	}
	
	
	//----------------------------- page init
	
	function _installLeftMenuHandlers()
	{
		if(arguments.length>0) {
			p=$("div.page"+arguments[0]);
		} else {
			p=$("div.page")
		}
		//-- menu left top 1
		var h=parseInt(p.find(".pageMenuLeft1").height());
		var t=parseInt(p.find(".pageMenuLeft1").position().top);
		p.find(".pageMenuLeftLine1").css({height:h});
		p.find(".pageMenuLeft2").css({top:t+h+20});
		
		p.find("ul.dynMenuLT a").each(function(){
			var ref = trim11(unescape($(this).attr("href")));
			var txt = trim11(unescape($(this).text()));
//			$(this).attr("href","#!");
			$(this).click( function() {
				_clearSelectedKaart();
				_closeNieuwsbrief();
				_closeContact();
				_closeKrant();
				_setTitle(txt);
				var id=getIDFromURL(ref);
				_setAddress("/menu/"+id+"/"+txt);
				sendStatCounter("/menu/"+id+"/"+txt,"SLAA - "+txt);
				_currentArtikelID=-1;
				_loadArtikel(id,0,2);
				return false;
			});
		});
		//-- menu 2
		p.find("ul.statMenuLT a").each(function(){
			var ref = unescape($(this).attr("href"));
			var txt = unescape($(this).text());
			$(this).attr("href","#!");
			$(this).click( function() {
				if( txt.toLowerCase() == "nieuwsbrief" ) {
					_showNieuwsbrief();
					_closeContact();
					_closeKrant();
				} else if( txt.toLowerCase() == "contact" ) {
					_closeNieuwsbrief();
					_showContact();
					_closeKrant();
				} else if( txt.toLowerCase() == "slaa krant" ) {
					
					_closeNieuwsbrief();
					_closeContact();
					_showKrant();
				}
				_setTitle(txt);
				_setAddress("/"+txt);
				sendStatCounter("/"+txt,"SLAA - "+txt);
				return false;
			});
		});
	}
	function positionPageShaderBottom() {
		var dest=$("div.page");
		if(arguments.length) {
			dest=arguments[0];
		}
		dest.find("div.page-bot-shader").css({top:_pageContentVisHeight+30});
	}
	var _pageReady=false;
	var _firstPpos;
	function _initPage()
	{
		_installLeftMenuHandlers();
		_initZoek();
		//-- find height of first p
		_replaceVideoTags();
		_repositionLinksBlok();
		_createOmhoogButtom(0,0);
		
		_resetCardsPos();
		_gLocatie();
		
		_installMouseWheel();
		_initPageSlide();
		_activateLetterSize();
		_loadSideArtikelen();
		_installPrintBtn($("div.page .pageScrollContent"));
		
		$("#kaderBlok").delay(100,function(){
//			_setTitleFromArtikel();
			$(this).fadeOut(1000,function(){
				_winResize();
				_checkURL();
				_pageReady=true;
				_initCards();
			});
		})
		$.address.externalChange(_addresChange);
	}
	var _urlQ = new Array();	
	function _addresChange(event) {
		var page = event.parameters.page ? '/?page=' + event.parameters.page : event.path;
		trace("_addresChange :: " + page);
		_urlQ.push(page);
		if(_pageReady) {
			_checkURL();
		}
	}
	function _setTitle(s) {
		$.address.title("SLAA - " + s);
	}
	function _setAddress(s) {
		$.address.value(s);
	}
	function _titAndAddress(tit,address) {
		_setTitle(tit);
		_setAddress(address);
	}
	function _cardDL(o) {
		if(!_activateCardsFlag) {
			_activateCardsFlag=true;
			return;
		}
		if(o) {
			var t=trim11(o.find("div.krtTitel").text());
//			trace(t + " | " + strip_tags(t));
			var id=o.attr("dbId");
			_setTitle(t);
			_setAddress(_progFilterIndex+"/"+id+"/"+t);
		}
	}
	function _getPageTitle() {return trim11($("div.page h1").text()); }
	function _setTitleFromArtikel() { _setTitle(_getPageTitle()); }
	function _setAddressFromArtikel() {
		var t=_getPageTitle();
		_setTitle(t);
		_setAddress(_progFilterIndex+"/"+_currentArtikelID+"/"+t);
	}
	function getIDFromURL(s){
		var id=-1;
		var a=s.split("/");
		for(var i=0;i<a.length;i++){
			if( isNumber(a[i]) ){
				id=a[i];
				break;
			}
		}
		return id;
	}
	function _checkURL()
	{
//		trace( "_checkURL : " + _urlQ.length )
		var nu=_urlQ.shift();
//		trace(nu + " | " + _urlQ.length );
		
		var id=getIDFromURL(nu);
		if( id > -1 )
		{
			if(nu.indexOf("/")==0){
				nu=nu.substr(1);
			}
			var a=nu.split("/");
			_currentArtikelID=-1;
			trace(id + " "  + a[0]);
			var atype=0;
			if(a[0] == "menu") {
				atype=2;
			}
			else if(a[0] == "programma") {
				_progFilterIndex = "programma";
				_selectProgramFilter( _progFilterIndex );	//-- first filter option selected
				_currentArtikelID=parseInt(id);
			}
			else if(a[0] == "nieuws") {
				_progFilterIndex = "nieuws";
				_selectProgramFilter( _progFilterIndex );	//-- first filter option selected
				_currentArtikelID=parseInt(id);
			}
			else if(a[0] == "alles") {
				_progFilterIndex = "alles";
				_selectProgramFilter( _progFilterIndex );	//-- first filter option selected
				_currentArtikelID=parseInt(id);
			}
			else if(a[0] == "auteur") {
				atype=1;
			}
			else if(a[0] == "video") {
			}
			else if(a[0] == "poëzie") {
			}
			_activateCardsFlag=false;
			_clearSelectedKaart();
			_loadArtikel(id,0,atype);
		} else {
		}
	}
	//------------------------------ init app
	_agendaTopInit();
	_agendaMonthListInit();
	_agendaInit();
	_initPage();
	_initApp();
	
});

