var elements=new Array(),element=$$('#wrappertop p.payoff').first(),options=new Array();options.color='#bcc5d9';elements.push([element,options]);var element=$('hoofdmenu'),options=new Array();options.side='right';options.color='#bcc5d9';elements.push([element,options]);var element=$$('body.front div#slider').first(),options=new Array();options.color='#bdc9e1';options.heightStyle='calculate';elements.push([element,options]);var element=$('intro'),options=new Array();options.heightStyle='calculate';options.color='#cbd5ec';elements.push([element,options]);var element=$('submenu'),options=new Array();options.heightStyle='calculate';options.color='#d2dcf2';elements.push([element,options]);var wideElement=Class.create({htmlElement:null,heightStyle:'fixed',height:2,side:'left',color:'',decorationElement:null,initialize:function(htmlElement,options){if(htmlElement){this.htmlElement=htmlElement;if(options.heightStyle)this.heightStyle=options.heightStyle;if(options.height)this.height=options.height;if(options.side)this.side=options.side;this.setColor(options);this.createElementIfNecessary();this.adjustPosition()}},setColor:function(options){if(options.color)this.color=options.color;if(this.color=='')this.color=this.htmlElement.getStyle('background-color')},createElementIfNecessary:function(){var id=this.htmlElement.identify();decorationElement=$$('div[rel="'+id+'"]').first();this.decorationElement=decorationElement;if(!decorationElement){var height=this.height;if(this.heightStyle!='fixed')height=this.htmlElement.getHeight();this.decorationElement=new Element('div',{rel:id}).setStyle({background:this.color,height:height+'px',lineHeight:height+'px',position:'absolute'}).update(' ');if(this.side=='left'){this.decorationElement.setStyle({left:0})}else this.decorationElement.setStyle({right:0});if(!this.bodyElement){var bodyElement=$$('body').first();if(bodyElement)this.bodyElement=bodyElement};this.bodyElement.appendChild(this.decorationElement)}},adjustPosition:function(){var width=this.calculateWidth(),offsetCurrentElement=this.htmlElement.positionedOffset();this.decorationElement.setStyle({top:offsetCurrentElement.top+'px',width:width+'px'})},calculateWidth:function(){var offsetCurrentElement=this.htmlElement.positionedOffset();if(this.side=='left')return offsetCurrentElement.left;var width=document.viewport.getWidth()-(offsetCurrentElement.left+this.htmlElement.getWidth());return Math.ceil(width)}})
function addDecoration(){elements.each(function(el){new wideElement(el[0],el[1])})};document.observe("dom:loaded",function(event){addDecoration()});Element.observe(window,"resize",function(event){addDecoration()})