// JavaScript Document for "Which OS" chooser table
// requires mootools.js
//
// Date: 08 / 04 / 2009 
// Author: Daniel Farrow (Brownstein Group)
// Email: dfarrow@brownsteingroup.com
 
// "site" object is created on the page's domready event

var _blPanelOpen = false;
var _iPanelHeight = 265;

var Site = {

    // General site initialization functions here
    start: function() {

        Site.setupDropdown();
       
    },
	 

    // Sets up the "add" buttons (plus icon)
    setupDropdown: function() {
 
        
        var elemSlider = $('slidingContainer');
		
		// Create the "Corporate Partners" button effect
		var elemCorp = $('corpPartner');
		
		elemCorp.addEvent('click', function(event) {
                event.stop();
				 				
				var myEffect = new Fx.Morph('slidingContent', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				
				// Hide buttons
				var myOpacityEffect = new Fx.Morph('buttons', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				
	 
 				if(_blPanelOpen == false) {
					
					$('slidingContainer').setStyle('visibility','visible');
					
					$('contentContainer3').setStyle('visibility','visible');
					$('contentContainer').setStyle('visibility','hidden');
					$('contentContainer2').setStyle('visibility','hidden');
					$('contentContainer4').setStyle('visibility','hidden');
					$('contentContainer5').setStyle('visibility','hidden');
					
					// Open panel
					myEffect.start({
						'height': [0, _iPanelHeight] //Morphs the 'height' style  				
					});	
					
					myOpacityEffect.start({
							'opacity': [1, 0] //Morphs the 'opacity' style  				
						});
					
					$('slidingContent').toggleClass('slidingContentIE7');
					
					this.removeClass('slideTab');
					this.addClass('slideTabOn');
					
					var elemVideo = $('video');
					elemVideo.addClass('down')
				
					 _blPanelOpen = true;
				} else {
					// Close panel
					/*
					myEffect.start({
						'height': [_iPanelHeight, 0]						
						
					});	
					
					$('slidingContent').toggleClass('slidingContentIE7');
										
					this.removeClass('slideTabOn');
					this.addClass('slideTab');
				
					_blPanelOpen = false;	
					*/
				}
        });
		
		// Create the "Dinner Chair" button effect
		var elemChair = $('dinnerChair');
		
		elemChair.addEvent('click', function(event) {
                event.stop();
				 				
				var myEffect = new Fx.Morph('slidingContent', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
	 			
				// Hide buttons
				var myOpacityEffect = new Fx.Morph('buttons', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				
 				if(_blPanelOpen == false) {
					
					$('slidingContainer').setStyle('visibility','visible');
					
					$('contentContainer').setStyle('visibility','visible');
					$('contentContainer2').setStyle('visibility','hidden');
					$('contentContainer3').setStyle('visibility','hidden');
					$('contentContainer4').setStyle('visibility','hidden');
					$('contentContainer5').setStyle('visibility','hidden');
					
					// Open panel
					myEffect.start({
						'height': [0, _iPanelHeight] //Morphs the 'height' style  				
					});		 
					
					myOpacityEffect.start({
							'opacity': [1, 0] //Morphs the 'opacity' style  				
						});
					
					
					$('slidingContent').toggleClass('slidingContentIE7');
					
					this.removeClass('slideTab');
					this.addClass('slideTabOn');
					
					var elemVideo = $('video');
					elemVideo.addClass('down')
				
					 _blPanelOpen = true;
				} else {
					// Close panel
					/*
					myEffect.start({
						'height': [_iPanelHeight, 0]						
						
					});	
					
					$('slidingContent').toggleClass('slidingContentIE7');
										
					this.removeClass('slideTabOn');
					this.addClass('slideTab');
				
					_blPanelOpen = false;	
					*/
				}
        });
		
		
		// Create the "Dinner Chair" button effect
		var elemCommittee = $('dinnerComm');
		
		elemCommittee.addEvent('click', function(event) {
                event.stop();
				 				
				var myEffect = new Fx.Morph('slidingContent', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
	 			
				// Hide buttons
				var myOpacityEffect = new Fx.Morph('buttons', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				
 				if(_blPanelOpen == false) {
					
					$('slidingContainer').setStyle('visibility','visible');
					
					$('contentContainer').setStyle('visibility','hidden');
					$('contentContainer2').setStyle('visibility','hidden');
					$('contentContainer3').setStyle('visibility','hidden');
					$('contentContainer5').setStyle('visibility','hidden');
					$('contentContainer4').setStyle('visibility','visible');
					
					// Open panel
					myEffect.start({
						'height': [0, _iPanelHeight] //Morphs the 'height' style  				
					});		 
					
					myOpacityEffect.start({
							'opacity': [1, 0] //Morphs the 'opacity' style  				
						});
					
					
					$('slidingContent').toggleClass('slidingContentIE7');
					
					this.removeClass('slideTab');
					this.addClass('slideTabOn');
					
					var elemVideo = $('video');
					elemVideo.addClass('down')
				
					 _blPanelOpen = true;
				} else {
					// Close panel
					/*
					myEffect.start({
						'height': [_iPanelHeight, 0]						
						
					});	
					
					$('slidingContent').toggleClass('slidingContentIE7');
										
					this.removeClass('slideTabOn');
					this.addClass('slideTab');
				
					_blPanelOpen = false;	
					*/
				}
        });
		
		
		// Create the "Dinner Chair" button effect
		var elemSpons = $('dinnerSpons');
		
		elemSpons.addEvent('click', function(event) {
                event.stop();
				 				
				var myEffect = new Fx.Morph('slidingContent', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
	 			
				// Hide buttons
				var myOpacityEffect = new Fx.Morph('buttons', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				
 				if(_blPanelOpen == false) {
					
					$('slidingContainer').setStyle('visibility','visible');
					
					$('contentContainer').setStyle('visibility','hidden');
					$('contentContainer2').setStyle('visibility','hidden');
					$('contentContainer3').setStyle('visibility','hidden');
					$('contentContainer4').setStyle('visibility','hidden');
					$('contentContainer5').setStyle('visibility','visible');
					
					// Open panel
					myEffect.start({
						'height': [0, _iPanelHeight] //Morphs the 'height' style  				
					});		 
					
					myOpacityEffect.start({
							'opacity': [1, 0] //Morphs the 'opacity' style  				
						});
					
					
					$('slidingContent').toggleClass('slidingContentIE7');
					
					this.removeClass('slideTab');
					this.addClass('slideTabOn');
					
					var elemVideo = $('video');
					elemVideo.addClass('down')
				
					 _blPanelOpen = true;
				} else {
					// Close panel
					/*
					myEffect.start({
						'height': [_iPanelHeight, 0]						
						
					});	
					
					$('slidingContent').toggleClass('slidingContentIE7');
										
					this.removeClass('slideTabOn');
					this.addClass('slideTab');
				
					_blPanelOpen = false;	
					*/
				}
        });
		
		// Create the "Video" button effect
		var elemVideo = $('video');
		
		elemVideo.addEvent('click', function(event) {
                event.stop();
			 
				var myEffect = new Fx.Morph('slidingContent', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
			 
			    var myOpacityEffect = new Fx.Morph('buttons', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
															
 				if(_blPanelOpen == false) {
					
					
					$('slidingContainer').setStyle('visibility','visible');
					
					$('contentContainer2').setStyle('visibility','visible');
					$('contentContainer').setStyle('visibility','hidden');
					$('contentContainer3').setStyle('visibility','hidden');
					$('contentContainer4').setStyle('visibility','hidden');
					$('contentContainer5').setStyle('visibility','hidden');
					
					// Open panel
					myEffect.start({
						'height': [0, _iPanelHeight] //Morphs the 'height' style  				
					});		 
					
					myOpacityEffect.start({
							'opacity': [1, 0] //Morphs the 'opacity' style  				
						});
					
					$('slidingContent').toggleClass('slidingContentIE7');
					 
					this.addClass('down');
				
					 _blPanelOpen = true;
					 
					 // Play the video in 1 second
					 setTimeout(startPlayback, 1600);
				} else {
					// Close panel
					/*
					myEffect.start({
						'height': [_iPanelHeight, 0]						
						
					});	
					
					$('contentContainer2').setStyle('visibility','hidden');
					
					$('slidingContent').toggleClass('slidingContentIE7');
										
					this.removeClass('slideTabOn');
					this.addClass('slideTab');
				
					_blPanelOpen = false;	
					*/
				}
        });
		
		// Create the "Close" button effect
		var elemClose = $('close');
		
		elemClose.addEvent('click', function(event) {
                event.stop();
				
				var myEffect = new Fx.Morph('slidingContent', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});				
	 			
				// Hide buttons
				var myOpacityEffect = new Fx.Morph('buttons', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				 							 
				
 				if(_blPanelOpen == true) {
					 
					// Show buttons
					myOpacityEffect.start({
							'opacity': [0, 1] //Morphs the 'opacity' style  				
						});

					// Stop the video
					stopPlayback();
					
					$('slidingContent').toggleClass('slidingContentIE7');
					
					// Close panel
					myEffect.start({
						'height': [_iPanelHeight, 0]  			
					});	
					
					// Update button styles to close state
					var elemChair = $('dinnerChair');
					elemChair.removeClass('slideTabOn');
					elemChair.addClass('slideTab');
					
					var elemPartner = $('corpPartner');
					elemPartner.removeClass('slideTabOn');
					elemPartner.addClass('slideTab');
					
					var elemComm = $('dinnerComm');
					elemComm.removeClass('slideTabOn');
					elemComm.addClass('slideTab');
					
					var elemSpons = $('dinnerSpons');
					elemSpons.removeClass('slideTabOn');
					elemSpons.addClass('slideTab');
					
					var elemVideo = $('video');
					elemVideo.removeClass('down');
					  
					_blPanelOpen = false;	
				}
        });

    } // End setupDropdown: function() {

     


} // End Site

// Activate the site function on domready
window.addEvent('domready', Site.start);