public function render()
    {
        ?>
        <div id="cardLoadingImg"
             style="width: 100%; height: 200px; text-align: center; background: url(<?php 
        echo Qdmvc_Helper::getImgURL("ajax-loader_blue.gif");
        ?>
) no-repeat center center transparent">
            <h4>Loading...</h4>
        </div>
    <?php 
    }
    private function progressSpinner()
    {
        ?>
        <style>
            .ajax_loader {
                background: url(<?php 
        echo Qdmvc_Helper::getImgURL("ajax-loader_blue.gif");
        ?>
) no-repeat center center transparent;
                width: 100%;
                height: 100%;
            }
        </style>
        <script>
            /*
             * Ajax overlay 1.0
             * Author: Simon Ilett @ aplusdesign.com.au
             * Descrip: Creates and inserts an ajax loader for ajax calls / timed events
             * Date: 03/08/2011
             */
            function ajaxLoader(el, options) {
                // Becomes this.options
                var defaults = {
                    bgColor: '#fff',
                    duration: 800,
                    opacity: 0.7,
                    classOveride: false
                };
                this.options = jQuery.extend(defaults, options);
                this.container = jQuery(el);

                this.init = function () {
                    var container = this.container;
                    // Delete any other loaders
                    this.remove();
                    // Create the overlay
                    var overlay = jQuery('<div></div>').css({
                        'background-color': this.options.bgColor,
                        'opacity': this.options.opacity,
                        'width': container.width(),
                        'height': container.height(),
                        'position': 'absolute',
                        'top': '0px',
                        'left': '0px',
                        'z-index': 99999
                    }).addClass('ajax_overlay');
                    // add an overiding class name to set new loader style
                    if (this.options.classOveride) {
                        overlay.addClass(this.options.classOveride);
                    }
                    // insert overlay and loader into DOM
                    container.append(
                        overlay.append(
                            jQuery('<div></div>').addClass('ajax_loader')
                        ).fadeIn(this.options.duration)
                    );
                };

                this.remove = function () {
                    var overlay = this.container.children(".ajax_overlay");
                    if (overlay.length) {
                        overlay.fadeOut(this.options.classOveride, function () {
                            overlay.remove();
                        });
                    }
                };

                this.init();
            }

        </script>
        <script>
            //trigger open windows
            (function ($) {
                $(document).ready(function () {
                    //var ajax_loader;
                    $.ajaxSetup({
                        beforeSend: function () {

                        },
                        complete: function () {
                            //$('#loader').hide();
                            //ajax_loader.remove();
                        }
                        /*
                         ,success: function() {

                         }*/
                    });
                });
            })(jQuery);
        </script>

    <?php 
    }