/**
 * @author barrys
 */

 Ext.ux.SlickCardFadeLayout = Ext.extend(Ext.layout.CardLayout, {
    setActiveItem :function(item){
        item = this.container.getComponent(item);
        if(this.activeItem != item) {
            if(this.activeItem){
                this.activeItem.hide();
            }
            this.activeItem = item;
            this.layout();
            item.show();
            item.getEl().fadeIn({duration:.6});
        }
    }
}); // end of extend
Ext.Container.LAYOUTS['slickcardfade'] = Ext.ux.SlickCardFadeLayout;
Ext.ux.SlickCardSlideLayout = Ext.extend(Ext.layout.CardLayout, {

    setActiveItem :function(item){
        item = this.container.getComponent(item);
        if(this.activeItem != item){
            if(this.activeItem){
                this.activeItem.hide();
            }
            this.activeItem = item;
            this.layout();
            item.show();
            item.getEl().slideIn({duration:7});
        }
    }
}); // end of extend
Ext.Container.LAYOUTS['slickcardslide'] = Ext.ux.SlickCardFadeLayout;
 //Ext.namespace('dla');
var committeepageurl='http://www.arkleg.state.ar.us/assembly/2011/2012F/Pages/CommitteeDetail.aspx?committeecode=905';Ext.onReady(function() {
 var searchdisc = new Ext.Container({
                                               id:'searchdisc',
                                               height:40,
                                               items:[{
                                                       id:'searchdistext',
                                                      html:'This page displays results from the google index.  We will try to keep this information current, however since we have<br> recently moved to a new website, the google index may have some results that link to non-existent pages.  Audit reports should work just fine,<br> however other informational items pages will not work.  Please use the menu at the top of the page to locate the new location of these items.'
                                               }]
                                               });

var currentdvstore = new Ext.data.JsonStore({
               id:'currentdvstore',
               url : 'listmeetings.php',
               // method:'POST',
                baseParams : {
                     cmd : 'meetingaudits'
                             },
               root : 'data',
               fields : ['long','short','type','items']
                });
var currentmtstore = new Ext.data.GroupingStore({
id:'currentmtstore',
listeners:{
	load:function(store){
	rec=store.find('shortname','Full');
	dvmid=store.getAt(rec).id;
 	var currentdv=new Ext.DataView({
              id:'currentdv',
              mid:'\''+dvmid+'\'',
              tabCls:'searchtab',
              store: Ext.StoreMgr.get('currentdvstore'),
              tpl: tpl,
              autoHeight:true,
              height:400,
              multiSelect: false,
              overClass:'x-view-over',
              itemSelector:'div.mauditselector',
              loadingText: 'Loading Reports...',
              listeners: {
               beforerender:function(){
                     this.store.load({params:{mid:dvmid}});
                 },
              click: function(dv,index,node,e){
              }
            }
        });
	frontcpanel=Ext.getCmp('frontcontent');
	frontcpanel.add(currentdv);
	Ext.getCmp('frontpage').doLayout();
	}
},
proxy: new Ext.data.HttpProxy({
url: 'listmeetings.php?fnc=meeting&dmt=front'
}),
reader: new Ext.data.JsonReader({
root: 'meetings'
}, 
    [{name: 'id'},
    {name: 'name'},
    {name: 'shortname'},
    {name: 'date'},
    {name: 'time'},
    {name: 'datetime'},
    {name: 'grouping'},
    {name: 'meetinglocation'}
     ]),
    groupField:'date'
    });
currentmtstore.setDefaultSort('time','asc');
currentmtstore.load();
//
var tpl = new Ext.XTemplate(
         '<div id="currentdetail">',
//          '<tpl for="data">',
                
                '<tpl for=".">', //begin loop
                '<tpl if="type == &quot;Deferred&quot;">',
                '<center><h1>Current Reports</h1></center>',
                '</tpl>',
                    '<tpl if="values.items.length &gt; 0">', //begin conditional
                    '<div class="meetingsection">',
                    '<br /><center><h2>{type}</h2></center><br />',
                    
                          ///////////////////////////////////////////////
                          '<tpl for="items">',//begin items
                                ////////////if published, show link////////////
                                '<tpl if="this.tstamp() &gt; wb_avail_timestamp">',
                                '<a href="showfile.php?t=webaudit&fid={wb_id}" target="_blank">',
                                '</tpl>',
				// '<tpl if="wb_type == &quot;IR&quot;">',
                               // '<img class="imgfloat-left" src="images/current_investigate_sml.jpg" >',
                               // '</tpl>',
				// '<tpl if="wb_type == &quot;CI&quot;">',
                                //'<img class="imgfloat-left" src="images/current_local_sml.jpg" >',
                                //'</tpl>',
				// '<tpl if="wb_type == &quot;CO&quot;">',
                                //'<img class="imgfloat-left" src="images/current_local_sml.jpg" >',
                                //'</tpl>',
				// '<tpl if="wb_type == &quot;SW&quot;">',
                                //'<img class="imgfloat-left" src="images/current_local_sml.jpg" >',
                                //'</tpl>',
				// '<tpl if="wb_type == &quot;OT&quot;">',
                                //'<img class="imgfloat-left" src="images/current_local_sml.jpg" >',
                                //'</tpl>',
				// '<tpl if="wb_type == &quot;PS&quot;">',
                                //'<img class="imgfloat-left" src="images/current_edu_sml.jpg" >',
                                //'</tpl>',
				// '<tpl if="wb_type == &quot;HE&quot;">',
                                //'<img class="imgfloat-left" src="images/current_edu_sml.jpg" >',
                                //'</tpl>',
				// '<tpl if="wb_id == &quot;PSSR04610&quot;">',
                                //'<img class="imgfloat-left" src="images/current_edu_sml.jpg" >',
                                //'</tpl>',				




                                    ///////////////////////////////////////////////
                                        '<div id="{wb_id}" class="mauditselector">',
				        '<p><h3>',
                                        '<tpl if="this.tstamp() &gt; wb_avail_timestamp">',
                                        '<img src="images/Adobe-Acrobat-16x16.png">',
                                        '</tpl>',
                                        '{wb_name}</h3></p><p><h4>{fiscalphrase} ',
						 '<tpl if="this.tstamp() &gt; wb_avail_timestamp">',
						'<span class="released">(released:{releasedatetime})</span></h4></p>',
						'</tpl>',
						 '<tpl if="this.tstamp() &lt; wb_avail_timestamp">',
                                                '<span class="released">(release date:{releasedatetime})</span></h4></p>',
                                                '</tpl>',
                                            '<tpl if="wb_addtl_title !== null">',
                                            '<p><h6>{wb_addtl_title}</h6></p>',
                                            '</tpl>',
                                            '<tpl if="wb_county !== null">',
                                            '<p><h6>{wb_county}</h6></p>',
                                            '</tpl>',
                                /////////////close link tag/////////////////////
                                '<tpl if="this.tstamp() &gt; wb_avail_timestamp">',
                                '</a>',
                                '</tpl>',
                                ///////////////////////////////////////////////
                                '</p></div>',
                                 
                          '</tpl>', //end items
                          ///////////////////////////////////////////////
                       
                      '</div><br>',
                      
                      
                    '</tpl>',//end conditional
                    '<div class="x-clear"></div>',
                
             '</tpl>', //end loop
             '</div>',
            '<div class="x-clear"></div>',
            {
                tstamp:function(){
                var now = new Date();
                var timestamp = parseInt(now.getTime().toString().substring(0, 10),10);
                return timestamp;
                }
            }
        );
 function setpage(page){
    switch(page)
    {
      case 'front':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('frontpage');
      window.location.hash='#front';
      break;
      case 'welcome':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('welcomecard');
      window.location.hash='#welcome';
      break;
      case 'staff':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('staffcard');
      window.location.hash='#staff';
      break;
      case 'oversight':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('oversightcard');
      window.location.hash='#oversight';
	break;
      case 'legislation':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('legislationcard');
	window.location.hash='#legislation';
      break;
      case 'biennial':
      window.open('http://arklegaudit.gov/showfile.php?t=otpub&fid=16','_blank');
      break;
      case 'privacy':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('privacycard');
	window.location.hash='#privacy';
      break;
      case 'employment':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('employmentcard');
	window.location.hash='#employment';
      break;
      case 'checkimaging':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('checkimagingcard');
        window.location.hash='#checkimaging';
      break;
      case 'ljac':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('jlccard');
	window.location.hash='#ljac';
      break;
      case 'search':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
	window.location.hash='#search';
      break;
      case 'googlesearch':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('googlesearch');
	window.location.hash='#googlesearch';
      break;
      case 'upcoming':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('upcomingcard');
	window.location.hash='#upcoming';
      break;
      case 'meetings':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('meetingscard');
	window.location.hash='#meetings';
      break;
	case 'releases':
	Ext.getCmp('cardpanel').getLayout().setActiveItem('releasescard');
	window.location.hash='#releases';
	case 'news':
      Ext.getCmp('cardpanel').getLayout().setActiveItem('newspanel');
        window.location.hash='#news';
      break;
      case 'resources':
	Ext.getCmp('cardpanel').getLayout().setActiveItem('resourcescard');
        window.location.hash='#resources';
      break;
    default:
      Ext.getCmp('cardpanel').getLayout().setActiveItem('frontpage');
    }
    }
    function outsidewin(sitename,url){
           Ext.Msg.show({
                            title : sitename +'?',
                            msg : 'Would you like to continue to open '+sitename+' in a new window?',
                            buttons : Ext.Msg.YESNOCANCEL,
                            fn : function(btn) {
                                if (btn === 'yes') {
                                   // alert(url);
                                 window.open(url,'_blank');   
                                }
                            },
                            animEl : 'elId',
                            icon : Ext.MessageBox.QUESTION
                        });
    }
	 var AccountantslistView = new Ext.ListView({
         title: 'Accountants',
         //columnWidth: .25,
         store: Ext.StoreMgr.get('accountants_store'),
         //multiSelect: true,
         emptyText: 'No links to display',
         reserveScrollOffset: true,
         hideHeaders:true,
         columns: [
             //{
            // header: '',
            // width: .02,
            // dataIndex: 'icon'
        // },
             {
            // header: 'Accountants',
             //width: .98,
             dataIndex: 'displaylink'
         }],
         // tabCls : 'tabmenutab',
                 bodyCssClass:'transparentbody',
                 border:false,
                 bodyCfg: {
                     //tag: 'center',
                     //cls: 'tabmenubody'  // Default class not applied if Custom element specified
                     //html: 'Message'
                  }
     });   
     var AccountantsPanel = new Ext.Panel({
         title:'Accountants',
         items:AccountantslistView
     });
     var AuditeeslistView = new Ext.ListView({
         title: 'Auditees',
         //columnWidth: .25,
         store: Ext.StoreMgr.get('auditees_store'),
         //hideHeaders : true,
         //multiSelect: true,
         emptyText: 'No links to display',
         reserveScrollOffset: true,
         hideHeaders:true,
         columns: [
 //        {
 //            header: '',
 //            width: .02,
 //            dataIndex: 'icon'
 //        },
             {
           //  header: 'Auditees',
             width: .98,
             dataIndex: 'displaylink'
         }],
         // tabCls : 'tabmenutab',
                 bodyCssClass:'transparentbody',
                 border:false,
                 bodyCfg: {
                     //tag: 'center',
                     //cls: 'tabmenubody'  // Default class not applied if Custom element specified
                     //html: 'Message'
                  }
     });   
     var AuditeesPanel = new Ext.Panel({
         title:'Auditees',
         items:AuditeeslistView
     });
     var BankslistView = new Ext.ListView({
         title: 'Banks',
         //columnWidth: .25,
         store: Ext.StoreMgr.get('banks_store'),
         //multiSelect: true,
         emptyText: 'No links to display',
         reserveScrollOffset: true,
         hideHeaders:true,
         columns: [
 //        {
 //            header: '',
 //            width: .02,
 //            dataIndex: 'icon'
 //        },
             {
            // header: 'Banks Representatives',
             width: .98,
             dataIndex: 'displaylink'
         }],
         // tabCls : 'tabmenutab',
                 bodyCssClass:'transparentbody',
                 border:false,
                 bodyCfg: {
                     //tag: 'center',
                     //cls: 'tabmenubody'  // Default class not applied if Custom element specified
                     //html: 'Message'
                  }
     }); 
     var BanksPanel = new Ext.Panel({
         title:'Banks',
         items:BankslistView
     });
     var GenpublistView = new Ext.ListView({
         title: 'General Public',
         //columnWidth: .25,
         store: Ext.StoreMgr.get('genpub_store'),
         //multiSelect: true,
         emptyText: 'No links to display',
         reserveScrollOffset: true,
         hideHeaders:true,
         columns: [
 //        {
 //            header: '',
 //            width: .02,
 //            dataIndex: 'icon'
 //        },
             {
            // header: 'General Public',
             width: .98,
             dataIndex: 'displaylink'
         }],
        //  tabCls : 'tabmenutab',
                 bodyCssClass:'transparentbody',
                 border:false,
                 bodyCfg: {
                     //tag: 'center',
                     //cls: 'tabmenubody'  // Default class not applied if Custom element specified
                     //html: 'Message'
                  }
     }); 
     var GenpubPanel = new Ext.Panel({
         title:'General Public',
         items:GenpublistView
     });
 //    var footerpanel = new Ext.Panel({
 //    id:'ofinterest',
 //    title:'<div id="ofinteresttitle"><p>May we suggest:</p></div>',
 //    layout:'column',
 //    unstyled:true,
 //    width:808,
 //    height: 250,
 //    //renderTo:'F',
 //    items:[AccountantslistView,AuditeeslistView,BankslistView,GenpublistView]
 //    
 //    });
     var quicklinks = new Ext.Panel({
         id:'quicklinks',
         title:'Quick Links',
         frame:true,
         //renderTo: 'F',
         cls:'dlapanel article-panel links',
         layout:'accordion',
         layoutConfig: {
         // layout-specific configs go here
         hideCollapseTool:true,
         //titleCollapse: false,
         animate: true,
         activeOnTop: true
     },
        // width:300,
         height:280,
         //autoHeight:true,
         border:false,
         //tabMargin:10,
         //plain:true,
        bodyCssClass : 'transparentbody',
         //defaults:{autoScroll: true},
         items:[AuditeesPanel,AccountantsPanel,BanksPanel,GenpubPanel]});
     
	 var meetingslistView = new Ext.ListView({
         //id:'nextmeetinglist',
         //cls:'nextmeetblock',
         store: Ext.StoreMgr.get('meetingsblockstore'),
         border:false,
         bodyCssClass:'transparentbody',
         //multiSelect: true,
         emptyText: 'No meetings to display',
         //reserveScrollOffset: true,
         hideHeaders :true,
         columns: [{
             header: 'Meeting',
             width: 1,
             dataIndex: 'name'
         }
         //,{
        // width: .8,
         //    header: 'Date/Time',
         //    dataIndex: 'datetime',
          //   tpl: '{size:fileSize}',
          //   align: 'right'
        // }
	 ]
     });   
	 
	 var sm = new Ext.grid.RowSelectionModel({
			singleSelect:true,
			listeners : {
				rowselect : function(sm, rowindex, rec) {
				//	console.log(rec);
					//Ext.getCmp('auditscardpanel').getLayout().setActiveItem(rec.data.meetingsfullid);
					
				}
			}
		});

var upcominggrpgrid = new Ext.grid.GridPanel({
id:'upcominggrpgrid',
store:Ext.StoreMgr.get('upcomingstore'),
collapsible:true,
collapsed:true,
titleCollapse:true,
hideCollapseTool:true,
//collapseFirst:true,
title:'-Upcoming Meetings-',
hideHeaders:true,
sm:sm,
cls:'upcominggrpgrid transparentbody links',
ctCls:'transparentbody upcominggrpgrid links',
unstyled:true,
width: 163,
autoHeight: true,
animCollapse: false,
//title: 'Meetings Calendar',
iconCls: 'icon-grid',
view: new Ext.grid.GroupingView({
scrollOffset: 0,
forceFit:true,
autoExpandColumn:'time',
hideGroupedColumn: true, 
enableGroupingMenu: false,
showGroupName : false,
reserveScrollOffset: false,
//startCollapsed : true, 			
groupTextTpl: '{[values.rs[0].data["date"]]}'
}),
//tbar:[{
//	text:'2008'//,
//handler:''
//},{
//	text:'2009'//,
//handler
//},{
//	text:'2010'
//}],
listeners: {
		render: function(){
		this.store.load();
		},
		afterrender:function(){
		//gid=Ext.getCmp('groupmeetsgrid').getView().getGroupId(window.nextfullgroupid);
		//this.getView().toggleGroup(gid);
		//console.log(gid);
		//this.store.getById(nextfull)
		//this.getView().
		}
		},
		
columns: [
{id:'name',header: "Meeting",width:90, dataIndex: 'name'},
{header: "Grouping",width:1,sortable:true,dataIndex:'date'},
{id:'time',header: "time",width:72,sortable: false, dataIndex: 'time',align:'right'}

]//,

// applyTo: 'searchcardbody'
});

	
	 var empmenu = new Ext.menu.Menu({
         items : [{
                     xtype : 'tbspacer',
                     width : 180
                 }, {
                     text : 'About Division Employment',
                     href : '',
                     height : 35,
                     handler : function() {
                        Ext.getCmp('cardpanel').getLayout().setActiveItem('employmentcard');
                     }
                 }, 
//                 {
//                     text : 'Open Positions',
//                     href : '',
//                     height : 35,
//                     handler : function() {
//                         Ext.getCmp('cardpanel').getLayout()
//                                 .setActiveItem(1);
//                     }
//                 },
//                 {
//                     text : 'Applying',
//                     href : '',
//                     height : 35,
//                     handler : function() {
//                         Ext.getCmp('cardpanel').getLayout()
//                                 .setActiveItem(2);
//                     }
//                 },  
                    {
                     text : 'Download Application',
                     href : '',
                     height : 35,
                     hanlder:function(){
                     window.open('http://arklegaudit.gov/showfile.php?t=otpub&fid=29','_blank');
                     }
                 }]
     });
     var aboutmenu = new Ext.menu.Menu({
                    items:[{
                    text : 'Welcome',
                    href : '',
                    height : 35,
                    handler : function(){
				//Ext.getCmp('cardpanel').getLayout().setActiveItem('welcomecard');
				setpage('welcome');
				} 
                }
                ,  {
                    text : 'Staff',
                    href : '',
                    height : 35,
                    handler : function(b) {
                     // Ext.getCmp('cardpanel').getLayout().setActiveItem('staffcard');
			setpage('staff');
                    }
                }, {
                    text : 'Professional Oversight',
                    href : '',
                    height : 35,
                    handler : function() {
                        //Ext.getCmp('cardpanel').getLayout().setActiveItem('oversightcard');
                    	setpage('oversight');
			}
                },  {
                    text : 'Legislation of Interest',
                    href : '',
                    height : 35,
                    handler : function() {
                        //Ext.getCmp('cardpanel').getLayout().setActiveItem('legislationcard');
			setpage('legislation');
                    }
                },  {
                    text : 'Biennial Report',
                    href : '',
                    height : 35,
                    handler : function() {
                        window.open('http://arklegaudit.gov/showfile.php?t=webaudit&fid=BIENL2010','_blank');
                    }
                },{
                    text : 'Privacy Policy',
                    href : '',
                    height : 35,
                    handler : function(){
                       //Ext.getCmp('cardpanel').getLayout().setActiveItem('privacycard');
			setpage('privacy');
                    }
                },{
                    text : 'Employment Opportunities',
                    href : '',
                    height : 35,
                    handler : function() {
                        //Ext.getCmp('cardpanel').getLayout().setActiveItem('employmentcard');
			setpage('employment');
                    }
                }
                ]
     });

            var jlcmenu = new Ext.menu.Menu({
        items : [ {
                    text : 'About',
                    href : '',
                    height : 35,
                    handler : function() {
                     //Ext.getCmp('cardpanel').getLayout().setActiveItem('jlccard');
                      setpage('ljac');          
                    }
                },
//                {
//                    text : 'Members',
//                    href : '',
//                    height : 35,
//                    handler : function() {
//                        Ext.getCmp('cardpanel').getLayout().setActiveItem(1);
//                    }
//                }, {
//                    text : 'Subcommittees',
//                    href : '',
//                    height : 35,
//                    handler : function() {
//                        Ext.getCmp('cardpanel').getLayout().setActiveItem(2);
//                    }
//                }, 
                    {
                    height : 35,
                    href:'',
                    cls:'links',
                    text : 'Legislative Joint Auditing Committee Website',
                    handler : function(){
                       window.open(committeepageurl,'_blank');
                    }
                       
                }]
    });
    function setactivesearchtab(tab){
    activetab=Ext.getCmp('searchtabpanel').getActiveTab().id;
    if(activetab == tab){
    }
    else{
     Ext.getCmp('searchtabpanel').setActiveTab(tab);
    }
    }
   
            var reportsmenu = new Ext.menu.Menu({
       items : [{
                    xtype : 'tbspacer',
                    width : 180
                }, {
                    text : 'Search Audits',
                    handler : function() {
                        //Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
                        setpage('search');
			setactivesearchtab('alltab');
                    },
                    height : 35
                }
//                , {
//                    height : 35,
//                    text : 'Search Audits by Type',
//                    menu : {
//                        cls : 'dropmenu',
//                        items : [{
//                                    text : 'State Wide',
//                                    handler : function() {
//                                        Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                        Ext.getCmp('searchtabpanel').setActiveTab('statewidetab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=CA',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'State Agencies',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('stateagenciestab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=SA',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Public Schools',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('publicschoolstab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=PS',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Higher Education',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('highereducationtab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=HE',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Cities',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('citiestab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=CI',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Counties',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('countiestab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=CO',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Prosecuting Attorneys',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('prosatttab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=PA',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Solid Waste Districts',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('solidwastetab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=SW',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Performance Audits',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('perftab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=PE',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Special Reports',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('specreptab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=SR',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Investigative Reports',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('invreptab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=IR',
////                                                    scripts : true
////                                                });
//                                    }
//                                }, {
//                                    text : 'Informations Systems',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('istab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=IS',
////                                                    scripts : true
////                                                });
//                                    }
//                                },
//                                // {text: 'Data
//                                // Verification',href:'?fn=search&st=DV'},
//                                {
//                                    text : 'Other',
//                                    handler : function() {
//                                	Ext.getCmp('cardpanel').getLayout().setActiveItem('searchcard');
//                                    Ext.getCmp('searchtabpanel').setActiveTab('ottab');
////                                        Ext.getCmp('searchcard').getUpdater()
////                                                .update({
////                                                    url : 'search2.js.php?st=OT',
////                                                    scripts : true
////                                                });
//                                    }
//                                }
//
//                        ]
//                    }
//                }
                , 

                {
                    text : 'Search Reports for text',
                    handler : function() {
                        //Ext.getCmp('cardpanel').getLayout().setActiveItem('googlesearch');
                        setpage('googlesearch');
			 }
		,
                    height : 35
                }]
    });
     var meetingsmenu = new Ext.menu.Menu({
      items : [{
                    xtype : 'tbspacer',
                    width : 210
                }, {
                    text : 'Upcoming Meetings',
                    href : '',
                    height : 35,
                    handler:function(){
			Ext.getCmp('cardpanel').getLayout().setActiveItem('upcomingcard');
			setpage('upcoming');
			}
                },  {
                    text : 'Meetings Calendar and Archive',
                    height : 35,
                    handler:function(){
			Ext.getCmp('cardpanel').getLayout().setActiveItem('meetingscard');
			setpage('meetings');
			}
                }]
     });
     var toolbar = new Ext.Toolbar({
         cls : 'toptoolbar',
         items : [{
                     xtype : 'tbspacer',
                     width : 30
                 },{
                 text:'About Us',
                 overCls:'tophover',
                 arrowAlign: 'bottom',
                 menu:aboutmenu
         },'-',{
                 text:'Legislative Joint Auditing Committee',
                 overCls:'tophover',
                  arrowAlign: 'bottom',
                 menu:jlcmenu
         },'-',{
                 text:'Our Reports',
                 overCls:'tophover',
                 iconCls:'search',
                  arrowAlign: 'bottom',
                 menu:reportsmenu
         },'-',{
                 text:'Meetings',
                 overCls:'tophover',
                  arrowAlign: 'bottom',
                 menu:meetingsmenu
         }]
     });

   var searchtabpanel = new Ext.TabPanel({
                    activeTab:0,
                    anchor:'100%',
                    enableTabScroll :true,
                    deferredRender:true,
                    layoutOnTabChange:true,
                    id:'searchtabpanel',
                    items : [{
                                    title : 'All',
                                    id:'alltab',
                                    layout:'anchor',
                                    tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function(){
                                        updater=Ext.getCmp('searchcard').getUpdater().defaultUrl;
                                        //console.log(updater);
                                        if(updater !== 'search2.js.php?st=WC'){
                                             Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=WC',
                                                  scripts : true
                                              });
                                        }
                                    }}
                                    },
                                  
                                        
                               
                    
                        {
                                    title : 'Statewide',
                                    id:'statewidetab',
                                    layout:'anchor',
                                    tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                   listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=CA',
                                                  scripts : true
                                              });
                                    }}
                                        
                                }, {
                                    title : 'Agencies',
                                    id:'stateagenciestab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=SA',
                                                  scripts : true
                                              });
                                    }}
                                                   
                                }, {
                                    title : 'Schools',
                                    id:'publicschoolstab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=PS',
                                                  scripts : true
                                              });
                                    }}
                                                    
                                }, {
                                    title : 'Colleges',
                                    id:'highereducationtab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=HE',
                                                  scripts : true
                                              });
                                    }}
                                                   
                                }, {
                                    title : 'Cities',
                                    id:'citiestab',
                                    layout:'anchor',
                                    tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=CI',
                                                  scripts : true
                                              });
                                    }}
                                                   
                                }, {
                                    title : 'Counties',
                                    id:'countiestab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=CO',
                                                  scripts : true
                                              });
                                    }}
                                                  
                                }, {
                                    title : 'Prosecuting Attorneys',
                                    id:'prosatttab',
                                    layout:'anchor',
                                    tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=PA',
                                                  scripts : true
                                              });
                                    }}
                                                  
                                }, {
                                    title : 'Performance',
                                    id:'perftab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=PE',
                                                  scripts : true
                                              });
                                    }}
                                    
                                }, {
                                    title : 'Special',
                                    id:'specreptab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=SR',
                                                  scripts : true
                                              });
                                    }}
                                                  
                                }, {
                                    title : 'Investigative',
                                    id:'invreptab',
                                  layout:'anchor',
                                  tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                   listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=IR',
                                                  scripts : true
                                              });
                                    }}
                                                   
                                }, {
                                    title : 'IS',
                                    id:'istab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                   listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=IS',
                                                  scripts : true
                                              });
                                    }}
                                                   
                                }, {
                                    title : 'Solid Waste Districts',
                                    id:'solidwastetab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=SW',
                                                  scripts : true
                                              });
                                    }}
                                                   
                                },
								{
                                    title : 'Water & Sewer',
                                    id:'watersewertab',
                                   layout:'anchor',
                                   tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                    listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=WS',
                                                  scripts : true
                                              });
                                    }}
                                                   
                                },
                                {
                                    title : 'Other',
                                    id:'ottab',
                                    layout:'anchor',
                                    tabCls : 'searchtab',
                                    autoHeight:true,
                                    bodyCfg : {cls : 'cardpanelbody'},
                                   listeners:{
                                    activate : function() {
                                      Ext.getCmp('searchcard').getUpdater().update({
                                                  url : 'search2.js.php?st=OT',
                                                  scripts : true
                                              });
                                    }}
                                                   
                                }

                        ]
   
   });
 
    var highlights = new Ext.ListView({
                title: 'Highlights',
                store: Ext.StoreMgr.get('highlights_store'),
                emptyText: 'No links to display',
                reserveScrollOffset: true,
                hideHeaders:true,
                columns: [
                    {
                    dataIndex: 'displaylink'
                }],
                bodyCssClass:'transparentbody',
                border:false,
                bodyCfg: {
                        cls:'lightgraypanel article-panel transparent links'
                         },
                listeners:{
                    click:function(view,index,node,e){
                        store = view.getStore();
                        rec = store.getAt(index);
                        fid=rec.data.fid;
                        url=rec.data.url;
                        title=rec.data.title;
                        reportwin=new Ext.Window({
                            layout:'fit',
                            title:title,
                            width:780,
                            height:675,
                            cls:'dlawin',
                            collapsible : true,
                            maximizable :true,
                            minimizable :true,
                            modal:true,
                            shadow:true,
                            titleCollapse :true,
                            id:fid+'iframewinpanel',
                            items:[{
                                header:false,
                                xtype:'iframepanel',
                                id:fid+'iframepanel',
                                defaultSrc : url
                                }]
                        });
                        reportwin.show();
                    }
                }
            });   
             var HighlightsPanel = new Ext.Panel({
                title:'Highlights',
                frame:true,
                cls:'transpanel article-panel links',
                items:highlights
            });
    var rotatortb = new Ext.Toolbar({
                                    height:18,
                                    cls:'transtoolbar',
                                    items:[{
                                    text:'Service',
                                    id:'servicebtn',
                                    enableToggle:true
                                    
                                    },{text:'Objectivity',id:'objbtn',enableToggle:true},{text:'Fraud',id:'fraudbtn',enableToggle:true},{text:'Data Security',id:'isbtn',enableToggle:true}]
                                    }) ;       
    var rotator = new Ext.Container({                                         
                                                  id:'carousel',
                                                  height:272,
                                                  layout:'slickcardfade',
                                                  activeItem:3,
                                                  bodyCfg : {cls:'transparentbody'},
                                                  items:[{
                                                      id:'division-0',
                                                      bbar:new Ext.Toolbar({cls:'transtoolbar'}),
                                                      bodyCfg : {cls:'transparentbody'}
                                                      },{
                                                      id:'division-1',
                                                     bbar:new Ext.Toolbar({cls:'transtoolbar'}),
                                                      bodyCfg : {cls:'transparentbody'}//,
                                                      },{
                                                      id:'division-2',
                                                     bbar:new Ext.Toolbar({cls:'transtoolbar'}),
                                                      bodyCfg : {cls:'transparentbody'}//,
                                                      },{
                                                      id:'division-3',
                                                     bbar:new Ext.Toolbar({cls:'transtoolbar'}),
                                                      bodyCfg : {cls:'transparentbody'}//,
                                                      }],
                                                  listeners:{
										              beforerender:function(c){
										              var cards = c.items.items;
										                c.items.each(function(card){
										                 card.getBottomToolbar().add({
										                                text:'1',
										                                enableToggle:true,
										                                handler:function(){Ext.getCmp('carousel').getLayout().setActiveItem(0);}
										                                },{
										                                text:'2',
										                                enableToggle:true,
										                                handler:function(){Ext.getCmp('carousel').getLayout().setActiveItem(1);}
										                                },{
										                                text:'3',
										                                enableToggle:true,
										                                handler:function(){Ext.getCmp('carousel').getLayout().setActiveItem(2);}
										                                },{
										                                text:'4',
										                                enableToggle:true,
										                                handler:function(){Ext.getCmp('carousel').getLayout().setActiveItem(3);}
										                                });
										                 card.doLayout();
										                 });
										              },
                                                      afterrender:function(c){
                                                         var cards = c.items.items;
                                                         //console.log(cards);
                                                         len = cards.length;
                                                         //console.log(len);
                                                         len = len - 1;
                                                              var task = {
                                                              run: function (){
                                                                 i=Ext.getCmp('carousel').getLayout().activeItem.id.split('division-')[1];
                                                                //***increment****
                                                                if(i == len){
                                                                  n = 0;
                                                                 }
                                                                 else{
                                                                  var n = parseInt(i) + 1; 
                                                                 }
                                                                 //************
                                                                 Ext.getCmp('carousel').getLayout().setActiveItem(n);
                                                                 Ext.getCmp('carousel').getLayout().activeItem.getBottomToolbar().items.each(function(item){item.toggle(false);});
                                                                 Ext.getCmp('carousel').getLayout().activeItem.getBottomToolbar().get(n).toggle(true);
                                                                  },
                                                              interval: 9000,
                                                              args:[{len:len}]//1 second
                                                          };
                                                          Ext.TaskMgr.start(task);
                            
                                                          
                                                      }}

                                          
                                                                                        
                                          });
                 var frontstage = new Ext.Panel({
                                                layout:'border',
                                                id:'frontstage',
                                                height:312,
                                                //height:304,
                                                bbar:new Ext.Toolbar({cls:'stagebottb',height:28,border:false}),
                                                width:731,border:false,
                                                bodyCfg : {cls:'transparentbody'},
                                                items:[
                                                    {
                                                    id:'stagecenter',
                                                    border:false,
                                                    region:'center',
                                                    bodyCfg : {cls:'transparentbody'},
                                                    items:rotator
                                                }]
                        });
                 var homespacerpanel = new Ext.Container({
                	 height:80,
                     anchor:'100%',
                	 layout:'fit',
                	 bodyCfg : {cls:'transparentbody'}, 
                	html:'<br>'
                 });
                 var qualcommitment = new Ext.Panel({
                     //height:80,
					 id:'qualcommitment',
					 title:' Our Quality Commitment',
					 border:false,
                     cls:'leftheadsep',
                     autoHeight:true,
                     //bodyCfg : {cls : 'article-panel lightgraypanel'},
                     anchor:'100%',
                     layout:'fit',
                     bodyCfg : {cls:'transparentbody'}, 
                      html:'<a href="#" onClick="Ext.getCmp(\'cardpanel\').getLayout().setActiveItem(\'oversightcard\');">  <img class="outline" src="images/aicpaquality2.jpg" width="160" height="40" /></a><br /><!--<p>At the Division of Legislative Audit, our goal is to deliver the highest quality audit services possible to the Arkansas citizens we are privileged to serve.<br /><br />--><a href="#" onClick="Ext.getCmp(\'cardpanel\').getLayout().setActiveItem(\'oversightcard\');">More information...</a></p>'
                 });
                 var outsidelinks = new Ext.Container({
                    autoHeight:true,
                    anchor:'100%',
                    border:false,
                    title:'Other Links',
                    layout:'fit',
                    bodyCfg : {cls:'transparentbody'},
                    cls:'leftheadsep',
                    html:'<ul><li><a href="http://arkansas.gov/" target="_blank">Arkansas.gov</a></li><li><a href="http://www.arkleg.state.ar.us/" target="_blank">Arkansas Legislature</a></li><li><a href="http://www.dfa.arkansas.gov/Pages/default.aspx" target="_blank">AR Dept. of Finance and Administration</a></li></ul>'
                    
                 
                 });
				 var homespacerpanel2 = new Ext.Container({
                     height:5,
                     anchor:'100%',
                     layout:'fit',
                     bodyCfg : {cls:'transparentbody'}, 
                    html:'<br>'
                 });
                  var homespacerpanel3 = new Ext.Container({
                     height:60,
                     anchor:'100%',
                     layout:'fit',
                     bodyCfg : {cls:'transparentbody'}, 
                    html:'<br>'
                 });
                 var aboutspacerpanel = new Ext.Container({
                	 height:80,
                     anchor:'100%',
                	 layout:'fit',
                	 bodyCfg : {cls:'transparentbody'}, 
                	html:'<br>'
                 });
                 var searchspacerpanel = new Ext.Container({
                	 height:80,
                     anchor:'100%',
                	 layout:'fit',
                	 bodyCfg : {cls:'transparentbody'}, 
                	html:'<br>'
                 });
                  
                 var leftslidenav = new Ext.Container({                                         
	                         id:'home',
                             xtype:'container',
                             autoHeight:true,
                             layout:'anchor',
	                         bodyCfg : {cls:'transparentbody'},
	                         items:[homespacerpanel,
	                                {
	                               id:'homenav',
	                               bodyCfg : {cls:'dlapanel'},
                                   autoHeight:true,
                                   listeners:{
                                        render:function(p){
                                        p.load({url : 'quicklinks.js.php',scripts:true});
                                        }
                                    
                                    }    
	                               },homespacerpanel2,qualcommitment
                                   ,homespacerpanel3,{
                                        id:'corruptionblock',
                                        //frame:true,
                                        title:'Report Corruption',
                                        border:false,
                                        cls:'leftheadsep',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'article-panel lightgraypanel'},
                                        html:'Anonymously report suspicions of illegal activity by<br /> government officials:<br /><a href="http://www.fbi.gov/about-us/investigate/corruption/public_corruption" target="_blank">  <img class="outline" src="images/fbihotline.jpg" width="101" height="119" /></a><br />Or call the Little Rock FBI Field Office hotline:<br> 501-221-8200'
                                  }
                                   ]
});
                  var cardpanel = new Ext.Panel({
                                id:'cardpanel',
                                tbar:toolbar,
                                  layout:'card',
                                  border:false,
                                  autoHeight:true,
                                  activeItem : 0,
                                  layoutConfig:{
	                                  deferredRender:true,
	                                  layoutOnCardChange:true
                                  },
                                 bodyCfg : {cls:'transparentbody'},
                                  items:[{
                                           border:false,
                                           id:'frontpage',
                                           autoHeight:true,
                                         bodyCfg : {cls:'transparentbody'},
                                           items:[frontstage,{
                                                    layout:'column',
                                                    border:false,
                                                    bodyCssClass:'transparentbody',
                                                    items:[{
                                                            columnWidth:1,
                                                            border:false,
                                                            bodyCfg : {cls:'transparentbody'},
                                                            html:'<br>',
                                                            items:new Ext.Container({
                                                            	layout:'anchor',
								id:'frontcontent',
                                                                border:false,
                                                                bodyCfg : {cls:'transparentbody'},
                                                                defaults: {
                                                                    // applied to each contained panel
                                                                    bodyStyle:'padding:20px'
                                                                },
                                                                items: [
                                                                    {
                                                                    anchor:'100%',
                                                                    id:'welcomep',
                                                                    bodyCfg : {cls:'transparentbody'},
                                                                    border:false,
                                                                    html:'<br>',
                                                                   listeners:{
                                                                        render:function(p){
                                                                        p.load({url : 'welcome.js.php',scripts:true});
                                                                        }
                                                                    
                                                                    }
                                                                }]		
                                                            })
                                                            }
                                                            ]
                                                   }
                                                    ]
                                  },{
	                            	  	id:'newspanel',
	                            	  	border:false,
	                            	  	autoHeight:true,
	                            	  	bodyCfg : {cls : 'cardpanelbody'},
	                            	  	autoLoad : {url : 'inthenews2.js.php',scripts : true}
                                  },{
                                	  	id : 'searchcard',
                                	  	layout:'anchor',
                                	  	autoHeight:true,
                                	  	tbar:searchtabpanel,
                                	  	bodyCfg : {cls : 'cardpanelbody'}
                                    },{
                                    	id : 'googlesearch',
                                    	xtype:'iframepanel',
                                    	height:800,
                                    	header:false,
					tbar:searchdisc,
                                    	defaultSrc:'googlecse.html'
                                  },{
                                	  	id : 'resourcescard',
                                	  	layout:'fit',
                                	  	bodyCfg : {cls : 'cardpanelbody'},
                                	  	autoLoad:{url:'resources2.js.php',scripts:true}
          					},{
                                        id : 'releasescard',
                                        layout:'fit',
                                        height:800,
                                        bodyCssClass : 'earlytabpanbody',
                                        autoLoad:{url:'releases2.js.php',scripts:true}
                            },
                              {
                                        id : 'welcomecard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'panelgen.js.php?p=welcome&dt=full',scripts:true,nocache:true}
                            },{
                                        id : 'overviewcard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'panelgen.js.php?p=overview&dt=full',scripts:true,nocache:true}
                            },{
                                        id : 'oversightcard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'panelgen.js.php?p=oversight&dt=full',scripts:true,nocache:true}
                            },{
                                        id : 'jlccard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'ljac.js.php?p=jlc&dt=full',scripts:true,nocache:true}
                            },{
                                        id : 'privacycard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'panelgen.js.php?p=privacy&dt=full',scripts:true,nocache:true}
                            },{
                                        id : 'staffcard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'panelgen.js.php?p=staff&dt=full',scripts:true,nocache:true}
                            },{
                                        id : 'employmentcard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'panelgen.js.php?p=employment&dt=full',scripts:true,nocache:true}
                            },{
                                        id : 'legislationcard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'legislation.js.php',scripts:true,nocache:true}
                            },{
                                        id : 'checkimagingcard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'panelgen.js.php?p=checkimaging&dt=full',scripts:true,nocache:true}
                            },{
                                        id : 'meetingscard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'meetingscal.js.php',scripts:true,nocache:true}
                            },{
                                        id : 'upcomingcard',
                                        layout:'anchor',
                                        autoHeight:true,
                                        bodyCfg : {cls : 'cardpanelbody'},
                                        autoLoad:{url:'upcoming.js.php',scripts:true,nocache:true}
                            }
                            ]
                            });
                       
