document.observe("dom:loaded",function(event){clickable('div.productgroup','hover');var bodyElement=$$('body').first();if(bodyElement)bodyElement.addClassName('js-on');$$('.pgoverzicht .product').each(function(el){el.observe('mouseover',function(event){$$('.pg-intro').each(function(intro){intro.addClassName('hidden')});$('txt-'+el.down('a').id).removeClassName('hidden')})});$$('a.externe-link, a[rel*=external], a[href^="http:"]').each(function(el){el.target='_blank'});$$('input.no-autocomplete').each(function(input){input.writeAttribute('autocomplete','off')});$$('input[type=submit]').each(function(el){el.observe('mouseover',function(event){el.addClassName('button-hover')});el.observe('mouseout',function(event){el.removeClassName('button-hover')})});$$('.inklapbaar').each(function(el){el.addClassName('ingeklapt');var heading2=null;if(heading2=el.select('h2')[0])Event.observe(heading2,'click',function(event){el.toggleClassName('uitgeklapt')})});var lijst=$('opties');if(lijst){var url=location.href+'/print',item=new Element('li'),link=new Element('a',{id:'print',href:url}).update('Print page &raquo;').observe('click',function(event){event.stop();printPage(url)});item.appendChild(link);lijst.appendChild(item)};clickable('.product','product-hover');clickable('.row','row-hover');$$('input.selectonfocus').each(function(el){selectAllOnFocus(el,el.value)});$$('input.clearonfocus').each(function(el){clearOnFocus(el,el.value)});$$('div.suppliers ul div').each(function(el){el.observe('mouseover',function(event){el.addClassName('hover')});el.observe('mouseout',function(event){el.removeClassName('hover')})})})
function printPage(url){popup=window.open(url,"help","width=720, height=700, top=100, left=100, toolbar=0, resizable=1, scrollbars=1, status=0.menubar=0, location=0, directories=0");popup.focus()}
function selectAllOnFocus(el){Event.observe(el,'focus',function(){el.activate()})}
function clearOnFocus(el,standaardwaarde){Event.observe(el,'focus',function(){if(el.value==standaardwaarde)el.value=''});Event.observe(el,'blur',function(){if(el.value=='')el.value=standaardwaarde})}
function setValue(el,nieuwevalue){if(el!==null&&el.value==''){el.setAttribute('value',nieuwevalue);Event.observe(el,'focus',function(){if(el.value==nieuwevalue)el.value=''});Event.observe(el,'blur',function(){if(el.value=='')el.value=nieuwevalue})}}
function makeClickable(selector,classnameHover){$$(selector).each(function(el){var anchorElement=el.down('a.target');if(anchorElement)if(anchorElement.hasClassName('externe-link')){Event.observe(el,'click',function(event){window.open(anchorElement)})}else Event.observe(el,'click',function(event){location.href=anchorElement});Event.observe(el,'mouseover',function(event){el.addClassName(classnameHover)});Event.observe(el,'mouseout',function(event){el.removeClassName(classnameHover)})})}
function clickable(selector,classnameHover){$$(selector).each(function(el){var anchors=el.getElementsBySelector('a');if(anchors[0])Event.observe(el,'click',function(event){if(anchors[0].rel!='iframe')location.href=anchors[0]});Event.observe(el,'mouseover',function(event){el.addClassName(classnameHover)});Event.observe(el,'mouseout',function(event){el.removeClassName(classnameHover)})})}
function fireEvent(element,event){if(document.createEventObject){var evt=document.createEventObject();return element.fireEvent('on'+event,evt)}else{var evt=document.createEvent("HTMLEvents");evt.initEvent(event,true,true);return !element.dispatchEvent(evt)}}
