H1 Default styles for headings

(function($){
  $.fn.relatedPosts=function(config){
   var me = this,
    blogId,
    postId;
 
   var settings = $.extend(true,{
    url: '',
    postId:'',
    labels:[],
    title:'Related Posts: ',
    itemClass: 'related_item',
       wrapperClass: 'related_items_wapper',
    titleClass: 'title',
    shuffle:true,
    thumbUsePost:true,
    thumbWidth:100,
    thumbHeight:75,
    maxPosts: 6
   },config);
 
   if(!$.isArray(settings.labels)){
    settings.labels = settings.labels.trim().split(',');
   }
   return init();
 
   function init(){
    $.ajax({
        url: settings.url + '/feeds/posts/default?alt=json&max-results=500',
        type: 'get',
        dataType: "jsonp",
        cache:true,
        success: function(data){
         // get the blog feed id
         blogId = data.feed.id.$t;
         if(settings.postId !== ''){
          // get the current post id
          postId = blogId + '.post-' + settings.postId;
         }
         // get related posts
         var posts = findRelatedPosts(data.feed.entry);
            // add section title
            me.append($('<h2/>').text(settings.title));
            var wrapper = $('<div/>',{'class':settings.wrapperClass});
         // construct the output
            for (var i = 0; i < posts.length; i++){
             var entry = posts[i];
             var href = getLink(entry);
             // the link
             var link = $('<a/>',{'href':href});
             // the thumbnail
             var thumb = findThumbnail(entry,entry.title.$t);
             // the post title
             var pTitle = $('<div/>',{'class':settings.titleClass});
             // the item block
             var div = $('<div/>',{'class':settings.itemClass});
             // add thumbnail
             div.append(thumb);
                // wrap the link
                thumb.wrap(link);
             // add post title
                      div.append(pTitle);
                      pTitle.append(link.text(entry.title.$t));
                      // add the item block
                wrapper.append(div);
                div.click(function() { window.location = href; })
            }
            me.append(wrapper);
            // clear the layout
           me.append('<div style="clear:both;"></div>');
        }
    });   
   }
   
   // gets the entry link
   function getLink(entry){
    var href = '#';
    $.each(entry.link, function(i, v){
     if(v.rel=='alternate'){
      href = v.href;
      return false;
     };
    });
    return href;
   }
 
   // find related entries
   function findRelatedPosts(entries){
    var posts = [];
    var cats = settings.labels;
 
    for (var i = 0; i < entries.length; i++){
     if(!matchCurrentPost(entries[i])){    
      if(matchCategory(entries[i],cats)){
       posts.push(entries[i]);
      }
     }
    }
    // shuffle array
    if(settings.shuffle){
     posts.sort(function() { return 0.5 - Math.random() });
    }
    return posts.slice(0,settings.maxPosts);
   }
 
   function findThumbnail(entry, title){
    if(settings.thumbUsePost){
     if(entry.content){
      var div = $('<div/>').html(entry.content.$t);
      var imgs = div.find('img');
      if(imgs.length > 0){     
       return $('<img/>',{'src':imgs[0].src, 'alt': imgs[0].alt, 'title': title, 'width':settings.thumbWidth,'height':settings.thumbHeight});
      }
     }
    }else{
     return $('<img/>',{'src':entry.media$thumbnail.url,'title': title,'alt':title,'width':entry.media$thumbnail.width,'height':entry.media$thumbnail.height});
    }
   }
 
   function matchCurrentPost(entry){
    var match = false;
    if(postId){
     var id = entry.id.$t
     match = (id == postId);    
    }else{
     var href = location.href.replace(location.hash,'');
     href = href.split('?')[0].toLowerCase();
     $.each(entry.link, function(i,v){
      if(v.rel == 'alternate'){
       if(v.href.toLowerCase() == href){
        match = true;
        return false;
       }
      }
     });
    }
    return match;
   }
 
   // find any matched category
   function matchCategory(entry, tags){
    if(entry.category){
     for(var i = 0; i < entry.category.length; i++){
      var tag = entry.category[i].term;
      if($.inArray(tag,tags) >= 0){
       return true;
      }
     }    
    }
    return false;
   }
  };
 })(jQuery);

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <!-- related posts -->
 <div id='related_posts'></div>
 <script>var labels = &#39;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&#39;;</script>                  
