var imageX=963,imageY=639,pointX=24/2,pointY=24/2,editImage='circle_red.png',lastpoint_wrapper;document.observe("dom:loaded",function(event){var addAnchor=$('addPoint');if(addAnchor)Event.observe(addAnchor,'click',function(primaryevent){toggleAddition()});var toggleTimeline=$('toggleTijdlijn');if(toggleTimeline)Event.observe(toggleTimeline,'click',function(primaryevent){$('toggleTijdlijn').previousSiblings().each(function(el){$(el).toggle();if($('tijdlijn').getWidth()==833){$('toggleTijdlijn').innerHTML="open tijdlijn";$('tijdlijn').setStyle({width:'100px'})}else{$('toggleTijdlijn').innerHTML="sluit tijdlijn";$('tijdlijn').setStyle({width:'833px'})}})});$$('img.marker-verhaal').each(function(el){el.observe('click',function(){new Ajax.Updater('ajaxtarget',targetUrl,{method:'post',evalScripts:true,parameters:{verhaalId:el.alt},onLoading:showLoadingMsg(),onComplete:function(){$(document).fire('popup-verhaal:loaded')}})})});var locatiegrunobuurt=$('locatiegrunobuurt');if(locatiegrunobuurt&&locatieGrunobuurtUrl)locatiegrunobuurt.observe('click',function(){new Ajax.Updater('ajaxtarget',locatieGrunobuurtUrl,{method:'post',evalScripts:true,onLoading:showLoadingMsg()})});$$('.blokkenOnder dl a.toggleOpenClose').each(function(button){Event.observe(button,'click',function(event){event.stop();button.up('dl').toggleClassName('closed');if(button.innerHTML=='[sluiten]'){button.update('[open]')}else button.update('[sluiten]')})})});document.observe("popup-verhaal:loaded",function(){hideLoadingMsg();$$('.fotoviewer-thumb').each(function(el){Event.observe(el,'click',function(event){event.stop();$$('.fotoviewer-big').each(function(imgbig){imgbig.addClassName('invisible')});bigActive=el.id.replace('thumb','big');$(bigActive).removeClassName('invisible')})});$$('.close-popup').each(function(el){Event.observe(el,'click',function(event){event.stop();$('ajaxtarget').update('')})})});document.observe("popup-toevoegen:loaded",function(){hideLoadingMsg()});var currentAddAnchor=true
function toggleAddition(){var addAnchor=$('addPoint'),linkblock=$('linkblock-toevoegen');if(addAnchor)if(currentAddAnchor){linkblock.addClassName('open');if($('settings'))addObserverToImage();addAnchor.update('Annuleren');currentAddAnchor=false}else{if($('settings'))removeObserverFromImage();linkblock.removeClassName('open');addAnchor.update('Punt toevoegen');currentAddAnchor=true}}
function addObserverToImage(){var blok=$('buurtWrapper');blok.observe('click',function(primaryevent){var c=blok.cumulativeOffset(),x=Event.pointerX(primaryevent)-c.left-pointX,y=Event.pointerY(primaryevent)-c.top-pointY;addPoint(x,y)})}
function removeObserverFromImage(){var addAnchor=$('addPoint');disableImageObserver();cancelPoint()}
function addPoint(x,y){cancelPoint();storepoint(x,y);lastpoint_wrapper=new Element('div');lastpoint_wrapper.addClassName('puntopslaan-wrapper');lastpoint_img=new Element('img',{src:'/img/'+editImage});lastpoint_img.addClassName('png-fix');lastpoint_btn=new Element('a',{href:'#'});lastpoint_btn.addClassName('puntopslaan');lastpoint_btn.update('Gebruik deze locatie');lastpoint_wrapper.appendChild(lastpoint_img);lastpoint_wrapper.appendChild(lastpoint_btn);lastpoint_wrapper.setStyle({position:'absolute',left:correctPos(x,imageX,pointX)+'px',top:correctPos(y,imageY,pointY)+'px'});$('points').appendChild(lastpoint_wrapper);$$('.puntopslaan').each(function(el){el.observe('click',function(){new Ajax.Updater('ajaxtarget',targetUrl,{method:'post',evalScripts:true,onLoading:showLoadingMsg(),onComplete:function(){$(document).fire('popup-toevoegen:loaded')},parameters:{x:$('settings_x').value,y:$('settings_y').value}});disableImageObserver();removeAnchors()})})}
function correctPos(pos,cmpPos,pointDim){var tPoint=pos;if(pos<0||pos>(cmpPos-(pointDim*2)))tPoint=(pos<0)?0:(cmpPos-(pointDim*2));return tPoint}
function cancelPoint(){if(lastpoint_wrapper)lastpoint_wrapper.remove();removeAnchors();storepoint(0,0);lastpoint_wrapper=null;$('ajaxtarget').update('')}
function save(){alert('opgeslagen')}
function removeAnchors(){$$('#options a').each(function(el){el.remove()})}
function storepoint(x,y){$('settings_x').value=x;$('settings_y').value=y}
function disableImageObserver(){$('buurtWrapper').stopObserving('click')}
function addElement(p_target,p_type,p_name){var childLi=new Element('li'),input=new Element('input',{type:p_type,name:p_name});childLi.appendChild(input);p_target.appendChild(childLi)}
function showLoadingMsg(){$('ajaxloader').removeClassName('invisible')}
function hideLoadingMsg(){$('ajaxloader').addClassName('invisible')}