/**
 * @author Arian Stolwijk
 */


Element.implement({
	
	popUp: function(){
		this.addEvent('click',function(e){
			e.preventDefault();
			if($type(this.get('rel')) == 'string'){
				
				// IE bug
				$$('select').setStyle('visibility','hidden');
				
				var container = new Element('div',{styles: {
					'position': 'relative'
				}});
				
				var content = new Element('div',{
					styles: {
						'position': 'absolute',
						'background': '#e3e3a7',
						'border': '1px solid #999966',
						'padding': 5,
						'opacity': 0.95
					},
					events: {
						'click': function(e){
							e.preventDefault();
							container.dispose();
							$$('select').setStyle('visibility','visible');
						}
					}
				}).inject(container);
				
				new Element('img',{
					'src': 'img/fietsen/xxl/'+this.get('rel'),'class':'fiets_img',
					'styles': {
						'cursor': 'pointer'
					}
				}).inject(content);
				
				new Element('a',{
					href: '#',
					events: {
						'click': function(e){
							e.preventDefault();
							container.dispose();
							$$('select').setStyle('visibility','visible');
						}
					}				
				}).set('html','<br />sluit venster').inject(content);
				
				container.inject($('content'),'top');
			}					
		});		
	}
	
});
