/*
 * Ext JS Library 2.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){
    Ext.QuickTips.init();
    
    	var galeryMenu = new Ext.menu.Menu({
        id: 'galeryMenu',
        items: [
                        // stick any markup in a menu
                        '<b class="menu-title">Choose Door Style</b>',
                        {
                            text: 'Traditional Steel Doors',
                            iconCls: 'traditionalSteelDoors',
                            handler: galeryTraditionalSteel
                        }, {
                            text: 'Premiere Steel Doors',
                            iconCls: 'premiereSteel',
                            handler: galeryPremierSteel
                        }, {
                            text: 'Composite Doors ',
                            iconCls: 'compositeDoors',
                            handler: galeryComposite
                        }, {
                            text: 'Wood Carriage House ',
                            iconCls: 'woodDoors',
                            handler: galeryWood
                        }, {
                            text: 'Commercial Doors ',
                            iconCls: 'commercialDoors',
                            handler: galeryCommercial
                        }, {
                            text: 'Custom Wood Doors ',
                            iconCls: 'customWoodDoors',
                            handler: galeryCustom
                        }, {
                            text: 'C.H.I. WindBreaker Series',
                            iconCls: 'chiDoors',
                            handler: chiWDoors
                        }
                    ]
                });  
         var commercialOpenerMenu = new Ext.menu.Menu({
        id: 'commercialOpenerMenu',
        items: [
                        // stick any markup in a menu
                        '<b class="menu-title">Choose Opener</b>',
                        {
                            text: 'Trolley Operators ',
                            iconCls: 'trolleyOperators',
                            handler: commercialTrolleyOperators
                        }, {
                            text: 'Jackshaft Operators ',
                            iconCls: 'jackshaftOperators',
                            handler: commercialJackshaftOperators
                        }, {
                            text: 'Hoist Operators ',
                            iconCls: 'hoistOperators',
                            handler: commercialHoistOperators
                        }, {
                            text: 'Slide Operators ',
                            iconCls: 'slideOperators',
                            handler: commercialSlideOperators
                        }
                    ]
                });  
				
     var commercialMenu = new Ext.menu.Menu({
        id: 'commercialMenu',
        items: [
                        // stick any markup in a menu
                        '<b class="menu-title">Choose Door Style</b>',
                        {
                            text: 'Sectional Doors',
                            iconCls: 'sectionalDoor',
                            handler: commercialSectional
                        }, {
                            text: 'Rolling Steel Doors ',
                            iconCls: 'rollingSteelDoors',
                            handler: commercialRollingSteel
                        }, {
                            text: 'Rolling Sheet Doors ',
                            iconCls: 'rollingSheetDoors',
                            handler: commercialRollingSheet
                        }, {
                            text: 'C.H.I. Commercial Doors ',
                            iconCls: 'chiDoors',
                            handler: chiCDoors
                        },{
                            text: 'Amarr Commercial Doors',
                            iconCls: 'amarrDoors',
                            handler: amarrCDoors
                        },{
                            text: 'Commercial Openers ',
                            iconCls: 'opener',
                            menu: commercialOpenerMenu
                        }
                    ]
                });  
 
 				
     var hormannMenu = new Ext.menu.Menu({
        id: 'hormannMenu',
        items: [
                        // stick any markup in a menu
                        '<b class="menu-title">Choose a Product</b>',
                        {
                            text: 'New Liberty Series',
                            iconCls: 'hoermannIco',
                            handler: hormannDoor
                        }, {
                            text: 'Silent Drive Opener',
                            iconCls: 'hoermannIco',
                            handler: hormannOpener
                        }
                    ]
                });   
				            


     var wdMenu = new Ext.menu.Menu({
        id: 'wdMenu',
        items: [
                        // stick any markup in a menu
                        '<b class="menu-title">Choose a Product</b>',
                        {
                            text: '7000 Series',
                            iconCls: 'WDIco',
                            handler: wd7000Brochure
                        }, {
                            text: '8000 Series',
                            iconCls: 'WDIco',
                            handler: wd8000Brochure
                        },
                        {
                            text: '9000 Series',
                            iconCls: 'WDIco',
                            handler: wd9000Brochure
                        }, {
                            text: '9400 Series',
                            iconCls: 'WDIco',
                            handler: wd9400Brochure
                        },
                        {
                            text: '9700 Series',
                            iconCls: 'WDIco',
                            handler: wd9700Brochure
                        }, {
                            text: '9800 Series',
                            iconCls: 'WDIco',
                            handler: wd9800Brochure
                        },
                        {
                            text: '8000 Specifications',
                            iconCls: 'WDIco',
                            handler: wd8000Specs
                        }, {
                            text: '8300 Specifications',
                            iconCls: 'WDIco',
                            handler: wd8300Specs
                        },
                        {
                            text: '9100 Specifications',
                            iconCls: 'WDIco',
                            handler: wd9100Specs
                        }, {
                            text: '9400 Specifications',
                            iconCls: 'WDIco',
                            handler: wd9400Specs
                        },
                        {
                            text: '9600 Specifications',
                            iconCls: 'WDIco',
                            handler: wd9600Specs
                        }, {
                            text: '9700 Specifications',
                            iconCls: 'WDIco',
                            handler: wd9700Specs
                        }
                    ]
                }); 
                

            
	     var residentialMenu = new Ext.menu.Menu({
        id: 'residentialMenu',
        items: [
                        // stick any markup in a menu
                        '<b class="menu-title">Choose Door Style</b>',
                        {
                            text: 'Traditional Steel Doors',
                            iconCls: 'traditionalSteelDoors',
                            handler: residentialTraditionalSteel
                        }, {
                            text: 'Premiere Steel ',
                            iconCls: 'premiereSteel',
                            handler: residentialPremierSteel
                        }, {
                            text: 'Composite Doors ',
                            iconCls: 'compositeDoors',
                            handler: residentialComposite
                        }, {
                            text: 'Wood Doors ',
                            iconCls: 'woodDoors',
                            handler: residentialWood
                        }, {
                            text: 'Custom Doors ',
                            iconCls: 'customDoors',
                            handler: residentialCustom
                        }, {
                            text: 'Wayne-Dalton Doors',
                            iconCls: 'WDIco',
                            menu: wdMenu
                        }, {
                            text: 'Hormann Doors & Openers',
                            iconCls: 'hoermannIco',
                            menu: hormannMenu
                        }, {
                            text: 'C.H.I. Residential Doors ',
                            iconCls: 'chiDoors',
                            handler: chiDoors
                        },{
                            text: 'Amarr Residential Doors',
                            iconCls: 'amarrDoors',
                            handler: amarrDoors
                        }, {
                            text: 'Garage Door Openers ',
                            iconCls: 'garageDoorOpeners',
                            handler: residentialOpener
                        }
                    ]
                });  
 
 
 	var aboutUsMenu = new Ext.menu.Menu({
        id: 'residentialMenu',
        items: [
                        // stick any markup in a menu
                        '<b class="menu-title">Choose One</b>',
                        {
                            text: 'Safety Tips',
                            iconCls: 'bmenu',
                            handler: safetyTips
                        }, {
                            text: 'Buying New Door Tips',
                            iconCls: 'bmenu',
                            handler: buyingTips
                        }, {
                            text: 'Specials',
                            iconCls: 'bmenu',
                            handler: specials
                        },
						{
                            text: 'Tax Credit Certificates',
                            iconCls: 'bmenu',
                            handler: credit
                        }, {
                            text: 'Contact Us',
                            iconCls: 'bmenu',  // <-- icon
            				handler: contactUs
                        }
                    ]
                });  
 
    var tb = new Ext.Toolbar(
	{
		width: 872,
		autoHieght: true
	}
	);
    tb.render('toolbar');

    tb.add(
        
            ' <b><font face="Times New Roman" size="+2" color="#990000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(800)&nbsp;985-9744</font></b>  '
        ,
    	'->',   
    	{
            text:' <b><font face="Times New Roman" color="#10103A">Home</font></b> ',
            id:'home',
            iconCls: 'gmenu', 
			minWidth: 100,
            handler: loadHome
        },    	 	
		{
            text:' <b><font face="Times New Roman" color="#10103A">Residential</font></b> ',
            id:'residential',
            iconCls: 'gmenu',  // <-- icon
            minWidth: 100,
            menu: residentialMenu   // assign menu by instance
        },
		{
            text:' <b><font face="Times New Roman" color="#10103A">Commercial</font></b> ',
            id:'commercial',
            iconCls: 'gmenu',  // <-- icon
            minWidth: 100,
            menu: commercialMenu   // assign menu by instance
        },
		{
            text:' <b><font face="Times New Roman" color="#10103A">Galery</font></b> ',
            id:'galery',
            iconCls: 'gmenu',  // <-- icon
            minWidth: 100,
            menu: galeryMenu  
        },
		{
            text:' <b><font face="Times New Roman" color="#10103A">Services</font></b> ',
            id:'services',
            iconCls: 'gmenu',  // <-- icon
            minWidth: 100,
            handler: services
        }, 
		{
            text:' <b><font face="Times New Roman" color="#10103A">Customer Service</font></b> ',
            id:'aboutUs',
            iconCls: 'fmenu',  // <-- icon
            minWidth: 100,
            menu: aboutUsMenu
        });


});
Ext.BLANK_IMAGE_URL = '../images/s.gif';