diff --git a/bookmarklet.js b/bookmarklet.js
new file mode 100644
index 0000000..b68e00e
--- /dev/null
+++ b/bookmarklet.js
@@ -0,0 +1,1088 @@
+loadDependencies();
+
+console.logLevel = console.INFO;
+
+var $;
+var printScopeDeviderToken1 = "~~~~~";
+var printScopeDeviderToken2 = "<b>Attachment</b>"
+
+
+main();
+
+function main(){
+
+    if($("#card-print-overlay").length > 0){
+        alert("Print Card already opened!");
+        return;
+    }
+
+    var issueKeyList = getSelectedIssueKeyList();
+    if(issueKeyList.length <= 0){
+        alert("Please select at least one issue.");
+        return;
+    }
+
+    // Google Analytics
+    ga('create', 'UA-50840116-3', 'auto', {'alwaysSendReferrer': true});
+    ga('send', {
+        'hitType': 'pageview',
+        'page': '/jiracardprinter/Bookmarklet.js'
+    });
+
+    open(issueKeyList);
+}
+
+
+function open(issueKeyList) {
+
+    $(document).keyup(function(e) {
+        if (e.keyCode == 27) {  // esc
+            close();
+        }  
+    });
+
+    $("head").append(newPrintOverlayStyle);
+    $("body").append(newPrintOverlayHTML);
+
+    var printFrame = $("#card-print-dialog-content-iframe");
+    var printWindow = printFrame[0].contentWindow;
+    var printDocument = printWindow.document;
+
+    printDocument.open();
+    printDocument.write("<head/><body/>");
+   
+    $("head", printDocument).append(newPrintPanelPageCSS());
+    $("head", printDocument).append(newPrintPanelCardCSS());
+    
+    console.logInfo("load " + issueKeyList.length + " issues...");
+    $("#card-print-dialog-title").text("Card Print   -   Loading... " + 0 + " / " + issueKeyList.length);
+    var deferredList = [];
+    issueKeyList.each(function(position, issueKey) {
+        var card = newCardHTML(issueKey);
+        card.hide();
+        $("body", printDocument).append(card);
+        var deferred = new $.Deferred()
+        deferredList.push(deferred);
+        loadCardDataJSON(issueKey, function(responseData) {
+            fillCardWithJSONData(card, responseData); 
+            card.show();
+            resizeIframe(printFrame);
+            $("#card-print-dialog-title").text("Card Print   -   Loading... " + (position + 1) + " / " + issueKeyList.length);
+            deferred.resolve();
+        });
+    });
+    console.logInfo("wait for issues loaded...");
+
+    $.when.apply($, deferredList).done(function() {
+        $(printWindow).load(function(){
+            $("#card-print-dialog-title").text("Card Print");
+            console.logInfo("everything loaded!");
+            printWindow.print();
+        })
+        printDocument.close();
+        console.logInfo("wait for resources loaded...");
+    });
+}
+
+function close(){
+    console.logInfo("close overlay");
+     $("#card-print-overlay").remove();
+     $("#card-print-overlay-style").remove();
+}
+
+
+function getSelectedIssueKeyList() {
+
+    //JIRA
+    if ($("meta[name='application-name'][ content='JIRA']").length > 0) {
+        //Browse
+        if (/.*\/browse\/.*/g.test(document.URL)) {
+            return $("a[data-issue-key][id='key-val']").map(function() {
+                return $(this).attr('data-issue-key');
+            });
+        }
+
+        // RapidBoard
+        if (/.*\/secure\/RapidBoard.jspa.*/g.test(document.URL)) {
+            return $('div[data-issue-key].ghx-selected').map(function() {
+                return $(this).attr('data-issue-key');
+            });
+        }
+    }
+
+    return [];
+}
+
+function fillCardWithJSONData(card, data) {
+    //Key
+    var key = data.key; 
+    console.logInfo("key: " + key);
+    card.find('.key').text(key);
+
+    //Type
+    var type = data.fields.issuetype.name.toLowerCase();
+    console.logInfo("type: " + type);
+    card.find(".card").attr("type", type);
+    
+    //Summary
+    var summary = data.fields.summary;
+    console.logInfo("summary: " + summary);
+    card.find('.summary').text(summary);
+
+    //Description
+    var description = data.renderedFields.description;
+    console.logInfo("description: " + description);
+    card.find('.description').html(description);
+
+    //Assignee
+    var assignee = data.fields.assignee;
+    console.logInfo("assignee: " + assignee);
+    if ( assignee ) {
+        var avatarUrl = assignee.avatarUrls['48x48'];
+        if(avatarUrl.indexOf("ownerId=") < 0){ 
+            var displayName = assignee.displayName;
+            //card.find(".assignee").css("background", stringToColor(displayName));
+            card.find(".assignee").text(displayName[0]);
+        }
+        else {
+            card.find(".assignee").css("background-image", "url('" + avatarUrl + "')");
+        }  
+    } else {
+        card.find(".assignee").addClass("hidden"); 
+    }
+
+     //Due-Date
+    var duedate = data.fields.duedate;
+    console.logInfo("duedate: " + duedate);
+    if ( duedate ) {
+        var renderedDuedate = new Date(duedate).format('D d.m.');
+        card.find(".due-date").text(renderedDuedate);
+    } else {
+        card.find(".due").addClass("hidden"); 
+    }
+
+    //Attachment  
+    var hasAttachment = false;
+    var indexOfPrintScopeDeviderToken = ((description.indexOf(printScopeDeviderToken2) + 1) || (description.indexOf(printScopeDeviderToken1) + 1)) - 1;
+    if (indexOfPrintScopeDeviderToken >= 0) {
+        var descriptionWithoutAttachment = description.substring(0, indexOfPrintScopeDeviderToken);
+        card.find('.description').html(descriptionWithoutAttachment);
+        hasAttachment = true;
+    } else if (data.fields.attachment.length > 0) {
+        hasAttachment = true;
+    }
+    console.logInfo("hasAttachment: " + hasAttachment);
+    if ( hasAttachment ) {
+    } else{
+        card.find('.attachment').addClass('hidden');
+    }
+
+    //Story Points 
+    var storyPoints = data.fields.storyPoints;
+    console.logInfo("storyPoints: " + storyPoints);
+    if (storyPoints) {
+        card.find(".estimate").text(storyPoints);
+    } else {
+       card.find(".estimate").addClass("hidden"); 
+    }
+
+    //Epic
+    var epicKey = data.fields.epicLink;
+    console.logInfo("epicKey: " + epicKey);
+    if ( epicKey ) {
+        card.find(".epic-key").text(epicKey);
+        loadCardDataJSON(epicKey, function(responseData) { 
+            var epicName = responseData.fields.epicName; 
+            console.logTrace("epicName: " + epicName);
+            card.find(".epic-name").text(epicName);
+        }, false);
+    } else {
+         card.find(".epic").addClass("hidden"); 
+    }
+
+    //QR-Code
+    var qrCodeImageUrl = 'https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=' + window.location.origin + "/browse/" + key;
+    console.logTrace("qrCodeImageUrl: " + qrCodeImageUrl);
+    card.find(".qr-code").css("background-image", "url('" + qrCodeImageUrl + "')");
+    
+    //handle Site specifics
+    switch (window.location.hostname) {
+        case "lrs-support.com": fillCardWithJSONDataLRS(card, data);
+            break;
+        default: 
+    }
+   
+}
+
+function fillCardWithJSONDataLRS(card, data) {
+    console.logInfo("Apply LRS Specifics");
+     //Desired-Date
+    var desiredDate = data.fields.desiredDate;
+    console.logInfo("desiredDate: " + desiredDate);
+    if ( desiredDate ) {
+        var renderedDesiredDate = new Date(desiredDate).format('D d.m.');
+        card.find(".due-date").text(renderedDesiredDate);
+        card.find(".due").removeClass("hidden"); 
+    } else {
+        card.find(".due").addClass("hidden"); 
+    }
+}
+
+
+function loadCardDataJSON(issueKey, callback, async) {
+    async = firstNotNull(async, true);
+
+    //https://docs.atlassian.com/jira/REST/latest/
+    var url = '/rest/api/2/issue/' + issueKey + '?expand=renderedFields,names';
+    console.logInfo("IssueUrl: " + window.location.hostname + url);
+    console.logDebug("Issue: " + issueKey + " Loading...");
+    return  $.ajax({
+        type: 'GET',
+        url: url,
+        dataType: 'json',
+        success: function(responseData){
+            fields = responseData.fields;
+            // add custom fields with field names 
+            $.each(responseData.names, function(key, value) {
+                if(key.startsWith("customfield_")){
+                    var newFieldId = value.toCamelCase();
+                    console.logTrace("add new field: " + newFieldId +" with value from "+ key);
+                    fields[value.toCamelCase()] = fields[key]; 
+                }
+            });
+            console.logDebug("Issue: " + issueKey + " Loaded!");
+            callback(responseData);
+        },
+        data: {},
+        async: async
+    });
+}
+
+
+
+//############################################################################################################################
+//############################################################################################################################
+//############################################################################################################################
+
+
+// http://www.cssdesk.com/T9hXg
+
+function newPrintOverlayHTML(){
+    var result = $(document.createElement('div'))
+        .attr("id","card-print-overlay")
+        .html(multilineString(function() {
+                /*!
+<div id="card-print-dialog">
+    <div id="card-print-dialog-header">
+      <div id="card-print-dialog-title">Card Print</div>
+      <div id="buttons">
+        <input id="card-print-dialog-print" type="button" class="aui-button aui-button-primary" value="Print" />
+        <a id="card-print-dialog-cancel" title="Cancel" class="cancel">Cancel</a>
+      </div>
+    </div>
+    <div id="card-print-dialog-content">
+        <iframe id="card-print-dialog-content-iframe"></iframe>
+    </div>
+    <div id="card-print-dialog-footer"></div>
+</div>
+*/
+            }));
+
+    result.find("#card-print-dialog-print")
+        .click(function(event){
+            $('#card-print-dialog-content-iframe')[0].contentWindow.print();
+            return false;
+        });
+
+    result.find("#card-print-dialog-cancel")
+        .click(function(event){
+            close();
+            return false;
+        });
+
+    result.click(function(event) {
+        if( event.target == this ){
+            close();
+        }
+        return false;
+    });
+    result.scroll(function(event) {
+        return false;
+    });
+    
+    return result;
+}
+
+function newPrintOverlayStyle(){
+ var result = $(document.createElement('style'))
+        .attr("id", "card-print-overlay-style")
+        .attr("type", "text/css")
+        .html(multilineString(function() {
+                /*!
+#card-print-dialog-cancel {
+    padding:5px 10px 5px 10px;
+}
+#card-print-overlay {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  background:rgba(0, 0, 0, 0.5);
+  box-sizing: border-box;
+  word-wrap:break-word;
+  z-index: 99999;
+}
+
+#card-print-dialog {
+  position: relative;
+
+  top: 60px;
+  right:0px;
+  left:0px;
+  
+  height: calc(100% - 120px);
+  width: 1000px;
+  margin: auto;
+  
+  border-style: solid;
+  border-color: #cccccc;
+  border-width: 1px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  
+  overflow: hidden;
+}
+
+#card-print-dialog-header {
+  position: relative;
+  background: #f0f0f0;
+  height: 25px;
+  
+  border-bottom: 1px solid #cccccc;
+  
+  padding: 15px 20px 15px 20px;
+}
+
+#card-print-dialog-content {
+  position: relative;
+  background: white;
+  height: calc(100% - 106px);
+  width: 100%;
+  
+  overflow-y: scroll;
+}
+#card-print-dialog-content-iframe {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  border:none;
+}
+
+#card-print-dialog-footer {
+  position: relative;
+  background: #f0f0f0;
+  border-top: 1px solid #cccccc;
+  height: 30px;
+  padding: 10px;
+  text-align: right;
+}
+
+#buttons {
+  position: relative;
+  float: right;
+  display: inline-block;
+  height 30px;
+}
+
+#card-print-dialog-title{
+  position: relative;
+  float: left;
+  color: rgb(51, 51, 51);
+  display: block;
+  font-family: Arial, sans-serif;
+  font-size: 20px;
+  font-weight: normal;
+  height: 30px;
+  line-height: 30px;
+}
+*/
+            }));
+    return result;
+}
+
+
+function newPrintPanelPageCSS(){
+
+    var result = $(document.createElement('style'))
+        .attr("id", "printPanelPageStyle")
+        .attr("type", "text/css")
+        .html(multilineString(function() {
+/*!
+.page {
+    position: relative;
+    overflow: auto;
+    margin-left: auto;
+    margin-right: auto;
+    width: auto;
+    max-width: 29.7cm;
+    min-width: 21cm;
+    height: auto;
+    page-break-after: always;
+    
+    background:rgba(256, 256, 256, 0.85);
+    
+    -webkit-box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
+    -moz-box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
+    box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
+
+    border-style: solid;
+    border-color: #bfbfbf;
+    border-width: 0.05cm;
+    -moz-border-radius: 0.1cm;
+    -webkit-border-radius: 0.1cm;
+    border-radius: 0.1cm;
+    
+    padding: 1.0cm;
+    margin: 1.0cm;
+    
+    }
+    
+@media print {
+
+.page {
+
+    page-break-after: always;
+
+    background:rgba(256, 256, 256, 0.0);
+    border-style: none;
+    padding: 0.0cm;
+    margin: 0.0cm;
+
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    
+    -webkit-print-color-adjust:exact;
+    print-color-adjust: exact;
+
+    -webkit-filter:opacity(1.0);
+    filter:opacity(1.0);
+}
+
+.page:last-of-type {
+    page-break-after: auto;
+    }
+}
+*/
+        }));
+
+    return result;
+}
+
+
+// http://www.cssdesk.com/scHcP
+
+function newCardHTML(issueKey){
+    var card = $(document.createElement('div'))
+        .attr("id",issueKey)
+        .addClass("page")
+        .html(multilineString(function() {
+                /*!
+<div class="card">
+    <div class="author">Bengt Brodersen - qoomon.com</div>
+    <div class="card-border"></div>
+    <div class="card-header">
+        <div class="type-icon badge circular"></div>
+        <div class="key badge"></div>
+         <div class="estimate badge circular " contenteditable="true"></div>
+        <div class="due">
+            <div class="due-icon badge circular "></div>
+            <div class="due-date badge" contenteditable="true"></div>
+        </div>
+    </div>
+    <div class="card-content">
+        <div class="content-header">
+           <span class="summary" contenteditable="true"></span>
+        </div>
+        <div class="description" contenteditable="true"></div>
+    </div>
+    <div class="card-footer">
+        <div class="assignee badge circular"></div>
+        <div class="qr-code badge"></div>
+        <div class="attachment badge circular"></div>
+        <div class="epic badge">
+          <span class="epic-key"></span>
+          <span class="epic-name" contenteditable="true"></span>
+        </div>
+    </div>    
+</div>
+*/
+            }));
+    card.find('.key').text(issueKey);
+
+    return card;
+}
+
+function newPrintPanelCardCSS(){
+    var result = $(document.createElement('style'))
+        .attr("type", "text/css")
+        .html(multilineString(function() {
+                /*!
+* {
+    color: black;
+    font-family:"Droid Serif";
+}
+body {
+    margin: 0;
+}
+.hidden {
+    visibility: hidden;
+}
+.card-header:after, 
+.card-footer:after {
+    content:" ";
+    display: block;
+    clear: both;
+    height:0
+}
+.card-border, 
+.badge, 
+.shadow {
+    border-style: solid;
+    border-color: #2f2f2f;
+    border-top-width: 0.14cm;
+    border-left-width: 0.14cm;
+    border-bottom-width: 0.24cm;
+    border-right-width: 0.24cm;
+    -webkit-border-radius: 0.25cm;
+    border-radius: 0.25cm;
+    // -webkit-filter: drop-shadow(0px 5px 10px black)
+}
+.circular {
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+    border-radius: 50%;
+}
+.badge {
+    width: 3.2cm;
+    height: 3.2cm;
+    background: #d0d0d0;
+}
+
+.card {
+    position: relative;
+    min-width: 21.0cm;
+}
+.author {
+    z-index: 999;
+    position: absolute;
+    top:3.1cm;
+    right:0.7cm;
+    -webkit-transform-origin: 100% 100%;
+    transform-origin: 100% 100%;
+    -webkit-transform: rotate(-90deg);
+    transform: rotate(-90deg);
+    font-size: 0.4cm;
+    color: DARKGREY;
+}
+.card-border {
+    position: absolute;
+    top:2.0cm;
+    left:0.4cm;
+    right:0.4cm;
+    height: calc(100% - 4.0cm);
+    background: #ffffff;
+
+}
+.card-header {
+  position: relative;
+}
+.card-content {
+    position: relative;
+    margin-top: 0.3cm;
+    margin-left: 1.0cm;
+    margin-right: 1.1cm;
+    margin-bottom: 0.2cm;
+    min-height: 5.0cm;
+}
+.content-header {
+    position: relative;
+    font-size: 1.1cm;
+    line-height: 1.1cm;
+    margin-bottom: 0.6cm;
+}
+.card-footer {
+    position: relative;
+    page-break-inside: avoid;
+}
+.summary {
+    font-weight: bold;
+}
+.description {
+    font-size: 0.6cm;
+    line-height: 0.6cm;
+}
+.key {
+    position: absolute;
+    float: left;
+    width: auto;
+    min-width: 4.4cm;
+    height: 1.35cm;
+    left: 2.8cm;
+    margin-top: 1.05cm;
+    padding-top: 0.2cm;
+    padding-left: 0.9cm;
+    padding-right: 0.4cm;
+    text-align: center;
+    font-weight: bold;
+    font-size: 1.0cm;
+    line-height: 1.30cm;
+}
+.type-icon {
+    position: relative;
+    float: left;
+    background-color: GREENYELLOW;
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Objects.png);
+    background-repeat: no-repeat;
+    -webkit-background-size: 70%;
+    background-size: 70%;
+    background-position: center;
+    z-index: 1;
+}
+
+.card[type="story"] .type-icon {
+    background-color: GOLD;
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bulb.png);
+}
+.card[type="bug"] .type-icon {
+    background-color: CRIMSON;
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bug.png);
+}
+.card[type="epic"] .type-icon {
+    background-color: ROYALBLUE;
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Flash.png);
+}
+
+.estimate {
+    position: relative;
+    float: left;
+    left: -0.65cm;
+    top:-1.5cm;
+    height: 1.1cm;
+    width: 1.1cm;
+    text-align: center;
+    font-weight: bold;
+    font-size: 1cm;
+    line-height: 1.15cm;
+    margin-top:1.5cm;
+    z-index: 999;
+}
+
+.due {
+    position: relative;
+    float: right;
+}
+.due-icon {
+    position: relative;
+    float:right;
+    width: 2.5cm;
+    height: 2.5cm;
+    margin-top: 0.35cm;
+    background-color: MEDIUMPURPLE;
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/AlarmClock.png);
+    background-repeat: no-repeat;
+    -webkit-background-size: 65%;
+    background-size: 65%;
+    background-position: center;
+    z-index: 1;
+}
+.due-date {
+    position: relative;
+    float: right;
+    right: -0.6cm;
+    width: auto;
+    min-width: 2.8cm;
+    height: auto;
+    margin-top: 1.3cm;
+    padding-top: 0.3cm;
+    padding-bottom: 0.2cm;
+    padding-left: 0.3cm;
+    padding-right: 0.6cm;
+    text-align: center;
+    font-weight: bold;
+    font-size: 0.7cm;
+    line-height: 0.7cm;
+}
+.attachment {
+    position: relative;
+    float: left;
+    margin-left: 0.6cm;
+    width: 2.1cm;
+    height: 2.1cm;
+    background-color: LIGHTSKYBLUE;
+    background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/2f2f2f/attach-256.png);
+    background-repeat: no-repeat;
+    -webkit-background-size: 70%;
+    background-size: 70%;
+    background-position: center;
+    
+}
+.assignee {
+    position: relative;
+    float: right;
+    width: 2.1cm;
+    height: 2.1cm;
+    text-align: center;
+    font-weight: bold;
+    font-size: 2.0cm;
+    line-height: 2.5cm;
+    padding-left: 0.1cm;
+    background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/aaaaaa/contacts-256.png);
+    background-repeat: no-repeat;
+    -webkit-background-size: cover;
+    background-size: cover;
+    -webkit-background-size: 100%;
+    background-size: 100%;
+    -webkit-filter: contrast(150%) grayscale(100%);
+    filter: contrast(150%) grayscale(100%);
+    background-position: center;
+}
+.qr-code {
+    position: relative;
+    float: left;
+    width: 2.1cm;
+    height: 2.1cm;
+    background-image: url(https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=blog.qoomon.com);
+    background-repeat: no-repeat;
+    -webkit-background-size: cover;
+    background-size: cover;
+    background-position: center;
+}
+.epic {
+    width: auto;
+    height: auto;
+    position: relative;
+    float:right;
+    margin-right:0.6cm;
+    padding-top: 0.2cm;
+    padding-bottom: 0.2cm;
+    padding-left: 0.3cm;
+    padding-right: 0.3cm;
+    text-align: left;
+    font-size: 0.7cm;
+    line-height: 0.7cm;
+    max-width: calc( 100% - 10.2cm);
+}
+.epic-key {
+}
+.epic-name {
+    font-weight: bold;
+}
+*/
+            }));
+    return result;
+}
+
+//############################################################################################################################
+//############################################################################################################################
+//############################################################################################################################
+
+
+function loadDependencies() {
+    loadJQuery();
+    loadLoggingFunctions();
+    loadStringFunctions();
+    loadGoogleAnalytics();
+}
+
+
+function loadLoggingFunctions() {
+
+    console.ERROR = 0;
+    console.WARN  = 1;
+    console.INFO  = 2;
+    console.DEBUG = 3;
+    console.TRACE = 4;
+
+    console.logLevel = console.INFO ;
+
+    console.logError = function(msg){
+        if(console.logLevel >= console.ERROR ) {
+            console.log("ERROR: " + msg);
+        }
+    }
+
+    console.logWarn = function(msg){
+         if(console.logLevel >= console.WARN ) {
+            console.log("WARN:  " + msg);
+        }
+    }
+
+    console.logInfo = function(msg){
+         if(console.logLevel >= console.INFO ) {
+            console.log("INFO:  " + msg);
+        }
+    }
+
+    console.logDebug = function(msg){
+        if(console.logLevel >= console.DEBUG ) {
+            console.log("DEBUG: " + msg);
+        }
+    }
+
+    console.logTrace = function(msg){
+         if(console.logLevel >= console.TRACE ) {
+            console.log("TRACE: " + msg);
+        }
+    }
+}
+
+function loadStringFunctions() {
+
+    //trim string - remove leading and trailing whitespaces
+    if (!String.prototype.trim) {
+        String.prototype.trim = function() {
+            return this.replace(/^\s+|\s+$/g, '');
+        };
+    }
+
+    if (!String.prototype.startsWith) {
+        String.prototype.startsWith = function (str){
+            return this.slice(0, str.length) == str;
+        };
+    }
+
+    if (!String.prototype.endsWith) {
+        String.prototype.endsWith = function (str){
+            return this.slice(-str.length) == str;
+        };
+    }
+
+    if (!String.prototype.toCamelCase) {
+        String.prototype.toCamelCase = function() {
+            // remove all characters that should not be in a variable name
+            // as well underscores an numbers from the beginning of the string
+            var s = this.replace(/([^a-zA-Z0-9_\- ])|^[_0-9]+/g, "").trim().toLowerCase();
+            // uppercase letters preceeded by a hyphen or a space
+            s = s.replace(/([ -]+)([a-zA-Z0-9])/g, function(a,b,c) {
+                return c.toUpperCase();
+            });
+            // uppercase letters following numbers
+            s = s.replace(/([0-9]+)([a-zA-Z])/g, function(a,b,c) {
+                return b + c.toUpperCase();
+            });
+            return s;
+        }
+    }
+}
+
+
+function loadJQuery() {
+
+    // check prior inclusion and version
+    if (window.jQuery === undefined) {  
+            console.log("reload JQuery ");
+            var script = document.createElement("script");
+            script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js";
+            scr.async = false;
+            document.getElementsByTagName("head")[0].appendChild(script);
+    } 
+    $ = jQuery.noConflict();
+
+}
+
+function loadGoogleAnalytics() {
+
+    // Google Analytics
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+}
+
+
+//############################################################################################################################
+//############################################################################################################################
+//############################################################################################################################
+
+
+function firstNotNull(arg, def) {
+   return (arg != undefined && arg != null) ? arg : def;
+}
+
+
+
+function generateHTMLWithAbsolutePathes(html) {
+    var absoultePath = function(index, href) {
+        var link = link || document.createElement("a");
+        link.href = href;
+        return (link.protocol + "//" + link.host + link.pathname + link.search + link.hash);
+    };
+
+    $(html).find('[href]').not('[href^="http"],[href^="https"],[href^="mailto:"],[href^="#"]').each(function() {
+        $(this).attr('href', absoultePath);
+    });
+    $(html).find('[src]').not('[src^="http"],[src^="https"]').each(function() {
+        $(this).attr('src', absoultePath);
+    });
+
+    return html;
+}
+
+function multilineString(commentFunction) {
+    return commentFunction.toString()
+        .replace(/^[^\/]+\/\*!?/, '')
+        .replace(/\*\/[^\/]+$/, '');
+}
+
+/**
+ * Retrieve nested item from object/array
+ * @param {Object|Array} obj
+ * @param {String} path dot separated
+ * @param {*} def default value ( if result undefined )
+ * @returns {*}
+ */
+function getProperty(obj, path, def){
+    for(var i = 0,path = path.split('.'),len = path.length; i < len; i++){
+        if(!obj || typeof obj !== 'object') return def;
+        obj = obj[path[i]];
+    }
+
+    if(obj === undefined) return def;
+    return obj;
+}
+
+function resizeIframe(iframe) {
+    iframe.height(iframe[0].contentWindow.document.body.scrollHeight);
+}
+
+/********************************************************
+Name: str_to_color
+Description: create a hash from a string then generates a color
+Usage: alert('#'+str_to_color("Any string can be converted"));
+author: Brandon Corbin [code@icorbin.com]
+website: http://icorbin.com
+********************************************************/
+
+function stringToColor(str) {
+    'use strict';
+    // Generate a Hash for the String
+    var hash = function(word) {
+        var h = 0;
+        for (var i = 0; i < word.length; i++) {
+            h = word.charCodeAt(i) + ((h << 5) - h);
+        }
+        return h;
+    };
+
+    // Change the darkness or lightness
+    var shade = function(color, prc) {
+        var num = parseInt(color, 16),
+            amt = Math.round(2.55 * prc),
+            R = (num >> 16) + amt,
+            G = (num >> 8 & 0x00FF) + amt,
+            B = (num & 0x0000FF) + amt;
+        return (0x1000000 + (R < 255 ? R < 1 ? 0 : R : 255) * 0x10000 +
+            (G < 255 ? G < 1 ? 0 : G : 255) * 0x100 +
+            (B < 255 ? B < 1 ? 0 : B : 255))
+            .toString(16)
+            .slice(1);
+
+    };
+    // Convert init to an RGBA
+    var int_to_rgba = function(i) {
+        var color = ((i >> 24) & 0xFF).toString(16) +
+            ((i >> 16) & 0xFF).toString(16) +
+            ((i >> 8) & 0xFF).toString(16) +
+            (i & 0xFF).toString(16);
+        return color;
+    };
+
+    return '#'+shade(int_to_rgba(hash(str)), -10);
+
+}
+
+$.expr[':']['is'] = function(node, index, props){
+  return node.textContent == props[3];
+}
+
+Date.prototype.format = function(format) {
+    var returnStr = '';
+    var replace = Date.replaceChars;
+    for (var i = 0; i < format.length; i++) {       var curChar = format.charAt(i);         if (i - 1 >= 0 && format.charAt(i - 1) == "\\") {
+            returnStr += curChar;
+        }
+        else if (replace[curChar]) {
+            returnStr += replace[curChar].call(this);
+        } else if (curChar != "\\"){
+            returnStr += curChar;
+        }
+    }
+    return returnStr;
+};
+
+Date.replaceChars = {
+    shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    longMonths: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    longDays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+
+    // Day
+    d: function() { return (this.getDate() < 10 ? '0' : '') + this.getDate(); },
+    D: function() { return Date.replaceChars.shortDays[this.getDay()]; },
+    j: function() { return this.getDate(); },
+    l: function() { return Date.replaceChars.longDays[this.getDay()]; },
+    N: function() { return this.getDay() + 1; },
+    S: function() { return (this.getDate() % 10 == 1 && this.getDate() != 11 ? 'st' : (this.getDate() % 10 == 2 && this.getDate() != 12 ? 'nd' : (this.getDate() % 10 == 3 && this.getDate() != 13 ? 'rd' : 'th'))); },
+    w: function() { return this.getDay(); },
+    z: function() { var d = new Date(this.getFullYear(),0,1); return Math.ceil((this - d) / 86400000); }, // Fixed now
+    // Week
+    W: function() { var d = new Date(this.getFullYear(), 0, 1); return Math.ceil((((this - d) / 86400000) + d.getDay() + 1) / 7); }, // Fixed now
+    // Month
+    F: function() { return Date.replaceChars.longMonths[this.getMonth()]; },
+    m: function() { return (this.getMonth() < 9 ? '0' : '') + (this.getMonth() + 1); },
+    M: function() { return Date.replaceChars.shortMonths[this.getMonth()]; },
+    n: function() { return this.getMonth() + 1; },
+    t: function() { var d = new Date(); return new Date(d.getFullYear(), d.getMonth(), 0).getDate() }, // Fixed now, gets #days of date
+    // Year
+    L: function() { var year = this.getFullYear(); return (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0)); },   // Fixed now
+    o: function() { var d  = new Date(this.valueOf());  d.setDate(d.getDate() - ((this.getDay() + 6) % 7) + 3); return d.getFullYear();}, //Fixed now
+    Y: function() { return this.getFullYear(); },
+    y: function() { return ('' + this.getFullYear()).substr(2); },
+    // Time
+    a: function() { return this.getHours() < 12 ? 'am' : 'pm'; },
+    A: function() { return this.getHours() < 12 ? 'AM' : 'PM'; },
+    B: function() { return Math.floor((((this.getUTCHours() + 1) % 24) + this.getUTCMinutes() / 60 + this.getUTCSeconds() / 3600) * 1000 / 24); }, // Fixed now
+    g: function() { return this.getHours() % 12 || 12; },
+    G: function() { return this.getHours(); },
+    h: function() { return ((this.getHours() % 12 || 12) < 10 ? '0' : '') + (this.getHours() % 12 || 12); },
+    H: function() { return (this.getHours() < 10 ? '0' : '') + this.getHours(); },
+    i: function() { return (this.getMinutes() < 10 ? '0' : '') + this.getMinutes(); },
+    s: function() { return (this.getSeconds() < 10 ? '0' : '') + this.getSeconds(); },
+    u: function() { var m = this.getMilliseconds(); return (m < 10 ? '00' : (m < 100 ?
+'0' : '')) + m; },
+    // Timezone
+    e: function() { return "Not Yet Supported"; },
+    I: function() {
+        var DST = null;
+            for (var i = 0; i < 12; ++i) {
+                    var d = new Date(this.getFullYear(), i, 1);
+                    var offset = d.getTimezoneOffset();
+
+                    if (DST === null) DST = offset;
+                    else if (offset < DST) { DST = offset; break; }                     else if (offset > DST) break;
+            }
+            return (this.getTimezoneOffset() == DST) | 0;
+        },
+    O: function() { return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + '00'; },
+    P: function() { return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + ':00'; }, // Fixed now
+    T: function() { var m = this.getMonth(); this.setMonth(0); var result = this.toTimeString().replace(/^.+ \(?([^\)]+)\)?$/, '$1'); this.setMonth(m); return result;},
+    Z: function() { return -this.getTimezoneOffset() * 60; },
+    // Full Date/Time
+    c: function() { return this.format("Y-m-d\\TH:i:sP"); }, // Fixed now
+    r: function() { return this.toString(); },
+    U: function() { return this.getTimep() / 1000; }
+};