/** Controls display of content "Minimize" button **/

var CONTAINER_ID = "content";
var CONTENT_ID = "content-body";
var BUTTON_ID = "minimize";

var sContainerMarginTop;
var sContainerMarginLeft;
var sContainerWidth;
var sContainerFloat;

var Site = {
    
    elemContainer: null,
  

    elemMinimize: null,
        
    elemContent: null,

    start: function() {

        objElem = $(BUTTON_ID);

      elemContainer = $$('#' + CONTAINER_ID ),
  

    elemMinimize = $$('#' + BUTTON_ID ),
        
    elemContent = $$('#' + CONTENT_ID ),
   
    sContainerMarginTop = elemContainer.get('margin-top');
    sContainerMarginLeft = elemContainer.get('margin-left');
    sContainerWidth= elemContainer.get('width');
    sContainerFloat= elemContainer.get('float');    

        if (objElem) Site.activateMinimize();

        

    },

    // Add the behaviors to the drawers control ('Concierge');
    activateMinimize: function() {
        

        // var fx = new Fx.Elements(elemMinimize, { wait: false, duration: 2000, transition: Fx.Transitions.quadOut });
        
        elemMinimize.addEvent('click', function(e) {
           
            Site.minimizeClickFunction(e);

            
            
            
        });

        
    },


    minimizeClickFunction: function(e) {
        elemMinimize.set('text', 'Maximize');
        elemContent.set('styles', {
               'visibility': 'hidden'
              
            });
	var myEffect = new Fx.Morph('elemContainer',{duration:'short'});
	
            myEffect.start({
		'width':200
            });

       elemMinimize.removeEvents('click');

       elemMinimize.addEvent('click', function(e) {
           
                 
                 Site.maximizeClickFunction(e);
                 

             });

    },

    maximizeClickFunction: function(e) {
       elemMinimize.set('text', 'Minimize'); 
       elemContent.set('styles', {
                  'visibility': 'visible'
              
                 });
                 elemContainer.set('styles', {
                    'margin-top': sContainerMarginTop ,
                    'margin-left': sContainerMarginLeft ,
                    'width': sContainerWidth,
                    'float': sContainerFloat
                 });

      
       elemMinimize.removeEvents('click');

       elemMinimize.addEvent('click', function(e) {
           
                 
                 Site.minimizeClickFunction(e);
                 

             });
    }

};


window.addEvent('load', Site.start);
