window.addEvent('domready', function(){
			var list = $$('#idList li');
			list.each(function(element) {
				
				var fx = new Fx.Styles(element, {duration:200, wait:false});
				
				element.addEvent('mouseenter', function(){
					fx.start({
						'margin-left': 5,
						'font-weight': 'bold',
						'font-size': '13px',
						'color': '#fff'
					});
				});
				
				element.addEvent('mouseleave', function(){
					fx.start({
						'margin-left': 0,
						'font-weight': 'normal',
						'font-size': '12px',
						'color': '#333'
					});
				});
				
			});
		}); 
		
		
		window.addEvent('domready', function(){
				var url1 = "http://www.kleurjewoning.nl/banner1.html";
				var url2 = "http://www.kleurjewoning.nl/banner2.html";
				var url3 = "http://www.kleurjewoning.nl/banner3.html";
				var url4 = "http://www.kleurjewoning.nl/banner4.html";
				/**
				 * The simple way for an Ajax request, use onRequest/onComplete/onFailure
				 * to do add your own Ajax depended code.
				 */
				new Ajax(url1, {
					method: 'get',
					update: $('p1')
				}).request();
			
				new Ajax(url2, {
					method: 'get',
					update: $('p2')
				}).request();
				
				
				new Ajax(url3, {
					method: 'get',
					update: $('p3')
				}).request();


				new Ajax(url4, {
					method: 'get',
					update: $('p4')
				}).request();
				
			});