function FullScreen(destination) {
    window.open(destination,"","fullscreen=yes");    
}

/****************************** Config Iframe ******************************/
    Ext.ux.IFrameComponent = Ext.extend(Ext.BoxComponent, {
         onRender : function(ct, position){
            this.el = ct.createChild({
                tag         : 'iframe',
                id          : 'framepanel'+this.id,
                height      : this.height,
                width       : this.width,
                frameBorder : 0,
                src         : this.url
            });
         }
    });
    
Ext.onReady(function(){
	
    /********** Haupt-Panel **********/
    var panContentStart = new Ext.Panel({
        id      : 'panContentStart',
	baseCls : 'mv-content-panel',
        height  : 590,
        layout  : 'fit',
        autoLoad: {
            url: './content/mvContent.php?MyContent=Start'
        }
    });    
	
    var panContentMain = new Ext.Panel({
        renderTo: 'mv-div-content',
        id: 'panContentMain',
        baseCls: 'mv-content-panel',
        height: '95%',
        layout:'fit',
	items:[panContentStart]
    });    
	
	/********** Panel 'Wer sind wir' **********/	
    var panWerSindWirVorstand = new Ext.Panel({
        id: 'panWerSindWirVorstand',
        bodyStyle: 'background:transparent;',
        border: false,
        autoLoad: {
            url: './content/mvVorstand.php'
        }
    });    
    
    var panWerSindWirDirigenten = new Ext.Panel({
        id: 'panWerSindWirDirigenten',
        bodyStyle: 'background:transparent;',
        border: false,
        autoLoad: {
            url: './content/mvDirigenten.php'
        }
    });    
        
    var panWerSindWirMusiker = new Ext.Panel({
        id: 'panWerSindWirMusiker',
        bodyStyle: 'background:transparent;',
        border: false,
        autoLoad: {
            url: './content/mvMusiker.php'
        }
    }); 
    
    dsMvHistory = new Ext.data.JsonStore({
		url: './includes/HandleData.php',
		baseParams: {DataHandle: 'GetHistoryData'},
		storeId: 'dsMvHistory',
		method:'POST',
		root: 'mvTopics',
		id:'hisID',
		fields: ['hisID','hisYear','hisText']
	});
	
	var HistoryTpl = new Ext.XTemplate(
        '<tpl for=".">',
        '<div class="history-item">',
        	'<table class="mv-div-wer-template">',
        		'<tr height="25"><td class="mv-div-wer-template-year" colspan="2"><p align="left">{hisYear}</p></td></tr>',
        		'<tr height="25"><td width="5">&nbsp;</td><td class="mv-div-wer-template-text"><p align="justify">{hisText}</p></td></tr>',
			'</table>',
        '</div></tpl>'
    );
    	
	var panWerSindWirHistorie = new Ext.Panel({
        id: 'panWerSindWirHistorie',
        bodyStyle: 'background:transparent;',
        border: false,
        items: new Ext.DataView({
            tpl: HistoryTpl,
            store: dsMvHistory,
            itemSelector: 'div.history-item'
        })
    });    
    
    var panWerSindWirTaktlose = new Ext.Panel({
        id: 'panWerSindWirTaktlose',
        bodyStyle: 'background:transparent;',
        border: false,
        autoLoad: {
            url: './content/mvTaktlose.php'
        }
    });    
    
    var panWerSindWirContent = new Ext.Panel({
        id          : 'panWerSindWirContent',
        border      : false,
	bodyStyle   : 'background:transparent;',
        height      : 520,
        autoScroll  : true,
	items       :[panWerSindWirVorstand]
    });    
	
    var panWerSindWir = new Ext.Panel({
        id: 'panWerSindWir',
        height: 590,
	bodyStyle: 'background:transparent;',
        border: false,
        autoLoad: {
            url: './content/mvContentWerSindWir.php', 
            callback: function(){
          		
                panWerSindWirContent.render('mv-div-wer-content');
		panWerSindWirContent.doLayout();
			
		Ext.get('mv-div-btnVorstand').on('click', function() {
                    panWerSindWirContent.remove(panWerSindWirContent.getComponent(0));
                    panWerSindWirContent.add(panWerSindWirVorstand);
                    panWerSindWirContent.doLayout();
                });
				          		
		Ext.get('mv-div-btnDirigenten').on('click', function() {
                    panWerSindWirContent.remove(panWerSindWirContent.getComponent(0));
                    panWerSindWirContent.add(panWerSindWirDirigenten);
                    panWerSindWirContent.doLayout();
    		});	
				          		
		Ext.get('mv-div-btnMusiker').on('click', function() {
                    panWerSindWirContent.remove(panWerSindWirContent.getComponent(0));
                    panWerSindWirContent.add(panWerSindWirMusiker);
                    panWerSindWirContent.doLayout();
    		});	
				          		
		Ext.get('mv-div-btnHistorie').on('click', function() {
                    panWerSindWirContent.remove(panWerSindWirContent.getComponent(0));
                    panWerSindWirContent.add(panWerSindWirHistorie);
                    panWerSindWirContent.doLayout();
                    dsMvHistory.load();
    		});	
				          		
		Ext.get('mv-div-btnTaktlose').on('click', function() {
                    panWerSindWirContent.remove(panWerSindWirContent.getComponent(0));
                    panWerSindWirContent.add(panWerSindWirTaktlose);
                    panWerSindWirContent.doLayout();
    		});	
        	
            }
        	
        }
        
    });    

    var panNews = new Ext.Panel({
        id          : 'panNews',
        bodyStyle   : 'background:transparent;',
        border      : false,
        height      : 500,
        width       : 600,
        items: [
            new Ext.ux.IFrameComponent({
                height  : 500,
                width   : 600,
                id      : 'slider',
                url     : './content/mvNews.php'
            })
        ]
    });



    /********** Panel 'Intern' **********/
    /*
    var panLogin = new Ext.Panel({
	//title		: 'Intern',
        id		: 'panLogin',
        renderTo	: 'mv-div-menu-login',
        bodyStyle	: 'background:transparent;',
        border		: false,
        layout		: 'form',
        defaultType	:'textfield',
        labelWidth	: 55,
        items:[{ 
            fieldLabel:'Username',
            name:'loginUsername', 
            allowBlank:false 
        },{ 
            fieldLabel:'Password', 
            name:'loginPassword', 
            inputType:'password', 
            allowBlank:false
        }]
    });    
    */
   
    /********** Panel 'Impressum' **********/	
    var panImpressum = new Ext.Panel({
        id: 'panImpressum',
        bodyStyle: 'background:transparent;',
        border: false,
        autoLoad: {
            url: './content/mvImpressum.php'
        }
    });    
    
    /********** Panel 'Bilder & Musik' **********/	
    var panMedia = new Ext.Panel({
        id: 'panMedia',
        bodyStyle: 'background:transparent;',
        border: false,
        autoLoad: {
            url: './content/mvMedia.php'
        }
    });    
	/********** Handler f�r Hauptmen� **********/
	Ext.get('mv-div-menu-home').on('click', function() {
		panContentMain.remove(panContentMain.getComponent(0));
		panContentMain.add(panContentStart);
		panContentMain.doLayout();
    });	
   	
	Ext.get('mv-div-menu-wer').on('click', function() {
		panContentMain.remove(panContentMain.getComponent(0));
		panContentMain.add(panWerSindWir);
		panContentMain.doLayout();		
    });	
    
   	Ext.get('mv-div-menu-aktuelles').on('click', function() {
		panContentMain.remove(panContentMain.getComponent(0));
		panContentMain.add(panNews);
		panContentMain.doLayout();
    });	
	
	Ext.get('mv-div-menu-galerie').on('click', function() {
		panContentMain.remove(panContentMain.getComponent(0));
		panContentMain.add(panMedia);
		panContentMain.doLayout();
    });	
    
	Ext.get('mv-div-menu-impressum').on('click', function() {
		panContentMain.remove(panContentMain.getComponent(0));
		panContentMain.add(panImpressum);
		panContentMain.doLayout();
    });	
    
    Ext.get('mv-div-menu-kontakt').on('click', function() {
	MV_Kontakt();
    });	

     Ext.get('mv-div-menu-login').on('click', function() {
	//alert('gefunden');
        mvLogin();
    });

 });