{% if ui.muscula %}
<script type='text/javascript'>
        window.Muscula = { settings:{
                logId:"{{ ui.muscula }}", suppressErrors: false, googleAnalyticsEvents: 'none', branding: 'none'
        }};
            (function () {
                var m = document.createElement('script'); m.type = 'text/javascript'; m.async = true;
                m.src = (window.location.protocol == 'https:' ? 'https:' : 'http:') +
                        '//musculahq.appspot.com/Muscula7.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(m, s);
                window.Muscula.run=function(c){eval(c);window.Muscula.run=function(){};};
                window.Muscula.errors=[];window.onerror=function(){window.Muscula.errors.push(arguments);
                return window.Muscula.settings.suppressErrors===undefined;}
            })();
        </script>
{% endif %}

        <!-- socket.io -->
        <script type="text/javascript" src="/socket.io/socket.io.js"></script>

        <!-- jQuery -->
        <link rel="stylesheet" type="text/css" media="screen" href="/wapp/css/notification.css"/>
{% if ui.jquery %}
        <script type="text/javascript" src="/static{{ ui.jquery }}"></script>
{% else %}
        <script type="text/javascript" src="/static/js/jQuery-v1-8-2.js"></script>
{% endif %}
        <script type="text/javascript" src="/static/js/notification.js"></script>
        <script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
        <script type="text/javascript" src="/static/js/moment.min.js"></script>
        <script type="text/javascript" src="/static/js/langs.min.js"></script>
        <script type="text/javascript" src="/static/js/moment-range.js"></script>
        <script type="text/javascript" src="/static/js/async.min.js"></script>
        <script type="text/javascript" src="/static/js/q.js"></script>

        <link rel="stylesheet" type="text/css" href="/static/css/msgBox.css">
        <script type="text/javascript" src="/static/js/jquery.msgbox.js"></script>

        <script type="text/javascript" src="/static/js/jquery.hotkeys.js"></script>

        <link rel="stylesheet" type="text/css" href="/static/slickgrid/css/smoothness/jquery-ui-1.8.16.custom.css"/>
        <script type="text/javascript" src="/static/slickgrid/lib/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="/static/slickgrid/lib/jquery.event.drag-2.2.js"></script>

{% if ui.slickgrid %}
        <link rel="stylesheet" type="text/css" href="/static/slickgrid/slick.grid.css"/>
        <script type="text/javascript" src="/static/slickgrid/slick.core.js"></script>
        <script type="text/javascript" src="/static/slickgrid/slick.formatters.js"></script>
        <script type="text/javascript" src="/static/slickgrid/slick.remotemodel.js"></script>
        <script type="text/javascript" src="/static/slickgrid/slick.editors.js"></script>
        <script type="text/javascript" src="/static/slickgrid/plugins/slick.cellrangedecorator.js"></script>
        <script type="text/javascript" src="/static/slickgrid/plugins/slick.cellrangeselector.js"></script>
        <script type="text/javascript" src="/static/slickgrid/plugins/slick.cellselectionmodel.js"></script>
        <script type="text/javascript" src="/static/slickgrid/slick.grid.js"></script>
        <script type="text/javascript" src="/static/slickgrid/slick.groupitemmetadataprovider.js"></script>
        <script type="text/javascript" src="/static/slickgrid/slick.dataview.js"></script>

        <link rel="stylesheet" type="text/css" href="/static/slickgrid/controls/slick.columnpicker.css"/>
        <script type="text/javascript" src="/static/slickgrid/controls/slick.columnpicker.js"></script>

        <script type="text/javascript" src="/js/NumberFormat154.js"></script>
{% endif %}
{% if ui.slickdrag %}
        <link rel="stylesheet" type="text/css" href="/static/slickgrid/slick.grid.css"/>
        <script type="text/javascript" src="/static/slickdrag/slick.core.js"></script>
        <script type="text/javascript" src="/static/slickdrag/slick.remotemodel.js"></script>
        <script type="text/javascript" src="/static/slickdrag/slick.editors.js"></script>
        <script type="text/javascript" src="/static/slickdrag/lib/jquery.event.drag-2.2.js"></script>
        <script type="text/javascript" src="/static/slickdrag/slick.grid.js"></script>
        <script type="text/javascript" src="/static/slickdrag/slick.groupitemmetadataprovider.js"></script>
        <script type="text/javascript" src="/static/slickdrag/slick.dataview.js"></script>
        <script type="text/javascript" src="/js/NumberFormat154.js"></script>
{% endif %}

{% if ui.diff %}
        <!-- JSon Diff -->
        <script type="text/javascript" src="/wapp/js/jsondiffpatch.js"></script>
        <script type="text/javascript" src="/wapp/js/jsondiffpatch.html.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="/wapp/js/jsondiffpatch.html.css"/>
{% endif %}

