var FAA = {};

$extend( FAA, {

	initButtons: function()
	{
		$log( 'Buttons inited.' );
		
		// Set style to show the original hero image and hide all others
		
		$( 'step-image-0' ).set( 'opacity', 1 );
		$( 'step-image-1' ).set( 'opacity', 0 );
		$( 'step-image-2' ).set( 'opacity', 0 );
		$( 'step-image-3' ).set( 'opacity', 0 );
		$( 'step-image-4' ).set( 'opacity', 0 );
			
		// Add events to normal box, change hero image when mouse enter, revert to original hero image when mouse out, pop up the box when click
		
		$( 'step-one' ).addEvents({
		
			'mouseenter': function() {
				$( 'step-one' ).setStyle( 'padding-top', '20px');
				$( 'step-two' ).setStyle( 'top', '5px');
				$( 'step-three' ).setStyle( 'top', '5px');
				$( 'step-four' ).setStyle( 'top', '5px');

			
			},
			
			'mouseleave': function() {
				$( 'step-one' ).setStyle( 'padding-top', '15px');
				$( 'step-two' ).setStyle( 'top', '0px');
				$( 'step-three' ).setStyle( 'top', '0px');
				$( 'step-four' ).setStyle( 'top', '0px');
				
				
			},
			
			'click': function() {
				FAA._popup.tween( 'bottom', -260 );
				$( 'popup-step-one' ).tween( 'bottom', 0 );
				(function() {
					$( 'step-image-0' ).fade( 'out' );
                                        $( 'box_fundraising' ).fade( 'out' );
					FAA._popup = $( 'popup-step-one' );
					FAA._step.fade( 'out' );
					$( 'step-image-1' ).fade( 'in' );
					FAA._step = $( 'step-image-1' );
				}).delay(500);
			}
		});
		
		$( 'step-two' ).addEvents({
		
			'mouseenter': function() {
				$( 'step-one' ).setStyle( 'top', '5px');
				$( 'step-two' ).setStyle( 'padding-top', '20px');
				$( 'step-three' ).setStyle( 'top', '5px');
				$( 'step-four' ).setStyle( 'top', '5px');
			},
			
			'mouseleave': function() {
				$( 'step-one' ).setStyle( 'top', '0px');
				$( 'step-two' ).setStyle( 'padding-top', '15px');
				$( 'step-three' ).setStyle( 'top', '0px');
				$( 'step-four' ).setStyle( 'top', '0px');
			},
			
			'click': function() {
				FAA._popup.tween( 'bottom', -260 );
				$( 'popup-step-two' ).tween( 'bottom', 0 );
				FAA._popup = $( 'popup-step-two' );
				(function() {
					$( 'step-image-0' ).fade( 'out' );
                                        $( 'box_fundraising' ).fade( 'out' );
					FAA._step.fade( 'out' );
					$( 'step-image-2' ).fade( 'in' );
					FAA._step = $( 'step-image-2' );
				}).delay(500);
			}
		});
		
		$( 'step-three' ).addEvents({
		
			'mouseenter': function() {
				$( 'step-one' ).setStyle( 'top', '5px');
				$( 'step-two' ).setStyle( 'top', '5px');
				$( 'step-three' ).setStyle( 'padding-top', '20px');
				$( 'step-four' ).setStyle( 'top', '5px');
			},
			
			'mouseleave': function() {
				$( 'step-one' ).setStyle( 'top', '0px');
				$( 'step-two' ).setStyle( 'top', '0px');
				$( 'step-three' ).setStyle( 'padding-top', '15px');
				$( 'step-four' ).setStyle( 'top', '0px');
			},
			
			'click': function() {
				FAA._popup.tween( 'bottom', -260 );
				$( 'popup-step-three' ).tween( 'bottom', 0 );
				(function() {
					$( 'step-image-0' ).fade( 'out' );
                                        $( 'box_fundraising' ).fade( 'out' );
					FAA._popup = $( 'popup-step-three' );
					FAA._step.fade( 'out' );
					$( 'step-image-3' ).fade( 'in' );
					FAA._step = $( 'step-image-3' );
				}).delay(500);
			}
		});
		
		$( 'step-four' ).addEvents({
		
			'mouseenter': function() {
				$( 'step-one' ).setStyle( 'top', '5px');
				$( 'step-two' ).setStyle( 'top', '5px');
				$( 'step-three' ).setStyle( 'top', '5px');
				$( 'step-four' ).setStyle( 'padding-top', '20px');
			},
			
			'mouseleave': function() {
				$( 'step-one' ).setStyle( 'top', '0px');
				$( 'step-two' ).setStyle( 'top', '0px');
				$( 'step-three' ).setStyle( 'top', '0px');
				$( 'step-four' ).setStyle( 'padding-top', '15px');	
			},
			
			'click': function() {
				FAA._popup.tween( 'bottom', -260 );
				$( 'popup-step-four' ).tween( 'bottom', 0 );
				(function() {
					$( 'step-image-0' ).fade( 'out' );
                                        $( 'box_fundraising' ).fade( 'out' );
					FAA._popup = $( 'popup-step-four' );
					FAA._step.fade( 'out' );
					$( 'step-image-4' ).fade( 'in' );
					FAA._step = $( 'step-image-4' );
				}).delay(500);
			}
		});
		
		// Add event to close the pop up box
		
		$( 'popup-close-one' ).addEvents({
		
			'click': function() {
				FAA._popup.tween( 'bottom', -260 );
				(function() {
					$( 'step-image-1' ).fade( 'out' );			
					$( 'step-image-0' ).fade( 'in' );
                                        $( 'box_fundraising' ).fade( 'in' );
				}).delay(500);				
			}
		});
		
		$( 'popup-close-two' ).addEvents({
		
			'click': function() {
				FAA._popup.tween( 'bottom', -260 );
				(function() {
					$( 'step-image-2' ).fade( 'out' );				
					$( 'step-image-0' ).fade( 'in' );
                                        $( 'box_fundraising' ).fade( 'in' );
				}).delay(500);				
			}
		});
		
		$( 'popup-close-three' ).addEvents({
		
			'click': function() {
				FAA._popup.tween( 'bottom', -260 );
				(function() {
					$( 'step-image-3' ).fade( 'out' );
					$( 'step-image-0' ).fade( 'in' );
                                        $( 'box_fundraising' ).fade( 'in' );
				}).delay(500);						
			}
		});
		
		$( 'popup-close-four' ).addEvents({
		
			'click': function() {
				FAA._popup.tween( 'bottom', -260 );
				(function() {
					$( 'step-image-4' ).fade( 'out' );
					$( 'step-image-0' ).fade( 'in' );
                                        $( 'box_fundraising' ).fade( 'in' );
				}).delay(500);						
			}
		});
				
	}
	
});

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

	FAA._step = $( 'step-image-0' );
	FAA._popup = $( 'popup-step-one' );

	// Init
	FAA.initButtons();

});