new Ext.Viewport({
    layout: 'fit',   
    border:false,
    items: {
        xtype: 'container', // viewport can't scroll, so you need an extra container
        style: 'overflow:auto',
        anchor:'100%',
        layout: 'anchor',
        border:false,
        items: [{
            anchor:'-19',
            id:'bodybg',
            xtype: 'container',
            height:146,
            layout:'column',
            border:false,
            items:[{
                    columnWidth: .5,
                    bodyCfg : {cls:'transparentbody'},
                                html:' &nbsp;'
                   },{
                    border:false,
                    width:997,
                    height:146,
                    id:'banner',
                    layout:'border',
                    bodyCfg : {cls:'transparentbody'},
                    items:[{region:'center',bodyCfg : {cls:'transparentbody'}},
                           {region:'east',layout:'vbox',bodyCfg : {cls:'transparentbody'},
                    		width:480,
                    		items:[{height:150,bodyCfg : {cls:'transparentbody'}},
									{flex:1,
                    			    width:440,
                    			    bodyCfg : {cls:'transparentbody'},
                    			   // xtype:'fieldset',
                    			    items:[
                    			           ]}]}]                    },{
                    columnWidth: .5,
                     bodyCfg : {cls:'transparentbody'},
                                html:' &nbsp;'
                   }]
            },{
            anchor: '-19', // reserve room for scrollbar
            xtype: 'container',
            autoHeight:true,
            id:'bodybglower',
            layout: 'column',
            border:false,
            items:[{
                            columnWidth: .5,
                            id:'leftcol',
                            border:false,
                            html:' &nbsp;',
                            bodyCfg : {cls:'transparentbody'}
                             },{
			                width:997,
                            bodyCfg : {cls:'transparentbody'},
                            layout:'column',
                            border:false,
                            autoHeight:true,
                            items:[{
                                columnWidth:1,
                                id:'contentcolumn',
                                border:false,
                                autoHeight:true,
                                bodyCfg : {cls:'contentcolumnbg'},
                                items:[{
                                           autoHeight:true,
                                           layout:'column',
                                           border:false,
                                           bodyCfg : {cls:'transparentbody'},
                                           items:[{
                                                  width:53,
                                                  border:false,
                                                  bodyCfg : {cls:'transparentbody'},
                                                  html:'<br>'
                                                  
                                                },{
                                                    width:162,
                                                    border:false,
                                                    bodyCfg : {cls:'transparentbody'},
                                                  items:[{
                                                    id:'leftnav',
                                                    border:false,
                                                    autoHeight:true,
                                                    bodyCfg : {cls:'transparentbody'},
                                                    items:leftslidenav
                                                    }]
                                                  },{
                                                    width:731,
                                                    border:false,
                                                    bodyCfg : {cls:'transparentbody'},
                                                    id:'rightcontent',
                                                    items:cardpanel
                                           
                                                    },{
                                                        columnWidth:1,
                                                    bodyCfg : {cls:'transparentbody'},
                                                    html:'<br>'
                                                    }]                                }]
                            }]
            },{
                columnWidth: .5,
                height:1,
                id:'rightcol',
                border:false,
                html:'&nbsp;',
               bodyCfg: {cls:'transparentbody'}
            }]
        },{
            anchor:'-19',
            xtype: 'container',
            height:186,
            layout:'column',
            border:false,
            items:[{
                    columnWidth: .5,
                    bodyCfg : {cls:'transparentbody'},
                                html:'<br>'
                   },{
                    border:false,
                    width:997,
                    bodyCfg : {cls:'transparentbody'},
                    id:'footer',
                    html:'<div id="lowfoot"><ul><li class="rss"><span><a href="http://arklegaudit.gov/rss.php?t=recent">RSS</a></span></li><li><span><a href="#" onClick="Ext.getCmp(\'cardpanel\').getLayout().setActiveItem(\'privacycard\');">Privacy Policy</a></span></li><li><span><a href="#" onClick="Ext.getCmp(\'cardpanel\').getLayout().setActiveItem(\'staffcard\');">Contact Us</a></span></li><li class="argov"><span><a href="http://arkansas.gov/" target="_blank"><img align="top" src="images/argov.jpg"></a></span></li></ul><span class="copyright">Copyright 2009 <a href="http://arklegaudit.gov" target="_blank">AR Division of Legislative Audit</a></span><br>172 State Capitol Building - Little Rock, AR 72201<br>Phone:(501)683-8600 - TDD:501-683-8610 - <a href="mailto:info@arklegaudit.gov">info@arklegaudit.gov</a><br><span class="copyright"><a href="http://arklegaudit.gov/list.php" target="_blank">List of All Reports</a></span></div>'
                   },{
                    columnWidth: .5,
                     bodyCfg : {cls:'transparentbody'},
                                html:'<br>'
                   }]
            }],
        listeners:{
            render:function(){},
			added:function(comp,ownerCt,index){}
        }
    }
});
Ext.getBody().select("div.x-clear").remove();
//var task = {
//	    run: function(){
//		var pagehash = window.location.hash;
//		var page=pagehash.substring(1);	    
//		console.log(page);
//		},
//	    interval: 500
//	}
							
//start a function to monitor banks progress
//var runner = new Ext.util.TaskRunner();
						  
//runner.start.defer(100,this,[task]);

//var pageParameters = Ext.urlDecode(window.location.hash);
var pagehash = window.location.hash;
var page=pagehash.substring(1);
setpage(page);
});