{% if ui.schedular %}
        <!-- Schedular -->
        <script src="/static/dhtmlx/dhtmlxSchedular4/dhtmlxscheduler.js" type="text/javascript"></script>
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_minical.js" type="text/javascript"></script>
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_units.js"></script>
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_expand.js" type="text/javascript"></script>
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_timeline.js" type="text/javascript"></script>
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_year_view.js" type="text/javascript"></script>
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_agenda_view.js" type="text/javascript"></script>
        <script src='/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_serialize.js' type="text/javascript"></script>
        <script src='/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_tooltip.js' type="text/javascript"></script>
        <script src='/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_html_templates.js' type="text/javascript"></script>
        <script src='/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_limit.js' type="text/javascript"></script>
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_recurring.js" type="text/javascript"></script> 
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_editors.js" type="text/javascript"></script> 
        <script src="/static/dhtmlx/dhtmlxSchedular4/ext/dhtmlxscheduler_readonly.js" type="text/javascript"></script> 
        <link rel="stylesheet" href="/static/dhtmlx/dhtmlxSchedular4/dhtmlxscheduler.css" type="text/css">
{% endif %}

{% if ui.tiny %}
        <!-- tinymce -->
        <script type="text/javascript" src="/static/tinymce_4.0.11/tinymce/js/tinymce/tinymce.min.js"></script>
{% endif %}

{% if ui.googlemaps %}
        <!-- googlemaps -->
        {% if ui.googleKey %}
                <script src="http://maps.googleapis.com/maps/api/js?key={{ui.googleKey}}&sensor=false&libraries=places"></script>
        {% else %}
                <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
        {% endif %}
        <script src="/static/js/googlMapsCluster.js"></script>
{% endif %}

{% if ui.googlechart %}
        <!-- googlechart  -->
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load('visualization', '1', {'packages':['corechart']});
        </script>
{% endif %}

        <!-- Bootstrap -->
        <link rel="stylesheet" type="text/css" media="screen" href="/static/bootstrap/css/bootstrap.min.css"/>
        <script type="text/javascript" src="/static/bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript" src="/static/bootstrap/js/bootstrap-combobox.js"></script>

{% if ui.metroui %}
        <!-- MetroUI -->
        <link rel="stylesheet" type="text/css" media="screen" href="/static/MetroUI/css/modern.css"/>
        <link rel="stylesheet" type="text/css" media="screen" href="/static/MetroUI/css/modern-responsive.css"/>
        <link rel="stylesheet" type="text/css" media="screen" href="/static/MetroUI/css/standardUi.css"/>
        <script type="text/javascript" src="/static/MetroUI/javascript/jquery.mousewheel.min.js"></script>
        <script type="text/javascript" src="/static/MetroUI/javascript/tile-slider.js"></script>
        <script type="text/javascript" src="/static/MetroUI/javascript/start-menu.js"></script>
        <script type="text/javascript" src="/static/MetroUI/javascript/tile-drag.js"></script>

{% endif %}

        <!-- FontAwesome -->
        <link rel="stylesheet" type="text/css" media="screen" href="/static/font-awesome-4.4.0/css/font-awesome.css">

        <!-- RibbonSlider -->
        <link rel="stylesheet" type="text/css" media="screen" href="/static/css/smoothness/jquery-ui-1.10.3.custom.min.css">

{% if ui.highchart %}
        <!-- Highstock -->
        <script src="http://code.highcharts.com/stock/highstock.js"></script>
        <script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
{% endif %}

        <!-- dhtmlx -->
        <link rel="stylesheet" type="text/css" href="/static/dhtmlx/dhtmlx.css">
        <link rel="stylesheet" type="text/css" href="/static/dhtmlxcustom.css">

        <script type="text/javascript" src="/static/dhtmlx/dhtmlx.js"></script>
        
        <script type="text/javascript" src="/static/dhtmlx/dhtmlxForm/codebase/ext/dhtmlxform_dyn.js"></script>
        <script type="text/javascript" src="/static/dhtmlx/dhtmlxForm/codebase/ext/dhtmlxform_item_btn2state.js"></script>
        <script type="text/javascript" src="/static/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_keymap_access.js"></script>
        <script type="text/javascript" src="/static/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_filter.js"></script>
        <script type="text/javascript" src="/static/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_pgn.js"></script>
        <script type="text/javascript" src="/static/dhtmlxtoolbarcustom.js"></script>

        <!-- manually overwritten dhtmlx components -->
        <script type="text/javascript" src="/static/js/dhtmlxeditor_ext.js"></script>

        <!-- Global Style -->
        <link rel="stylesheet" type="text/css" media="screen" href="/wapp/css/style-global.css"/>

        <!-- web4biz -->
{% if type == "prod" %}
        <script type="text/javascript" src="/wapp/wapp.min.js"></script>
{% else %}
        <script type="text/javascript" src="/wapp/web4biz/main.js"></script>
        
        <script type="text/javascript" src="/wapp/web4biz/w4global.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4main.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4debug.js"></script>

        <script type="text/javascript" src="/wapp/web4biz/w4accordionToolbar.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4combo.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4container.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4content.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4chart.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4datasource.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4dataview.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4desktop.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4form.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4googlechart.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4grid.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4highchart.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4layout.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4metroui.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4panelbar.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4response.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4ribbon.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4tabstrip.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4tree.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4window.js"></script>
        <script type="text/javascript" src="/wapp/web4biz/w4scheduler.js"></script>
{% endif %}