var About = function(){
  var aboutme;
   return {     
    init : function(){ 
    },
    doAdd: function(){
if (!aboutme)
      {
        aboutme = new Ext.ux.Window({
                    layout      : 'fit',
                    width       : 565,
                    height      : 300,
					x: 287 ,
					y: 116 ,
                    closeAction :'hide',
                    title: 'About Me',
                    plain       : false,
					auto: true,
				//	minimizedIconLeft: 200,
                  //	minimizedIconTop: 300,
                    minimizable: true,
					dockid: 'about',
				    items: [
                   {
	                    autoLoad: {url: 'pages/about.htm' }
                        //autoScroll:true
             		}
					
                ]	
    	});    
      };
      aboutme.show(); 
	  Ext.example.msg('Done', ' About Me Loaded');

    }
  };    
}();
Ext.onReady(About.init, About); 


var Contact = function(){
  var contactme;
   return {     
    init : function(){ 
    },
    doAdd: function(){      
      if (!contactme)
      {
        contactme = new Ext.ux.Window({
                    layout      : 'fit',
              		width       : 565,
                    height      : 300,
					x: 287 ,
					y: 116 ,
                    closeAction :'hide',
                    title: 'Contact',
                    resizable: false,
					auto: true,
					//minimizedIconLeft: 230,
                  //	minimizedIconTop: 300,
                    minimizable: true,
					dockid: 'contact'
    	});    
      };
      contactme.show(); 
	  Ext.example.msg('', ' Contact Me Loaded');

    }
  };    
}();
Ext.onReady(Contact.init, Contact); 

var Blog = function(){
  var blogme;
   return {     
    init : function(){ 
    },
    doAdd: function(){      
      if (!blogme)
      {
        blogme = new Ext.ux.Window({
                    layout      : 'fit',
              		width       : 565,
                    height      : 300,
					x: 287 ,
					y: 116 ,
                    closeAction :'hide',
                    title: 'Blog',
                    resizable: false,
					auto: true,
					//minimizedIconLeft: 230,
                  //	minimizedIconTop: 300,
                    minimizable: true,
					dockid: 'contact',
						    items: [
                   {
	                    autoLoad: {url: 'pages/Blog/index.php' ,scripts:true },
                        autoScroll:true
             		}
					
              ]	
    	});    
      };
      blogme.show(); 
	  Ext.example.msg('', ' Contact Me Loaded');

    }
  };    
}();
Ext.onReady(Blog.init, Blog); 


//Ext.onReady(function() {
//Ext.get('about').on('click', function(){
//		 Ext.example.msg('Done', ' Contact Me Loaded');						  
 //})

//					 });