// fairtrade lightbox

window.addEvent('domready',function() {

	var fairtrade = $('fairtrade');
	
	fairtrade.addEvent('click', function(e) {
											
		e.stop();
		
		var createOverlay = new Element ('div', {
				'id': 'fairtradeOverlay',
				'opacity': 0,
    			'events': {
        		'click': function(f){
					
					f.stop();
					
					var hideOverlay = new Fx.Tween('fairtradeOverlay');
									hideOverlay.start('opacity', 0.85, 0).chain(function(){
											if ($('closef')){	
																	
    										$('closef').destroy();	
    										$('fairtradeWrapper').destroy();	 
    										$('fairtradeOverlay').destroy();
    										
    										}
    										
    										else{
    										
    										}
							
									});
									
				}
				}
		});
		
		var createFairtrade = new Element ('div', {
			id: 'fairtradeWrapper',
			'opacity':0
			
		});
		
		var createClose = new Element('a', {
			'id': 'closef',
    		'events': {
        		'click': function(f){
					
					f.stop();
					
					var hideOverlay = new Fx.Tween('fairtradeOverlay');
									hideOverlay.start('opacity', 0.85, 0).chain(function(){
																					 
    										$('closef').destroy();	
    										$('fairtradeWrapper').destroy();	 
    										$('fairtradeOverlay').destroy();
							
									});
									
				}
				}
		
		});
		
		
	createOverlay.injectInside(document.body);
	createFairtrade.injectInside(document.body);
	createFairtrade.load("fairtrade.html");
	createClose.injectAfter('fairtradeWrapper');
	
	
	var showOverlay = new Fx.Tween('fairtradeOverlay');
			showOverlay.start('opacity', 0, 0.85);
	
	var showFairtrade = new Fx.Tween('fairtradeWrapper');
			showFairtrade.start('opacity', 0, 1);
	
	var showClose = new Fx.Tween('closef');
			showClose.start('opacity', 0, 1);
	
	});
	
	
	
									
});