// register namespace
Ext.ns("EBO.Website.RUL.Common");

// define class
EBO.Website.RUL.Common.Frame = Ext.extend(Ext.Container, {
    
    // members
    layoutName:'home',
    
    // initialise component
    initComponent : function() {
        
        Ext.QuickTips.init();
        
        // apply config
        Ext.apply(this, {
           border:false,
           baseCls:'x-ebo-transparent',
           frame:false,
           items:this.buildItems()
        });
        
        // init parent
        EBO.Website.RUL.Common.Frame.superclass.initComponent.call(this);
    },
    buildItems:function()
    {
        return[{
            //content
            border:false,
            width: 780,
            height:931,
            baseCls:'x-ebo-transparent',
            layout: {
                type: 'vbox',
                pack: 'start',
                align: 'stretch'
            },
            items: [{
                border:false,
                height: 90,
                baseCls:'x-ebo-header',
                layout: {
                    type: 'hbox',
                    pack: 'start',
                    align: 'stretch'
                },
                items:[{
                    id:'header-logo',
                    baseCls:'x-ebo-header-logo',
                    border:false,
                    width:200
                },{
                    flex:1,
                    border:false
                },{
                    border:false,
                    width:250,
                    baseCls:'x-ebo-header-search',
                    tbar: [
                        'Search: ', ' ',
                        new Ext.ux.form.SearchField()
                    ]
                }]
            },{
                //menu
                height:40,
                border:false,
                baseCls:'x-ebo-menu',
                layout: {
                    type: 'hbox',
                    pack: 'start',
                    align: 'stretch'
                },
                items:this.buildMainMenu()
            },{
                border:false,
                height: 93,
                baseCls:'x-ebo-banner'
            }, {
                layout:'fit',
                layoutConfig: {
                    align : 'stretchmax',
                    pack  : 'start'
                },
                border:false,
                minHeight:376,
                baseCls:'x-ebo-content',
                flex:1,
                items:this.buildColumns()
            },{
                border:false,
                height:32,
                baseCls:'x-ebo-subscript',
                // left column
                layout: {
                    type: 'hbox',
                    pack: 'start',
                    align: 'stretch'
                },
                items:[{
                    html:'<div style=\'text-indent:12px;margin-top:10px;font-size:10px;color:#888;font-family:verdana;\'>Copyright &copy; 2011 EBO all rights reserved</div>',
                    border:false,
                    width:250,
                    baseCls:'x-ebo-transparent'
                },{
                    //html:'<div style=\'margin-top:8px;font-size:10px;color:#333;font-family:verdana;\'>Geinteresseerd? Neem gerust eens contact met ons op.</div>',
                    flex:1,
                    baseCls:'x-ebo-transparent',
                    border:false
                },{
                    html:'<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.ebo.nl/&layout=button_count&send=true&show_faces=false&width=&action=like&colorscheme=light&font=verdana" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:130px; height:65px;margin-top:6px;"></iframe>',
                    baseCls:'x-ebo-transparent',
                    border:false
                },{
                    html:'<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?data-view=EBOAuto" style="width:100px; height:50px;margin-top:6px;">',
                    //html:'<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="EBOAuto">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>',
                    width:100,
                    baseCls:'x-ebo-transparent',
                    border:false
                }],
                frame:false
            },{
                border:false,
                height:100,
                baseCls:'x-ebo-footer',
                items:new EBO.Website.RUL.Navigation.Footer()
            }]
        }];
    },
    buildMainMenu : function()
    {
        return[{
            id:'menu-button-about',
            xtype:'container',
            html:'About',
            cls:'x-ebo-menu-button-about'
        },{
            id:'menu-button-services',
            xtype:'container',
            html:'Services',
            cls:'x-ebo-menu-button-services'
        },{
            id:'menu-button-references',
            xtype:'container',
            html:'References',
            cls:'x-ebo-menu-button-references'
        },{
            id:'menu-button-news',
            xtype:'container',
            html:'News',
            cls:'x-ebo-menu-button-news'
        },{
            id:'menu-button-downloads',
            xtype:'container',
            html:'Downloads',
            cls:'x-ebo-menu-button-downloads'
        },{
            id:'menu-button-contact',
            xtype:'container',
            html:'Contact',
            cls:'x-ebo-menu-button-contact'
        }];
    },
    buildColumns : function()
    {
        switch(this.layoutName)
        {
            case 'home' : 
            {
                return [{
                    layout:'hbox',
                    border:false,
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    items: [{
                        border:false,
                        layout:'vbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        width:260,
                        items: new EBO.Website.RUL.Common.Column({columnName:'automatisering'})
                    },{
                        border:false,
                        layout:'vbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        width:260,
                        items: new EBO.Website.RUL.Common.Column({columnName:'glasvezel'})
                    },{
                        border:false,
                        layout:'vbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        width:260,
                        items: new EBO.Website.RUL.Common.Column({columnName:'software'})
                    }]
                }];
            }
            break;
            case 'about' :
            {
                return [{
                    border:false,
                    layout:'hbox',
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    items: [{
                        border:false,
                        baseCls:'x-ebo-about-column-left',
                        width:200,
                        layout:'vbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        items:[{
                            id:'content-about',
                            border:false,
                            html:'EBO Automatisering',
                            baseCls:'x-ebo-content-link-about',
                            height:32
                        },{
                            id:'content-route',
                            border:false,
                            html:'Routebeschrijving',
                            baseCls:'x-ebo-content-link-route',
                            height:32
                        },{
                            id:'content-vacancy',
                            border:false,
                            html:'Vacatures',
                            baseCls:'x-ebo-content-link-vacancy',
                            height:32
                        }]
                    },{
                        border:false,
                        layoutConfig: {
                            align : 'fit',
                            pack  : 'start'
                        },
                        items:this.buildContent(), 
                        flex:1
                    }]
                }];
            }
            break;
            case 'services' :
            {
                return [{
                    border:false,
                    layout:'hbox',
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    items: [{
                        border:false,
                        baseCls:'x-ebo-about-column-left',
                        width:200,
                        layout:'vbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        items:[{
                            id:'content-automatisering',
                            border:false,
                            html:'Automatisering',
                            baseCls:'x-ebo-content-link-automatisering',
                            height:32
                        },{
                            id:'content-internet',
                            border:false,
                            html:'Internet',
                            baseCls:'x-ebo-content-link-glasvezel',
                            height:32
                        },{
                            id:'content-software',
                            border:false,
                            html:'Software',
                            baseCls:'x-ebo-content-link-software',
                            height:32
                        }]
                    },{
                        border:false,
                        items:this.buildContent(), 
                        flex:1
                    }]
                }];
            }
            break;
            case 'references' :
            {
                return [{
                    layout:'vbox',
                    border:false,
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    items: this.buildReferences()
                }];
            }
            break;
            case 'news' :
            {
                return [{
                    layout:'hbox',
                    border:false,
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    items: [{
                        border:false,
                        autoLoad: {url: 'news/current'},
                        flex:1
                    }]
                }];
            }
            break;
            case 'downloads' :
            {
                return [{
                    border:false,
                    layout:'hbox',
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    items: [{
                        border:false,
                        baseCls:'x-ebo-about-column-left',
                        width:200,
                        layout:'vbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        items:[{
                            id:'content-remote',
                            border:false,
                            html:'Remote',
                            baseCls:'x-ebo-content-link-remote',
                            height:32
                        },{
                            id:'content-documents',
                            border:false,
                            html:'Documents',
                            baseCls:'x-ebo-content-link-documents',
                            height:32
                        },{
                            id:'content-media',
                            border:false,
                            html:'Media',
                            baseCls:'x-ebo-content-link-media',
                            height:32
                        }]
                    },{
                        border:false,
                        items:this.buildContent(), 
                        flex:1
                    }]
                }];
            }
            break;
            case 'contact' :
            {
                return [{
                    border:false,
                    layout:'vbox',
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    items: [{
                        border:false,
                        height:100,
                        layout:'hbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        items:[{
                           border:false,
                           baseCls:'x-ebo-contact-column-left',
                           width:200
                        },{
                            border:false,
                            baseCls:'x-ebo-contact-column-right',
                            flex:1,
                            html:'<b>EBO Automatisering</b><br/>Wolput 28, 5251 CG Vlijmen<br/>Nederland<br/>T +31 (0)73 613 10 84<br/>F +31 (0)73 613 37 46<br/>E <a href="mailto:info@ebo.nl?subject=Contact via de website" target="_blank">info@ebo.nl</a>'
                        }]
                    },{
                        border:false,
                        height:80,
                        layout:'hbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        items:[{
                           border:false,
                           width:200,
                           baseCls:'x-ebo-contact-column-left'
                        },{
                            border:false,
                            baseCls:'x-ebo-contact-column-right',
                            flex:1,
                            html:'Indien u wilt dat wij contact met u opnemen kunt u hieronder uw gegevens invullen.<br/><br/>Het formulier word alleen verstuurd als u alle tabjes in hebt gevuld, deze gegevens hebben wij nodig om uw aanvraag goed te verwerken.'
                        }]
                    },{
                        border:false,
                        height:250,
                        layout:'hbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        items:[{
                           border:false,
                           width:200,
                           baseCls:'x-ebo-contact-column-left',
                           html:'Gegevens'
                        },{
                            border:false,
                            baseCls:'x-ebo-contact-column-right',
                            flex:1,
                            items:this.buildForm()
                        }]
                    },{
                        border:false,
                        height:150,
                        layout:'hbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        items:[{
                           border:false,
                           width:200,
                           baseCls:'x-ebo-contact-column-left'
                        },{
                            border:false,
                            flex:1
                        }]
                    },{
                        border:false,
                        height:150,
                        layout:'hbox',
                        layoutConfig: {
                            align : 'stretch',
                            pack  : 'start'
                        },
                        items:[{
                           border:false,
                           width:200,
                           baseCls:'x-ebo-contact-column-left'
                        },{
                           border:false,
                           flex:1
                        }]
                    }]
                }];
            }
            break;
        }
    },
    buildContent : function(page)
    {
        var split = location.href.split('/');
        var counter = split.length;
        
        switch(split[counter-1])
        {
            case 'about' :
            {
                return[{
                    layout:'fit',
                    baseCls:'x-ebo-content',
                    autoLoad: {url: 'about/company'}
                }];
                
            }
            case 'route' :
            {
                return[{
                    baseCls:'x-ebo-content',
                    html:'<h1 style="color:#b72025;">Routebeschrijving</h1><iframe width="425" height="350" frameborder="0" style="border:1px solid #ddd;margin-left:75px;margin-top:35px;" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?q=EBO+Automatisering&amp;hl=nl&amp;sll=52.469397,5.509644&amp;sspn=5.401989,9.876709&amp;ie=UTF8&amp;view=map&amp;f=d&amp;daddr=Wolput+28,+5251+CG+Vlijmen&amp;geocode=CdN7X3Sr4bbJFQjPFAMdPohPACERNKwvroZdYA&amp;ll=51.695368,5.212222&amp;spn=0.006295,0.010156&amp;output=embed"></iframe>'
                }];
            }
            case 'vacancy' :
            {
                return[{
                    layout:'fit',
                    baseCls:'x-ebo-content',
                    html : '<h1 style="color:#b72025;">Vacatures</h1><p>Op dit moment zijn er geen vacatures beschikbaar.</p>'
                }];
            }
            case 'services' : // automatisering
            {
                return[{
                    xtype:'tabpanel',
                    fit:true,
                    activeTab: 0,
                    border:false,
                    height:600,
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    defaults:{autoScroll: true},
                    items:[{
                        border:false,
                        title: 'Beheer',
                        autoLoad: {url: 'services/beheer'}
                    },{
                        border:false,
                        title: 'Hardware',
                        autoLoad: {url: 'services/hardware'}
                    },{
                        border:false,
                        title: 'Implementatie',
                        autoLoad: {url: 'services/implementatie'}
                    }]
                }];
            }
            case 'internet' :
            {
                return[{
                    xtype:'tabpanel',
                    fit:true,
                    activeTab: 0,
                    border:false,
                    height:600,
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    defaults:{autoScroll: true},
                    items:[{
                        border:false,
                        title: 'Glasvezel',
                        autoLoad: {url: 'glasvezel'}
                    },{
                        border:false,
                        title: 'ADSL',
                        autoLoad: {url: 'adsl'}
                    },{
                        border:false,
                        title: 'Hosting',
                        autoLoad: {url: 'hosting'}
                    }]
                }];
            }
            case 'software' :
            {
                return[{
                    xtype:'tabpanel',
                    fit:true,
                    activeTab: 0,
                    border:false,
                    height:600,
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    },
                    defaults:{autoScroll: true},
                    items:[{
                        border:false,
                        title: 'ERP',
                        autoLoad: {url: 'erp'}
                    },{
                        border:false,
                        title: 'RIA',
                        autoLoad: {url: 'ria'}
                    },{
                        border:false,
                        title: 'RAD',
                        autoLoad: {url: 'rad'}
                    }]
                }];
            }
            case 'references' :
            {
                return[{
                    html : 'about'    
                }];
            }
            case 'route' :
            {
                return[{
                    html : 'route'
                }];
            }
            case 'vacancy' :
            {
                return[{
                    border:false,
                    html : 'vacatures'
                }];
            }
            case 'documents' :
            {
                return[{
                    layout:'fit',
                    baseCls:'x-ebo-content',
                    html : '<h1 style="color:#b72025;">Documenten</h1><p>Op dit moment zijn er geen documenten beschikbaar.</p>'
                }];
            }
            case 'remote' :
            {
                return[{
                    layout:'fit',
                    baseCls:'x-ebo-content',
                    autoLoad: {url: 'programs'}
                }]
            }
            case 'media' :
            {
                return[{
                    layout:'fit',
                    baseCls:'x-ebo-content',
                    html : '<h1 style="color:#b72025;">Media</h1><p>Op dit moment is er geen media beschikbaar.</p>'
                }];
            }
        }
    },
    buildReferences : function()
    {
        return [
            {items:this.buildCustomers(1), title:'Customers',height:100,border:false,
                layout:'hbox',
                baseCls:'x-ebo-references-title',
                bodyStyle:'padding-left:60px;padding-top:24px;',
                layoutConfig: {
                    align : 'stretch',
                    pack  : 'start'
                }},
           {items:this.buildCustomers(2), height:100,border:false,
                layout:'hbox',
                bodyStyle:'padding-left:50px;padding-top:32px;',
                layoutConfig: {
                    align : 'stretch',
                    pack  : 'start'
                }},
            {items:this.buildCustomers(3), height:100,border:false,
                layout:'hbox',
                bodyStyle:'padding-left:60px;padding-top:24px;',
                layoutConfig: {
                    align : 'stretch',
                    pack  : 'start'
                }},
            {items:this.buildCustomers(4), height:100,border:false,
                layout:'hbox',
                bodyStyle:'padding-left:32px;padding-top:24px;',
                layoutConfig: {
                    align : 'stretch',
                    pack  : 'start'
                }},
            {items:this.buildPartners(), title:'Partners',height:150, border:false,
                    baseCls:'x-ebo-references-title',
                    layout:'hbox',
                    bodyStyle:'padding-left:45px;padding-top:44px;',
                    layoutConfig: {
                        align : 'stretch',
                        pack  : 'start'
                    }}
        ];
    },
    buildCustomers : function(index){
        
        switch(index)
        {
            case 1 :
            {
                return[        
                {
                    width:120,
                    border:false,
                    html:'<a href="http://www.bobos.nl/" target="_blank"><img src="../resources/assets/clients/bobos_eyewear.jpg" /></a>'
                },{
                    width:120,
                    border:false,
                    html:'<a href="http://www.printadvise.nl/" target="_blank"><img src="../resources/assets/clients/printadvise.jpg" /></a>'
                },{
                    width:120,
                    border:false,
                    html:'<a href="http://www.euroline.nl/" target="_blank"><img src="../resources/assets/clients/euroline.jpg"/></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.interveste.nl/" target="_blank"><img src="../resources/assets/clients/investe.jpg"/></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.certitudo.nl/" target="_blank"><img src="../resources/assets/clients/certitudo.jpg"/></a>'
                }]
            }
            break;
            case 2 :
            {
                return[        
                {
                    width:200,
                    border:false,
                    html:'<a href="http://www.absvanleeuwen.nl/Pages/default.aspx" target="_blank"><img src="../resources/assets/clients/abs-van-leeuwen.jpg" /></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.tomzi.nl/" target="_blank"><img src="../resources/assets/clients/tomzi.jpg" /></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.corinor.nl/" target="_blank"><img src="../resources/assets/clients/corinor.jpg"/></a>'
                },{
                    width:175,
                    border:false,
                    html:'<a href="http://www.evac.nl/" target="_blank"><img src="../resources/assets/clients/evac.jpg"/></a>'
                }]
            }
            break;
            case 3 :
            {
                return[        
                {
                    width:100,
                    border:false,
                    html:'<a href="http://www.vitrum.nl/" target="_blank"><img src="../resources/assets/clients/vitrum.jpg" /></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.raadmeesters.nl/" target="_blank"><img src="../resources/assets/clients/raadmeesters.jpg" /></a>'
                },{
                    width:100,
                    border:false,
                    html:'<a href="http://www.officemanagement.nl/" target="_blank"><img src="../resources/assets/clients/officemanagement.jpg"/></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.forumb2b.nl/" target="_blank"><img src="../resources/assets/clients/forum.jpg"/></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.hanenbergabc.nl/" target="_blank"><img src="../resources/assets/clients/hanenberg.jpg"/></a>'
                }]
            }
            break;
            case 4 :
            {
                return[        
                {
                    width:150,
                    border:false,
                    html:'<a href="http://www.digitalus.nl/" target="_blank"><img src="../resources/assets/clients/digitalus.jpg" /></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.facilitydesk.nl/" target="_blank"><img src="../resources/assets/clients/facilitydesk.jpg" /></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.foodsafety.nl/" target="_blank"><img src="../resources/assets/clients/securefood.jpg"/></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.hsp.nl/" target="_blank"><img src="../resources/assets/clients/hsp.jpg"/></a>'
                },{
                    width:150,
                    border:false,
                    html:'<a href="http://www.instructiefilm.nl/" target="_blank"><img src="../resources/assets/clients/instructiefilm.jpg"/></a>'
                }]
            }
            break;
        }
    },
    buildPartners : function(){
        return[        {
            width:100,
            border:false,
            html:'<a href="http://www.hp.nl/" target="_blank"><img src="../resources/assets/partners/hp-elite.jpg" /></a>'
        },{
            width:150,
            border:false,
            html:'<a href="http://www.dell.nl/" target="_blank"><img src="../resources/assets/partners/dell-direct.jpg" /></a>'
        },{
            width:60,
            border:false,
            html:'<a href="http://www.cisco.nl/" target="_blank"><img src="../resources/assets/partners/cisco-partner.jpg"/></a>'
        },{
            width:90,
            border:false,
            html:'<a href="http://www.sidn.nl/" target="_blank"><img src="../resources/assets/partners/sidn-partner.jpg"/></a>'
        },{
            width:120,
            border:false,
            html:'<a href="http://www.icon.nl/" target="_blank"><img src="../resources/assets/partners/icon.jpg"/></a>'
        },{
            width:160,
            border:false,
            html:'<a href="http://www.roosenbijl.nl/" target="_blank"><img src="../resources/assets/partners/roos-bijl.jpg"/></a>'
        }
//        ,{
//            width:160,
//            border:false,
//            html:'<a href="http://www.microsoft.nl/" target="_blank"><img src="../resources/assets/partners/microsoft.jpg"/></a>'
//        }
        ]
    },
    buildForm : function(formName)
    {
        var formContact =  new Ext.FormPanel({
            labelWidth: 120,
            url:'form/send',
            method:'POST',
            id:'frmContact',
            border:false,
            anchor:'95%',
            items: {
                xtype:'tabpanel',
                activeTab: 0,
                defaults:{autoHeight:true, bodyStyle:'padding:10px;',border:false}, 
                items:[{
                    title:'Persoonlijk',
                    layout:'form',
                    defaults: {width: 230},
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: 'Naam',
                        name: 'naam',
                        allowBlank:false
                    },{
                        fieldLabel: 'Functie',
                        name: 'functie',
                        allowBlank:false
                    },{
                        fieldLabel: 'Email',
                        name: 'email',
                        vtype:'email',
                        allowBlank:false
                    },{
                        fieldLabel: 'Telefoonummer',
                        name: 'telefoonnummer',
                        allowBlank:false
                    }]
                },{
                    title:'Zakelijk',
                    layout:'form',
                    defaultType: 'textfield',
                    
                    items: [{
                        fieldLabel: 'Bedrijfsnaam',
                        name: 'home',
                        anchor:'98%',
                        allowBlank:false
                    },{
                        fieldLabel: 'Adres',
                        name: 'adres',
                        anchor:'98%',
                        allowBlank:false
                    },{
                        fieldLabel: 'Postcode',
                        name: 'postcode',
                        maxLength:6,
                        autoCreate: {tag: 'input', type: 'text', size: '6', autocomplete: 'off', maxlength: '6'},
                        anchor:'98%',
                        allowBlank:false
                    },{
                        fieldLabel: 'Plaats',
                        name: 'plaats',
                        anchor:'98%',
                        allowBlank:false
                    }]
                },{
                    title:'Diensten',
                    layout:'form',
                    defaults: {width: 230},
                    defaultType: 'checkbox',
                    items: [{
                        fieldLabel: 'Automatisering',
                        name: 'automatisering'
                    },{
                        fieldLabel: 'Glasvezel',
                        name: 'glasvezel'
                    },{
                        fieldLabel: 'Hosting',
                        name: 'hosting'
                    },{
                        fieldLabel: 'Remote',
                        name: 'remote'
                    },{
                        fieldLabel: 'Software',
                        name: 'software'
                    }]
                },{
                    title:'Vragen',
                    layout:'form',
                    defaults: {height:92},
                    defaultType: 'textarea',
                    items: [{
                        fieldLabel: 'Commentaar',
                        anchor:'95%',
                        name: 'commentaar',
                        allowBlank:false
                    }]
                }]
            },
            buttons: [{
                text: 'Verstuur',
                handler: function()
                {
                    // send the form
                    formContact.getForm().submit();
                    
                    //present the user with a success message
                    alert('Bedankt voor uw intresse in EBO Automatisering, we nemen zo snel mogelijk contact met u op.');
                    
                    location.href = 'http://www.ebo.nl/';
                }
            },{
                text: 'Opnieuw',
                handler : function()
                {
                    formContact.getForm().reset();
                }
            }]
        });
        
        return(formContact);
    }
});

// register xtype
//Ext.reg('common.frame', EBO.Website.RUL.Common.Frame);