// Set up colours & heights
var halfOpacity = 0.5;
var thirdOpacity = 0.7;
var opaque = 1;
var transparent = 0;
var whiteColour = '#fff';
var drawerContentHeightTall = '453px';
var drawerContentHeightsmall = 0;
var drawerHeightTall = '490px';
var drawerHeightsmall = 0;
var displayNone = 'none';
var displayBlock = 'block';


window.addEvent('domready',function() {
	
	// Set up link
	var clickMe = $('clickme');
	
	// Set up Overlay and Drawer
	clickMe.addEvent('click', function(e) {
											
		e.stop();
		
		var createOverlay = new Element ('div', {
				'id': 'merchandisingOverlay'
		});
		
		var createDrawer = new Element ('div', {
				'id': 'drawer'
		});
		
		var createContent = new Element ('div', {
				'id': 'drawerContent'
		});
		
		// Create Close link for Drawer
		var CreateClose = new Element('a', {
				'class': 'close',
				'id': 'close',
				'href': '#',
    			'events': {
        		'click': function(f){
					
					f.stop();
						
						// Close the Drawer
							var flyOut2 = new Fx.Tween('drawer');
            				flyOut2.start('height', drawerHeightTall, drawerHeightsmall);
							
							var flyOutContent2 = new Fx.Tween('drawerContent');
							flyOutContent2.start('height', drawerContentHeightTall, drawerContentHeightsmall);
							
							var pdfClose2 = new Fx.Tween('pdf');
							pdfClose2.start('display', displayBlock, displayNone)
							
							var flyInClose2 = new Fx.Tween('close');
							flyInClose2.start('display', displayBlock, displayNone).chain(function(){
																						 
									var textContent2 = new Fx.Tween('merchandisingOverlay');
									textContent2.start('opacity', thirdOpacity, transparent).chain(function(){
																					 
    										$('FillMe').erase('html');
							
									});
					});	
        			}
		}
	});
		
		var CreatePdf = new Element('a', {
		
		'class': 'pdf',
		'id': 'pdf',
		'target': '_blank',
		'href': 'pdf/profitopportunity.pdf'
		
		});
		
		// Populate the Drawer
		//loadingImage.injectInside('drawerContent');
		createContent.load("data/profit.html");
		createDrawer.injectInside('FillMe');
		createContent.injectInside('drawer');
		CreateClose.injectAfter('drawerContent');
		CreatePdf.injectAfter('drawerContent');
		createOverlay.injectInside('FillMe');
	
		// Open the Drawer & Set Overlay
			var textContent = new Fx.Tween('merchandisingOverlay');
			textContent.start('display', displayNone, displayBlock);
			
			$('merchandisingOverlay').tween('background-color', whiteColour);
		
			var textContent = new Fx.Tween('merchandisingOverlay');
			textContent.start('opacity', transparent, thirdOpacity).chain(function(){
																	
					var flyIn = new Fx.Tween('drawer');
					flyIn.start('height', drawerHeightsmall, drawerHeightTall);
			
					var flyInContent = new Fx.Tween('drawerContent');
					flyInContent.start('display', displayNone, displayBlock);
			
					var drawerOpacity = new Fx.Tween('drawer')
					drawerOpacity.start('opacity', halfOpacity, opaque);
			
					var drawerContentOpacity = new Fx.Tween('drawerContent')
					drawerContentOpacity.start('opacity', halfOpacity, opaque);
			
					var flyInContent2 = new Fx.Tween('drawerContent');
					flyInContent2.start('height', drawerContentHeightsmall, drawerContentHeightTall);
			
					var flyInClose = new Fx.Tween('close');
					flyInClose.start('display', displayNone, displayBlock);
			
					var flyInPdf = new Fx.Tween('pdf');
					flyInPdf.start('display', displayNone, displayBlock);
		
	});
	});
	
		
});