/**
* Adds dynamic behaviour to the page
* 
* @author Philipp Wintermantel <p.wintermantel@netzbewegung.com>
* @version $Id$
*/
Nb_Page = new Class({
    initialize: function() {
       this.initGameLinks('.gameOpener');
       this.initAccordion('accordion','expandable-trigger','expandable');
    },

    initAccordion: function(wrap,trigger,element)
    {
        var accordion = new Accordion(
                            $(wrap),
                            $$('.'+trigger),
                            $$('.'+element),
                            {
                                opacity: true,
                                onActive: function(toggler, element){
                                    toggler.addClass('expandable-trigger-active');
                                },
                                onBackground: function(toggler, element){
                                    toggler.removeClass('expandable-trigger-active');
                                }
                            });
                            
    },

    initGameLinks: function(selector)
    {
        $('page').getElements(selector).addEvent('click',function(e){
            var e = new Event(e);
            e.stop();
            this.openGame();
        }.bind(this));
    },

    closeGame: function()
    {
         $('lightbox').destroy();
         $('header').resumeVideo();
    },
    
    reopenGame: function()
    {
    	var game = new Swiff('/external/2010_FCH_Torwandschiesen/inc/swf/main.swf', {
            id: 'game-torwand',
            width: 800,
            height: 600,
            container: content,
            vars: {
                lang: 'de',
                resourcePath: '/external/2010_FCH_Torwandschiesen/inc/'
            },
            params: {
                bgcolor: '#ffffff',
                wMode: 'window',
                lang: locale
            }
        });
    },
    
    openGame: function()
    {
        $('header').stopVideo();


        self.scrollTo(0,0);





var HeaderPos = $('content').getCoordinates();
var ConentPos = $('canvas').getCoordinates();




	wrap = new Element('div');
        wrap.addClass = 'lightbox';
        wrap.id = 'lightbox';

        var background = new Element('div');
        background.addClass('background');
        background.setStyle('height',(ConentPos.height) );

     
        background.inject(wrap);
        background.addEvent('click',function(e){
                e = new Event(e);
                e.stop();
                $('lightbox').destroy();
            });

        var contentInner = new Element('div');
        contentInner.addClass('inner');
        contentInner.inject(wrap);

        var content = new Element('div');
        content.addClass('content');
        content.inject(contentInner);

        var game = new Swiff('/external/2010_FCH_Torwandschiesen/inc/swf/main.swf', {
            id: 'game-torwand',
            width: 800,
            height: 600,
            container: content,
            vars: {
                lang: 'de',
                resourcePath: '/external/2010_FCH_Torwandschiesen/inc/'
            },
            params: {
                bgcolor: '#ffffff',
                wMode: 'window',
                lang: locale
            }
        });
		
        wrap.inject($('body'));
        
        wrap.set('load',{onComplete: function(){
            $('layerClose').addEvent('click',function(e){
                e = new Event(e);
                e.stop();
                $('lightbox').destroy();
            });

            $$('.background').addEvent('click',function(e){
                e = new Event(e);
                e.stop();
                $('lightbox').destroy();
            });
        }});
        wrap.fade('in');
    }
});