window.addEvent('domready',function(){
    var flashDiv        =$('gallery_flashcontent');
    var flashLayer      =$('gallery_layer');
    var flashText       =$('gallery_text');
    var flashController =$('gallery_text_controller');
    var divContents     =$('contentLayer');
    var wrapperLayer    =$('textLayerWrapper');
    
    flashDiv.setStyle('margin-top','-22px');


    flashLayer.setStyles({
        'top' :   flashDiv.getCoordinates().top+22,
        'left':   flashDiv.getCoordinates().left,
        'height': flashDiv.getCoordinates().height,
        'display': 'inline'
        });
    
    /*
    wrapperLayer.setStyles({
        'overflow'  :'auto',
        'height'    :flashDiv.getCoordinates().height,
        'width'     :'100%'
        });
    divContents.setStyles({
        'overflow'  :'auto',    
        'height'    :flashDiv.getCoordinates().height,
        'width'     :'100%'
        });
    */
    var theSlide = new Fx.Slide(flashText, {
        duration: 1000,
        transition: Fx.Transitions.Pow.easeOut,
        onStart: function(){
            if(theSlide.open == true){
                wrapperLayer.fade(0);
                divContents.fade(0);
                }
            else{
                wrapperLayer.fade((wrapperLayer.innerHTML =="")?0:1);
                divContents.fade((wrapperLayer.innerHTML =="")?1:0);
                }
            },
        onComplete: function(){
            if(theSlide.open == true){
                }
            else{
                }
            }
        });
    
    
    
    theSlide.wrapper.setStyles({
        'float':'left'
        });
    
    flashController.addEvent('click',function(){
        //alert(Browser.Engine.version);
        if(flashController.innerHTML == ' »')
            flashController.innerHTML=' «';
        else if(flashController.innerHTML == ' «')
            flashController.innerHTML=' »';
        
        theSlide.toggle('horizontal');
        })
    
    theSlide.hide('horizontal');
    
    if($('gallery_layer').getElements('.ElLayer').length > 0){
        $('gallery_layer').getElements('.ElLayer').each(function(el,i){
            $$('div.textLayer')[i].setStyle('display','none');
            el.addEvent('click',function(){
                wrapperLayer.adopt(this.clone());
                wrapperLayer.adopt($$('.textLayer')[i].clone());                                      
                
                $$('#textLayerWrapper .textLayer').setStyle('display','block');

                document.getElement('.switchLayer').addEvent('click',function(){
                    switchOpacity(wrapperLayer,$('contentLayer'));
                    wrapperLayer.innerHTML="";
                    })
                switchOpacity($('contentLayer'),wrapperLayer);
                });
            });
        $('gallery_layer').getElement('.ElLayer').fireEvent('click');
        }

    flashController.fireEvent('click');    
    })


function switchOpacity(disappear,appear){
    disappear.morph({
        opacity:0,
        onComplete:function(){
            appear.morph({'opacity':1})
            }
        })
    }



/*
 e24PNGFix
	- MooTools version required: 1.2.2
	Changelog:
		- 1.0: First release
*/
 
/*Based on the fixPNG module from MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006-2007 Valerio Proietti, <http://mad4milk.net>, MIT Style License.||Clientcide Copyright (c) 2006-2008, http://www.clientcide.com/wiki/cnet-libraries#license*/
/* Copyright: equipo24 S.L.N.E <http://equipo24.com/> - Distributed under MIT License - Keep this message! */
 
$extend(Browser, {
	fixPNG: function(el) {
		if (Browser.Engine.trident){
			el = $(el);
			var w = el.getStyle('width');
			var h = el.getStyle('height');
			var imgURL = el.getStyle('background') || el.getStyle('background-image');
			if (imgURL.test(/\((.+)\)/)){
				el.setStyle('background', '');
 
				var subEl = new Element('div', {
					'style': 'width: ' + w + ';' +
					'height: ' + h + ';' +
					"filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='" + imgURL.match(/\((.+)\)/)[1] + "');"							
				});	
				el.grab(subEl);							
			};
		}
	}
});