</b:if>

<div class='post-footer'></div>

<b:includable id='post' var='post'>

</b:includable>

]]></b:skin>

#related_posts{
 border-top: 1px solid #d0d0d0;
 border-bottom: 1px solid #d0d0d0;         
}

#related_posts h2 {
 background: #211f1c url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWn7_a5I7J7O5g_kfWL4RQed7bkH1F52l7DaNt6BB-xn1T1aSarlkfwbdA5uzlMtiTLDw7bCZLCuQKgSFKLCQ7WhadJhHwzQBY0P9-TT6pTvex8A30pmb77GMLo_09T1xdO7lQM7MsRes/s1600/texture-dark.jpg) fixed;
 display:block;
 height:35px;
 color:white;
 font-weight: normal;
 letter-spacing: -0.5px;
 font-size: 18px;
 padding-left:20px;
 line-height: 33px;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
}

.related_items_wapper{
 padding: 10px;
 overflow:hidden;
}

.related_item{
 float:left;
 overflow: hidden;
 width:100px;
 height:190px;
 text-align: center;
 border-radius: 10px;
 border: 1px solid #ececec;
 background:#fff;
 margin-right: 10px;
 -moz-box-shadow: 0 8px 4px -4px #000;
 -webkit-box-shadow: 0 8px 4px -4px #000;
 box-shadow: 0 8px 4px -4px #000;
   -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
   -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.related_item:hover{
 -moz-box-shadow: 0 0 4px 4px #ddd;
 -webkit-box-shadow: 0 0 4px 4px #ddd;
 box-shadow: 0 0 4px 4px #ddd;
 border: 1px solid #ddd;
 background: #eee;
 cursor: pointer;
}

.related_item:hover img, .related_item:hover .title{
 opacity: .7;
}

.related_item img{
 float:left;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

.related_item .title{
 float:left;
 font-size: 90%;
 text-align: center;
 background: #555;
 padding:10px 5px;
 height:100%;
 max-width: 90px;
 word-wrap:break-word;
}

.related_item .title a{
 text-decoration: none;
 color:#fff;
}

</body>

<!-- comment out below if you have jQuery library loaded already -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' />
<script src='https://dl.dropboxusercontent.com/u/99319532/Blogger/host/related_posts.js'/>
<script>
  // related posts
  if($('#related_posts').length > 0){
    $('#related_posts').relatedPosts({labels:labels,title:'You may also like -'});
  };
<script/>

<!DOCTYPE html>
<html lang='en'>
 <head>
 <meta charset='utf-8' />
  <title>Flickr Photo Gallery with Colorbox in jQuery</title>
 </head>
 <body>
  <div id='container'><!-- Nothing here --></div>

  <!-- Place your script above the end of </body> -->  
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
  <script type='text/javascript' src='flickrGallery.js'></script>
  <script>
   $(document).ready(function() {
    var config={
     rows: 5, // total rows
     rowHeight: 150, // the height of each row
     borderWidth: 3, // the width of the border
     shuffle: true, // shuffle the images
     maxPages: 3, // max flickr pages to load
     loadOnScroll:true, // load more phots when scrolling
     cb_url:'url_o', // the link for colorbox
     params:{
      method:  'flickr.photos.search', // flickr api method
      api_key: 'ad2e1cc1d51162a8ee4ee4b022a711f4',// your API key
      per_page: 100, // max 500
      page: 1, // page to load
      tags: 'canon', // search tag,
      extras: 'url_o' // add to existing params (url_n,url_c,url_m,url_z,owner_name)
     }
    };
    // start loading the gallery
    $('#container').flickrGallery(config);
   });
  </script>
 </body>
</html>

    <script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
    <script language='javascript'>
     (function($){
        /**
         * Summarise the post content
         */
        $.fn.summariseContent = function(id, url){
          var summary_noimg = 650;
          var summary_img = 450;
          var img_thumb_height = 150;
          var img_thumb_width = 200;
          var block = $("#"+id);
          var imgtag = "";
          var imgs = block.find('img');
          var len = summary_noimg;
          if(imgs.length>=1) { 
            imgtag = '<span style="float: left; padding: 0px 10px 5px 0px;">' + 
                     '<a href="' + url + '">' +
                     '<img src="'+imgs[0].src+'" style="background:#fff;padding:3px;border:1px solid #eee;width:'+img_thumb_width+'px;height:'+img_thumb_height+'px;" />'+
                     '</a>' +
                     '</span>';
            len = summary_img;
          };
          var text = block.text().substring(0, len);
          var summary = imgtag + '<div>' + $.trim(text) + ' [...]</div>';
          block.html(summary);    
        };
      })(jQuery);
      </script>
    

  
      <script type='text/javascript'>
        $().summariseContent(&amp;quote;summary-<data:post.id/>&amp;quote;,&amp;quote;<data:post.url/>&amp;quote;);
      </script>
    

  
      Options +FollowSymLinks
      <ifmodule mod_rewrite.c="">         
          # Tell PHP that the mod_rewrite module is ENABLED.
          SetEnv HTTP_MOD_REWRITE On
          RewriteEngine on
          RewriteRule ^$   public/    [L]    
          RewriteRule (.*) public/$1  [L]
      </ifmodule>
    

      
        Options +FollowSymLinks
        <ifmodule mod_rewrite.c="">
          # Tell PHP that the mod_rewrite module is ENABLED.
          SetEnv HTTP_MOD_REWRITE On
          RewriteEngine On
          RewriteCond %{REQUEST_FILENAME} !-f
          RewriteCond %{REQUEST_FILENAME} !-d
          RewriteRule ^(.*)$ index.php?_route=$1?%{QUERY_STRING} [PT,L]
        </ifmodule>
    

  
      <?php
        // Ensure we have session
        if(session_id() === ""){
            session_start();
        }
        
        // define the directory separator
        define('DS', DIRECTORY_SEPARATOR);
        // define the application path
        define('ROOT', dirname(dirname(__FILE__)));

        // the routing url, we need to use original 'QUERY_STRING' from server paramater because php has parsed the url if we use $_GET
        $_route = isset($_GET['_route']) ? preg_replace('/^_route=(.*)/','$1',$_SERVER['QUERY_STRING']) : '';
        
        // start to dispatch
        require_once (ROOT . DS . 'library' . DS . 'bootstrap.php');
    

    <?php 
        // Ensure we have session
        if(session_id() === ""){
            session_start();
        }
        // the config file path
        $path = ROOT . DS . 'config' . DS . 'config.php';
        
        // include the config settings
        require_once ($path);
        
        // Autoload any classes that are required
        spl_autoload_register(function($className) {
        
            //$className = strtolower($className);
            $rootPath = ROOT . DS;
            $valid = false;
           
            // check root directory of library
            $valid = file_exists($classFile = $rootPath . 'library' . DS . $className . '.class.php');
            
            // if we cannot find any, then find library/core directory
            if(!$valid){
                $valid = file_exists($classFile = $rootPath . 'library' . DS . 'core' . DS . $className . '.class.php');    
            }
            // if we cannot find any, then find library/mvc directory
            if(!$valid){
                $valid = file_exists($classFile = $rootPath . 'library' . DS . 'mvc' . DS . $className . '.class.php');
            }     
            // if we cannot find any, then find application/controllers directory
            if(!$valid){
                $valid = file_exists($classFile = $rootPath . 'application' . DS . 'controllers' . DS . $className . '.php');
            } 
            // if we cannot find any, then find application/models directory
            if(!$valid){
                $valid = file_exists($classFile = $rootPath . 'application' . DS . 'models' . DS . $className . '.php');
            }  
          
            // if we have valid fild, then include it
            if($valid){
               require_once($classFile); 
            }else{
                /* Error Generation Code Here */
            }    
        });
        
        
        // remove the magic quotes
        MyHelpers::removeMagicQuotes();
        
        // unregister globals
        MyHelpers::unregisterGlobals();
        
        // register route
        $router = new Router($_route);
        
        // finaly we dispatch the output
        $router->dispatch();
        
        // close session to speed up the concurrent connections
        // http://php.net/manual/en/function.session-write-close.php
        session_write_close();
      

    <?php
    class Router
    {
      protected $_controller,
                $_action,
                $_view,
                $_params,
                $_route;
            
      public function __construct($_route){
          $this->_route = $_route;
          $this->_controller = 'Controller';
          $this->_action = 'index';
          $this->_params = array(); 
          $this->_view = false; // the initial view
      }
 
      private function parseRoute(){
          $id = false;
          // parse path info
          if (isset($this->_route)){
              // the request path
              $path = $this->_route;
              // the rules to route
              $cai =  '/^([\w]+)\/([\w]+)\/([\d]+).*$/';  //  controller/action/id
              $ci =   '/^([\w]+)\/([\d]+).*$/';           //  controller/id
              $ca =   '/^([\w]+)\/([\w]+).*$/';           //  controller/action
              $c =    '/^([\w]+).*$/';                    //  action
              $i =    '/^([\d]+).*$/';                    //  id
              // initialize the matches
              $matches = array();
              // if this is home page route
              if (empty($path)){
                  $this->_controller = 'index';
                  $this->_action = 'index';
              } else if (preg_match($cai, $path, $matches)){
                  $this->_controller = $matches[1];
                  $this->_action = $matches[2];
                  $id = $matches[3];
              } else if (preg_match($ci, $path, $matches)){
                  $this->_controller = $matches[1];
                  $id = $matches[2];
              } else if (preg_match($ca, $path, $matches)){
                  $this->_controller = $matches[1];
                  $this->_action = $matches[2];
              } else if (preg_match($c, $path, $matches)){
                $this->_controller = $matches[1];
                  $this->_action = 'index';    
              } else if (preg_match($i, $path, $matches)){
                  $id = $matches[1];
              }
              
              // get query string from url        
              $query = array();
              $parse = parse_url($path);
              // if we have query string
              if(!empty($parse['query'])){
                  // parse query string
                  parse_str($parse['query'], $query);
                  // if query paramater is parsed
                  if(!empty($query)){
                      // merge the query parameters to $_GET variables
                      $_GET = array_merge($_GET, $query);
                      // merge the query parameters to $_REQUEST variables
                      $_REQUEST = array_merge($_REQUEST, $query);
                  }
              }
          }
  
          // gets the request method
          $method = $_SERVER["REQUEST_METHOD"];   
       
          // assign params by methods  
          switch($method){
              case "GET": // view
                  // we need to remove _route in the $_GET params
                  unset($_GET['_route']);
                  // merege the params
                  $this->_params = array_merge($this->_params, $_GET);               
              break;
              case "POST": // create
              case "PUT":  // update
              case "DELETE": // delete
              {
                  // ignore the file upload
                  if(!array_key_exists('HTTP_X_FILE_NAME',$_SERVER))
                  {
                      if($method == "POST"){
                          $this->_params = array_merge($this->_params, $_POST); 
                      }else{           
                          // temp params 
                          $p = array();
                          // the request payload
                          $content = file_get_contents("php://input");
                          // parse the content string to check we have [data] field or not
                          parse_str($content, $p);
                          // if we have data field
                          $p = json_decode($content, true);
                          // merge the data to existing params
                          $this->_params = array_merge($this->_params, $p);
                      }   
                  }          
              }
              break;                
          }
          // set param id to the id we have
          if(!empty($id)){   
           $this->_params['id']=$id;
          }
  
          if($this->_controller == 'index'){
              $this->_params = array($this->_params);
          }       
      }
      
      public function dispatch() {
          // call to parse routes
          $this->parseRoute();
          // set controller name
          $controllerName = $this->_controller;
          // set model name
          $model = $this->_controller.'Model';
          // if we have extended model
          $model = class_exists($model) ? $model : 'Model';
          // assign controller full name
          $this->_controller .= 'Controller';
          // if we have extended controller
          $this->_controller = class_exists($this->_controller) ? $this->_controller : 'Controller';
          // construct the controller class
          $dispatch = new $this->_controller($model, $controllerName, $this->_action);
          // if we have action function in controller
          $hasActionFunction = (int)method_exists($this->_controller, $this->_action);
          // we need to reference the parameters to a correct order in order to match the arguments order 
          // of the calling function
          $c = new ReflectionClass($this->_controller);
          $m = $hasActionFunction ? $this->_action : 'defaultAction';
          $f = $c->getMethod($m);
          $p = $f->getParameters();            
          $params_new = array();
          $params_old = $this->_params;
          // re-map the parameters
          for($i = 0; $i<count($p);$i++){
              $key = $p[$i]->getName();
              if(array_key_exists($key,$params_old)){
                  $params_new[$i] = $params_old[$key];
                  unset($params_old[$key]);
              }
          }
          // after reorder, merge the leftovers
          $params_new = array_merge($params_new, $params_old);
          // call the action method
          $this->_view = call_user_func_array(array($dispatch, $m), $params_new);  
          // finally, we print it out
          if($this->_view){
             echo $this->_view;
          }
      }
  }
  

    <?php
      class Controller {
          protected $_model,
                    $_controller,
                    $_action;
          
          public    $cfg,
                    $view,
                    $table,
                    $id,
                    $db,
                    $userValidation;
          
          public function __construct($model="Model", $controller="Controler", $action="index") {
              // register configurations from config.php
              global $cfg;      
              // set config
              $this->cfg = $cfg;              
              // construct MVC
              $this->_controller = $controller;
              $this->_action = $action;
              // initialise the template class
              $this->view = new Template($controller, $action);   
              // call the function for derived class      
              $this->init();
              // start contruct models
              $this->_model = new $model($this->db);
              $this->_model->controller = $this;
              $this->table = $controller;
          }
          
          /**
          * Initialize the required classes and variables
          */
          protected function init(){
           /* Put your code here*/
          }
          
          /**
          * Redirect to action
          */
          public function redirectToAction($action, $controller = false, $params = array()){        
              if($controller === false){
                  $controller = get_called_class();  
              }else if(is_string($controller) &amp;&amp; class_exists($controller.'Controller')){
                  $controller = $controller.'Controller';
                  $controller = new $controller();
              }
              return call_user_func_array(array($controller, $action), $params);
          }
       
          /**
          * process default action view
          */
          public function defaultAction($params = null){
            // make the default action path
            $path = MyHelpers::UrlContent("~/views/{$this->_controller}/{$this->_action}.php");  
            // if we have action name
            if(file_exists($path)){
                $this->view->viewPath = $path;
            }else{
                $this->unknownAction();
            }
            // if we have parameters
            if(!empty($params) &amp;&amp; is_array($params)){
                  // assign local variables
                  foreach($params as $key=>$value){
                   $this->view->set($key, $value);   
                  }
            }
            // dispatch the result
            return $this->view();
          }

          /**
          * unknownAction
          */
          public function unknownAction($params = array()){
            // feed 404 header to the client
            header("HTTP/1.0 404 Not Found");
            // find custom 404 page
            $path = MyHelpers::UrlContent("~/views/shared/_404.php");
            // if we have custom 404 page, then use it
            if(file_exists($path)){
              $this->view->viewPath = $path;
              return $this->view();
            }else{
              exit; //Do not do any more work in this script. 
            }
          }        
          
          /**
          * set the variables
          */
          public function set($name,$value) {
            // set the parameters to the template class
            $this->view->set($name, $value);
          }      
            
          /**
          * Returns the template result
          */
          public function view(){
            // dispatch the result of the template class
            return $this->view;
          }
      }
    

 <?php
      class Model{
        protected $_model;
        public $db, $controller;
          
          /**
          * Constructor for Model
          * 
          */
        public function __construct($db) {
              $this->db = $db;
              $this->_model = get_class($this);
              $defaultModel = ($this->_model=='Model');
              
              if(!$defaultModel){
                  $this->table = preg_replace('/Model$/', '', $this->_model);// remove ending Model        
              }
              
              $this->init();
        }
      
        protected function init(){
          /* Put your code here*/     
        }
      }
    

      
    <?php
      class Template {                      
        protected $_variables = array(),
                  $_controller,
                  $_action,
                    $_bodyContent;
                    
          public    $viewPath, 
                    $section = array(),
                    $layout;
          
          public function __construct($controller, $action) {
            $this->_controller = $controller;
            $this->_action = $action;
                // we set the configuration variables to local variables for rendering
                global $cfg;
                $this->set('cfg',$cfg);
          }
        
          /** 
           * Set Variables 
           */
          public function set($name, $value) {
            $this->_variables[$name] = $value;
          }
          
          /**
          * set action
          */
          public function setAction($action){
              $this->_action = $action;
          }
          
          /**
          * RenderBody
          */
          public function renderBody(){
            // if we have content, then deliver it
              if(!empty($this->_bodyContent)){
                  echo $this->_bodyContent;
              }
          }
          
          /**
          * RenderSection
          */
          public function renderSection($section){
              if(!empty($this->section) &amp;&amp; array_key_exists($section, $this->section)){
                  echo $this->section[$section];
              }
          }
      
        /** 
        * Display Template 
        */
          public function render() {  
              // extract the variables for view pages
              extract($this->_variables);
              // the view path
              $path = MyHelpers::UrlContent('~/views/');
              // start buffering
              ob_start();
              // render page content
              if(empty($this->viewPath)){ 
                  include ($path . $this->_controller . DS . $this->_action . '.php');
              }else{
                  include ($this->viewPath);
              }
              // get the body contents
              $this->_bodyContent = ob_get_contents();
              // clean the buffer
              ob_end_clean();
              // check if we have any layout defined
              if(!empty($this->layout) &amp;&amp; (!MyHelpers::isAjax())){
                  // we need to check the path contains app prefix (~)
                  $this->layout = MyHelpers::UrlContent($this->layout);
                  // start buffer (minify pages)
                  ob_start('MyHelpers::minify_content');
                  // include the template
                  include($this->layout);
              }else{
                  ob_start('MyHelpers::minify_content_js');
                  // just output the content
                  echo $this->_bodyContent;
              }
              // end buffer
              ob_end_flush();
          }
          
          /**
          * return the renderred html string
          */
          public function __toString(){
              $this->render();
              return '';
          }
      }   
    

<html>
    <head>
        <?php $this->renderSection('head');?>
    </head>
    <body>
        <?php $this->renderBody();?>
    </body>
    </html>

        <?php
          // The default layout template
          $this->layout = '~/views/shared/_defaultLayout.php';
          // The value to put on the head section
          $this->section['head']="<script src='http://code.jquery.com/jquery-latest.min.js'></script>";
        ?>
        <strong>This is the text I want to show in the body</strong>
    

      <html>
        <head>
          <script src='http://code.jquery.com/jquery-latest.min.js'></script>
        </head>
        <body>
          <strong>This is the text I want to show in the body</strong>
        </body>
      </html>
   

// File Name: index.php
// Start loading the page        
Ext.onReady(function(){
 Ext.create('Ext.data.JsonStore', {
  storeId:'itemsStore',
  autoLoad:true,
  proxy: {
    type: 'ajax',
    url: 'MetaDataExample.php', // our data link
    reader: {
     type: 'json'
    }
   }
 });
 
 Ext.create('Ext.grid.Panel', {
  title: 'Items',
  store: Ext.data.StoreManager.lookup('itemsStore'),
  columns: [
   { text: 'ID',  dataIndex: 'id' },
   { text: 'SKU', dataIndex: 'sku', flex: 1 },
   { text: 'Name', dataIndex: 'name', flex: 1 },
   { text: 'QTY', dataIndex: 'qty'}
  ],
  dockedItems: [{
   xtype: 'pagingtoolbar',
   store: Ext.data.StoreManager.lookup('itemsStore'),   // same store GridPanel is using
   dock: 'bottom',
   displayInfo: true
  }],
  height: 600,
  width: 800,
  renderTo: Ext.getBody()
 }); 
});  

// File Name: MetaDataExample.php
public function getItems(){
 $this->tableName =  "items";
 $start = isset($_GET['start']) ? $_GET['start'] : 0;
 $limit = isset($_GET['limit']) ? $_GET['limit'] : 10;
 
 $query = "SELECT * FROM `{$this->tableName}` LIMIT {$start},{$limit}";
 
 $stmt = $this->db->query($query);
 // get the number of records
 $r = $this->db->query("SELECT COUNT(*) FROM `{$this->tableName}`", PDO::FETCH_NUM);
 // gets the first column as value
 $nbrows = $r->fetchColumn();

 // initialize the default output array
 $data = array();
 // if we have rows
 if($nbrows>0){
   while($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
    $data[] = $row;
   }
 }  
 
 // prepare the metadata
 $ret['metaData'] =   $this->makeMetaData($stmt);
 $ret['total']    =   $nbrows;
 $ret['data']     =   $this->Char2Utf8($data);
 $ret['success']  =   true;
 $ret['message']  =   true;
 
 echo json_encode($ret);
}

// File Name: MetaDataExample.php
protected function Char2Utf8($var){
        if (is_array($var)) {
            $out = array();
            foreach ($var as $key => $v) {
                $out[$key] = $this->Char2Utf8($v);
            }
        } else {
            if(gettype($var)=='string'){
                $out = str_replace(chr(194), "", $var);
                $out = utf8_encode($out);
            }
            else
              $out = $var;  
        }       
        return $out;                   
    }

// File Name: MetaDataExample.php
protected function makeMetaData($result, $overrides = false){
        /*
        metaData: {
            idProperty: 'id',
            root: 'data',
            totalProperty: 'total',
            successProperty: 'success',
            messageProperty: 'message',
            fields: [
                {name: 'name', allowBlank: false},
                {name: 'job', mapping: 'occupation'}
            ],
            sortInfo: {field: 'name', direction:'ASC'}, // used by store to set its sortInfo
            foo: 'bar' // custom property
        }*/
 
        $metaData['idProperty'] = 'id';
        $metaData['totalProperty'] = 'total';
        $metaData['successProperty'] = 'success';
        $metaData['root'] = 'data';        
        $metaData['fields'] = $this->parseMetaDataFields($result, $overrides);        
        
        return $metaData;
    }

// File Name: MetaDataExample.php
protected function parseMetaDataFields($stmt, $overrides = false){
        // gets the table of the $result
        $table = $this->tableName;
        // gets the table descriptions for future use
        $columnsInfo = $this->db->getFullColumnsInfo($table);
        // gets the number of fields
        $nbFields = $stmt->columnCount();
        // starts a empty array
        $fields = array();
        // loop through the fields
        for ($i=0; $i < $nbFields; $i++){
          $meta = $stmt->getColumnMeta($i);
          $name  = $meta['name'];
          $fields[$i]['name']  = $name; 
            
          if(array_key_exists($name, $columnsInfo)){
            $type  = $columnsInfo[$name]['Type'];
                  
            if($type == 'date')
               $fields[$i]['dateFormat'] = 'Y-m-d';
            else if($type == 'datetime')
               $fields[$i]['dateFormat'] = 'c';   
               
            $fields[$i]['type']  = $this->convertType($type);
            
            if($name != 'id'){
                $fields[$i]['allowBlank'] = ($columnsInfo[$name]['Null'] == 'YES') ? true : false;
                // if we have default value in table column
                if(!is_null($columnsInfo[$name]['Default'])){
                 if($columnsInfo[$name]['Default']=='CURRENT_TIMESTAMP'){
                  $fields[$i]['defaultValue'] ='new Date()';
                 }else{
                  $fields[$i]['defaultValue'] = $columnsInfo[$name]['Default'];
                 }                   
                }
            }
          } else {
              $fields[$i]['type'] = 'auto';
          }
          
          if(!empty($overrides) &amp;&amp; is_array($overrides)){
            if(array_key_exists($name, $overrides)){
                foreach($overrides[$name] as $key=>$value){
                    $fields[$i][$key]=$value;
                }
            }
          }
        }
        return $fields;
    }

// File Name: MetaDataExample.php
public function convertType($type){
        if(strpos($type,'(') !== false){
            $type = substr($type, 0, strpos($type,'('));
        }

        switch($type){
            case 'varchar':
            case 'char':
            case 'text':
            case 'tinytext':
            case 'mediumtext':
            case 'longtext':
                return 'string';
            case 'int':
            case 'smallint':
            case 'mediumint':
            case 'bigint':
                return 'int';
            case 'tinyint':
                return 'boolean';
            case 'real':
            case 'float':
            case 'double':
            case 'decimal':
            case 'numeric':
                return 'float';
            case 'date':
            case 'datetime':
                return 'date';
            default:
                return 'auto';        
        }
    }

// File Name: MySqlDataAdapter.php
class MySqlDataAdapter
{
    protected $server, $user, $password;    
    /**
    * Db name
    */
    public $dbName;
    
    /**
    * MySQL pdo object
    */
    public $pdo;
    
    /**
    * Result of statement
    */
    protected $stmt;
    
    /**
     * Constructor
     */              
    public function __construct($server, $user, $password, $dbName){
        $this->server   = $server;      // Host address
        $this->user     = $user;        // User
        $this->password = $password;    // Password
        $this->dbName   = $dbName;      // Database         
        $this->connect();
    }
 
    /**
     * Destructor
     *
     * @return void
     */
    public function __destruct(){
     $this->stmt = null;
        $this->pdo = null;
    }
 
    /**
     * Connect to the database
     */
    public function connect(){
       // create the pdo object     
    $this->pdo = new PDO('mysql:host='.$this->server.';dbname='.$this->dbName, $this->user, $this->password);       
       // if connection is failed, then trigger user error
       if ($this->pdo === false){
            trigger_error('Could not connect to the database.', E_USER_ERROR);
    }else{
      $this->pdo->exec("set names utf8");
    }
       // return the connection object
       return $this->pdo;
    }    
    
    /**
     * Query the database
     *
     * @param string $queryStr SQL query string
     * @return resource MySQL result set
     */
    public function query($queryStr){
     try{
      //calling beginTransaction() turns off auto commit automatically
      $this->pdo->beginTransaction();
   // prepare the statement
   $this->stmt = $this->pdo->prepare($queryStr);
   // execute the statement
   $this->stmt->execute();
   // commit the statement if everything is alright
   $this->pdo->commit();
  }
  catch(PDOException $ex){
   //Something went wrong rollback!
      $this->pdo->rollBack();
   // trigger an sql error
   trigger_error($ex->getMessage(), E_USER_ERROR);
  }
  // return the statement object
  return $this->stmt;
    } 

 /**
  * Get column info from table name
  */
    function getFullColumnsInfo($table){
        $stmt = $this->query("SHOW FULL COLUMNS FROM `{$table}`");
        $data = array();
        // gets the information
        while($row = $stmt->fetch(PDO::FETCH_ASSOC)){
            $data[$row['Field']] = $row;
        }
        // return the data array
        return $data;        
    }
}