From 8ecaeaf4e7259f4b61062d7b33acc6a71f957c90 Mon Sep 17 00:00:00 2001
From: Fred Tempez <frederic.tempez@outlook.com>
Date: Fri, 14 Apr 2023 17:05:46 +0200
Subject: [PATCH] Them footer WIP

---
 core/module/install/ressource/i18n/en_EN.json |   4 +-
 core/module/install/ressource/i18n/es.json    |   2 +-
 core/module/install/ressource/i18n/fr_FR.json |   2 +-
 core/module/theme/theme.php                   |   2 +-
 core/module/theme/view/footer/footer.js.php   | 111 +++++++++++++++++-
 core/module/theme/view/footer/footer.php      |   4 +-
 core/module/theme/view/site/site.js.php       |   4 +-
 7 files changed, 119 insertions(+), 10 deletions(-)

diff --git a/core/module/install/ressource/i18n/en_EN.json b/core/module/install/ressource/i18n/en_EN.json
index ba68743c..9a5862bd 100644
--- a/core/module/install/ressource/i18n/en_EN.json
+++ b/core/module/install/ressource/i18n/en_EN.json
@@ -63,7 +63,7 @@
     "Arrière plan des champs": "Fields background",
     "Arrondi des angles": "Rounding of angles",
     "Au centre": "Center",
-    "Au dessus du site": "Above the site",
+    "Au-dessus du site": "Above the site",
     "Au début": "At first",
     "Au milieu au centre": "In the middle in the center",
     "Au milieu à droite": "In the middle right",
@@ -161,7 +161,7 @@
     "Couleur visible en l'absence d'une image.<br />Le curseur horizontal règle le niveau de transparence. La couleur du texte est automatique.": "Visible color in the absence of an image. <br /> The horizontal cursor regulates the level of transparency. The color of the text is automatic.",
     "Couleurs": "Colors",
     "Créez un compte gratuit, recopier la clé , puis valider le formulaire avant de cliquer sur le bouton de génération": "Create a free account, copy the key, then validate the form before clicking the generation button",
-    "Dans le site": "In the site",
+    "Dans le site": "Into the site",
     "Dans quelle langue utiliserez-vous Zwii ?": "In which language will you use Zwii?",
     "Date": "Date",
     "Description": "Site description",
diff --git a/core/module/install/ressource/i18n/es.json b/core/module/install/ressource/i18n/es.json
index a4a0994c..de0dc7b5 100644
--- a/core/module/install/ressource/i18n/es.json
+++ b/core/module/install/ressource/i18n/es.json
@@ -63,7 +63,7 @@
     "Arrière plan des champs": "Fondo de zona",
     "Arrondi des angles": "Redondeo de ángulos",
     "Au centre": "En el centro",
-    "Au dessus du site": "Por encima del sitio",
+    "Au-dessus du site": "Por encima del sitio",
     "Au début": "Al principio",
     "Au milieu au centre": "En el medio en el centro",
     "Au milieu à droite": "En el medio derecho",
diff --git a/core/module/install/ressource/i18n/fr_FR.json b/core/module/install/ressource/i18n/fr_FR.json
index 7b982dcc..180467b0 100644
--- a/core/module/install/ressource/i18n/fr_FR.json
+++ b/core/module/install/ressource/i18n/fr_FR.json
@@ -63,7 +63,7 @@
     "Arrière plan des champs": "",
     "Arrondi des angles": "",
     "Au centre": "",
-    "Au dessus du site": "",
+    "Au-dessus du site": "",
     "Au début": "",
     "Au milieu au centre": "",
     "Au milieu à droite": "",
diff --git a/core/module/theme/theme.php b/core/module/theme/theme.php
index eef34e94..af0c60ac 100644
--- a/core/module/theme/theme.php
+++ b/core/module/theme/theme.php
@@ -113,7 +113,7 @@ class theme extends common
 		'400px' => '400px',
 	];
 	public static $headerPositions = [
-		'body' => 'Au dessus du site',
+		'body' => 'Au-dessus du site',
 		'site' => 'Dans le site',
 		'hide' => 'Cachée'
 	];
diff --git a/core/module/theme/view/footer/footer.js.php b/core/module/theme/view/footer/footer.js.php
index 4d61347a..f2a49026 100644
--- a/core/module/theme/view/footer/footer.js.php
+++ b/core/module/theme/view/footer/footer.js.php
@@ -11,4 +11,113 @@
  * @copyright Copyright (C) 2018-2023, Frédéric Tempez
  * @link http://zwiicms.fr/
  */
-$("input, select").on("change",(function(){var footerFont=$("#themeFooterFont :selected").val(),footerFontText=$("#themeFooterFont :selected").text(),css="@import url('https://fonts.cdnfonts.com/css/"+footerFont+"');",colors=core.colorVariants($("#themeFooterBackgroundColor").val()),textColor=$("#themeFooterTextColor").val(),css="footer {background-color:"+colors.normal+";color:"+textColor+"}";switch(css+="footer a{color:"+textColor+"}",css+=".editorWysiwyg{background-color:"+colors.normal+" !important; color:"+textColor+" !important;}",css+="footer #footersite > div{margin:"+$("#themeFooterHeight").val()+" 0}",css+="footer #footerbody > div{margin:"+$("#themeFooterHeight").val()+" 0}",css+="#footerSocials{text-align:"+$("#themeFooterSocialsAlign").val()+"}",css+="#footerText > p {text-align:"+$("#themeFooterTextAlign").val()+"}",css+="#footerCopyright{text-align:"+$("#themeFooterCopyrightAlign").val()+"}",css+="footer span, #footerText > p {color:"+$("#themeFooterTextColor").val()+";font-family:'"+footerFontText+"',sans-serif;font-weight:"+$("#themeFooterFontWeight").val()+";font-size:"+$("#themeFooterFontSize").val()+";text-transform:"+$("#themeFooterTextTransform").val()+"}",$("#themeFooterMargin").is(":checked")?css+="footer{padding: 0 20px;}":css+="footer{padding:0}",$("#themePreview").remove(),$("<style>").attr("type","text/css").attr("id","themePreview").text(css).appendTo("footer"),$("#themeFooterPosition").val()){case"hide":$("footer").hide();break;case"site":$("footer").show().appendTo("#site"),$("footer > div:first-child").removeAttr("class"),$("footer > div:first-child").addClass("container");break;case"body":$("footer").show().appendTo("body"),$("footer > div:first-child").removeAttr("class"),$("footer > div:first-child").addClass("container-large")}$("#footerText > p").css("margin-top","0"),$("#footerText > p").css("margin-bottom","0")})),$(".themeFooterContent").on("change",(function(){var footerPosition=$("#themeFooterPosition").val();switch($("#themeFooterTextPosition").val()){case"hide":$("#footerText").hide();break;default:textPosition=$("#themeFooterTextPosition").val(),textPosition=textPosition.substr(0,1).toUpperCase()+textPosition.substr(1),$("#footerText").show().appendTo("#footer"+footerPosition+textPosition)}switch($("#themeFooterSocialsPosition").val()){case"hide":$("#footerSocials").hide();break;default:socialsPosition=$("#themeFooterSocialsPosition").val(),socialsPosition=socialsPosition.substr(0,1).toUpperCase()+socialsPosition.substr(1),$("#footerSocials").show().appendTo("#footer"+footerPosition+socialsPosition)}switch($("#themeFooterCopyrightPosition").val()){case"hide":$("#footerCopyright").hide();break;default:copyrightPosition=$("#themeFooterCopyrightPosition").val(),copyrightPosition=copyrightPosition.substr(0,1).toUpperCase()+copyrightPosition.substr(1),$("#footerCopyright").show().appendTo("#footer"+footerPosition+copyrightPosition)}})).trigger("change"),$("#themeFooterTemplate").on("change",(function(){var newOptions={4:{hide:"Masqué",left:"En haut",center:"Au milieu",right:"En bas"},3:{hide:"Masqué",left:"A gauche",center:"Au centre",right:"A droite"},2:{hide:"Masqué",left:"A gauche",right:"A droite"},1:{hide:"Masqué",center:"Affiché"}},$el=$(".themeFooterContent");$el.empty(),$.each(newOptions[$("#themeFooterTemplate").val()],(function(key,value){$el.append($("<option></option>").attr("value",key).text(value))}));var position=$("#themeFooterPosition").val();switch($("#footerCopyright").hide(),$("#footerText").hide(),$("#footerSocials").hide(),$("#themeFooterTemplate").val()){case"1":$("#footer"+position+"Left").css("display","none"),$("#footer"+position+"Center").removeAttr("class").addClass("col12").css("display",""),$("#footer"+position+"Right").css("display","none");break;case"2":$("#footer"+position+"Left").removeAttr("class").addClass("col6").css("display",""),$("#footer"+position+"Center").css("display","none").removeAttr("class"),$("#footer"+position+"Right").removeAttr("class").addClass("col6").css("display","");break;case"3":$("#footer"+position+"Left").removeAttr("class").addClass("col4").css("display",""),$("#footer"+position+"Center").removeAttr("class").addClass("col4").css("display",""),$("#footer"+position+"Right").removeAttr("class").addClass("col4").css("display","");break;case"4":$("#footer"+position+"Left").removeAttr("class").addClass("col12").css("display",""),$("#footer"+position+"Center").removeAttr("class").addClass("col12").css("display",""),$("#footer"+position+"Right").removeAttr("class").addClass("col12").css("display","")}})),$("#themeFooterSocialsPosition").on("change",(function(){$(this).prop("selectedIndex")>=1&&($("#themeFooterTextPosition").prop("selectedIndex")===$(this).prop("selectedIndex")&&($("#themeFooterTextPosition").prop("selectedIndex",0),$("#footerText").hide()),$("#themeFooterCopyrightPosition").prop("selectedIndex")===$(this).prop("selectedIndex")&&($("#themeFooterCopyrightPosition").prop("selectedIndex",0),$("#footerCopyright").hide()))})).trigger("change"),$("#themeFooterTextPosition").on("change",(function(){$(this).prop("selectedIndex")>=1&&($("#themeFooterSocialsPosition").prop("selectedIndex")===$(this).prop("selectedIndex")&&($("#themeFooterSocialsPosition").prop("selectedIndex",0),$("#footerSocials").hide()),$("#themeFooterCopyrightPosition").prop("selectedIndex")===$(this).prop("selectedIndex")&&($("#themeFooterCopyrightPosition").prop("selectedIndex",0),$("#footerCopyright").hide()))})).trigger("change"),$("#themeFooterCopyrightPosition").on("change",(function(){$(this).prop("selectedIndex")>=1&&($("#themeFooterTextPosition").prop("selectedIndex")===$(this).prop("selectedIndex")&&($("#themeFooterTextPosition").prop("selectedIndex",0),$("#footerText").hide()),$("#themeFooterSocialsPosition").prop("selectedIndex")===$(this).prop("selectedIndex")&&($("#themeFooterSocialsPosition").prop("selectedIndex",0),$("#footerSocials").hide()))})).trigger("change"),$("#themeFooterPosition").on("change",(function(){"body"===$(this).val()?$("#themeFooterPositionFixed").slideDown():$("#themeFooterPositionFixed").slideUp((function(){$("#themeFooterFixed").prop("checked",!1).trigger("change")}))})).trigger("change"),$("#themeFooterLoginLink").on("change",(function(){$(this).is(":checked")?$("#footerLoginLink").show():$("#footerLoginLink").hide()})).trigger("change"),$("#themefooterDisplayVersion").on("change",(function(){$(this).is(":checked")?$("#footerDisplayVersion").show():$("#footerDisplayVersion").hide()})).trigger("change"),$("#themefooterDisplayCopyright").on("change",(function(){$(this).is(":checked")?$("#footerDisplayCopyright").show():$("#footerDisplayCopyright").hide()})).trigger("change"),$("#themefooterDisplaySiteMap").on("change",(function(){$(this).is(":checked")?$("#footerDisplaySiteMap").show():$("#footerDisplaySiteMap").hide()})).trigger("change"),$("#themeFooterDisplaySearch").on("change",(function(){$(this).is(":checked")?$("#footerDisplaySearch").show():$("#footerDisplaySearch").hide()})).trigger("change"),$("#themeFooterDisplayLegal").on("change",(function(){$(this).is(":checked")?$("#footerDisplayLegal").show():$("#footerDisplayLegal").hide()})).trigger("change"),$("#configLegalPageId").on("change",(function(){"Aucune"===$("#configLegalPageId option:selected").text()?($("#themeFooterDisplayLegal").prop("checked",!1),$("#themeFooterDisplayLegal").prop("disabled",!0),$("#footerDisplayLegal").hide()):$("#themeFooterDisplayLegal").prop("disabled",!1)})).trigger("change"),$("#configSearchPageId").on("change",(function(){"Aucune"===$("#configSearchPageId option:selected").text()?($("#themeFooterDisplaySearch").prop("checked",!1),$("#themeFooterDisplaySearch").prop("disabled",!0),$("#footerDisplaySearch").hide()):$("#themeFooterDisplaySearch").prop("disabled",!1)})).trigger("change");
\ No newline at end of file
+$("input, select").on("change", (function () {
+    var footerFont = $("#themeFooterFont :selected").val(),
+        footerFontText = $("#themeFooterFont :selected").text(),
+        css = "@import url('https://fonts.cdnfonts.com/css/" + footerFont + "');",
+        colors = core.colorVariants($("#themeFooterBackgroundColor").val()),
+        textColor = $("#themeFooterTextColor").val(),
+        css = "footer {background-color:" + colors.normal + ";color:" + textColor + "}";
+    switch (css += "footer a{color:" + textColor + "}", css += ".editorWysiwyg{background-color:" + colors.normal + " !important; color:" + textColor + " !important;}", css += "footer #footersite > div{margin:" + $("#themeFooterHeight").val() + " 0}", css += "footer #footerbody > div{margin:" + $("#themeFooterHeight").val() + " 0}", css += "#footerSocials{text-align:" + $("#themeFooterSocialsAlign").val() + "}", css += "#footerText > p {text-align:" + $("#themeFooterTextAlign").val() + "}", css += "#footerCopyright{text-align:" + $("#themeFooterCopyrightAlign").val() + "}", css += "footer span, #footerText > p {color:" + $("#themeFooterTextColor").val() + ";font-family:'" + footerFontText + "',sans-serif;font-weight:" + $("#themeFooterFontWeight").val() + ";font-size:" + $("#themeFooterFontSize").val() + ";text-transform:" + $("#themeFooterTextTransform").val() + "}", $("#themeFooterMargin").is(":checked") ? css += "footer{padding: 0 20px;}" : css += "footer{padding:0}", $("#themePreview").remove(), $("<style>").attr("type", "text/css").attr("id", "themePreview").text(css).appendTo("footer"), $("#themeFooterPosition").val()) {
+        case "hide":
+            $("footer").hide();
+            break;
+        case "site":
+            $("footer").show().appendTo("#site"), $("footer > div:first-child").removeAttr("class"), $("footer > div:first-child").addClass("container");
+            break;
+        case "body":
+            $("footer").show().appendTo("body"), $("footer > div:first-child").removeAttr("class"), $("footer > div:first-child").addClass("container-large")
+    }
+    $("#footerText > p").css("margin-top", "0"), $("#footerText > p").css("margin-bottom", "0")
+})), $(".themeFooterContent").on("change", (function () {
+    var footerPosition = $("#themeFooterPosition").val();
+    switch ($("#themeFooterTextPosition").val()) {
+        case "hide":
+            $("#footerText").hide();
+            break;
+        default:
+            textPosition = $("#themeFooterTextPosition").val(), textPosition = textPosition.substr(0, 1).toUpperCase() + textPosition.substr(1), $("#footerText").show().appendTo("#footer" + footerPosition + textPosition)
+    }
+    switch ($("#themeFooterSocialsPosition").val()) {
+        case "hide":
+            $("#footerSocials").hide();
+            break;
+        default:
+            socialsPosition = $("#themeFooterSocialsPosition").val(), socialsPosition = socialsPosition.substr(0, 1).toUpperCase() + socialsPosition.substr(1), $("#footerSocials").show().appendTo("#footer" + footerPosition + socialsPosition)
+    }
+    switch ($("#themeFooterCopyrightPosition").val()) {
+        case "hide":
+            $("#footerCopyright").hide();
+            break;
+        default:
+            copyrightPosition = $("#themeFooterCopyrightPosition").val(), copyrightPosition = copyrightPosition.substr(0, 1).toUpperCase() + copyrightPosition.substr(1), $("#footerCopyright").show().appendTo("#footer" + footerPosition + copyrightPosition)
+    }
+})).trigger("change"), $("#themeFooterTemplate").on("change", (function () {
+    var newOptions = {
+        4: {
+            hide: "Masqué",
+            left: "En haut",
+            center: "Au milieu",
+            right: "En bas"
+        },
+        3: {
+            hide: "Masqué",
+            left: "A gauche",
+            center: "Au centre",
+            right: "A droite"
+        },
+        2: {
+            hide: "Masqué",
+            left: "A gauche",
+            right: "A droite"
+        },
+        1: {
+            hide: "Masqué",
+            center: "Affiché"
+        }
+    },
+        $el = $(".themeFooterContent");
+    $el.empty(), $.each(newOptions[$("#themeFooterTemplate").val()], (function (key, value) {
+        $el.append($("<option></option>").attr("value", key).text(value))
+    }));
+    var position = $("#themeFooterPosition").val();
+    switch ($("#footerCopyright").hide(), $("#footerText").hide(), $("#footerSocials").hide(), $("#themeFooterTemplate").val()) {
+        case "1":
+            $("#footer" + position + "Left").css("display", "none"), $("#footer" + position + "Center").removeAttr("class").addClass("col12").css("display", ""), $("#footer" + position + "Right").css("display", "none");
+            break;
+        case "2":
+            $("#footer" + position + "Left").removeAttr("class").addClass("col6").css("display", ""), $("#footer" + position + "Center").css("display", "none").removeAttr("class"), $("#footer" + position + "Right").removeAttr("class").addClass("col6").css("display", "");
+            break;
+        case "3":
+            $("#footer" + position + "Left").removeAttr("class").addClass("col4").css("display", ""), $("#footer" + position + "Center").removeAttr("class").addClass("col4").css("display", ""), $("#footer" + position + "Right").removeAttr("class").addClass("col4").css("display", "");
+            break;
+        case "4":
+            $("#footer" + position + "Left").removeAttr("class").addClass("col12").css("display", ""), $("#footer" + position + "Center").removeAttr("class").addClass("col12").css("display", ""), $("#footer" + position + "Right").removeAttr("class").addClass("col12").css("display", "")
+    }
+})), $("#themeFooterSocialsPosition").on("change", (function () {
+    $(this).prop("selectedIndex") >= 1 && ($("#themeFooterTextPosition").prop("selectedIndex") === $(this).prop("selectedIndex") && ($("#themeFooterTextPosition").prop("selectedIndex", 0), $("#footerText").hide()), $("#themeFooterCopyrightPosition").prop("selectedIndex") === $(this).prop("selectedIndex") && ($("#themeFooterCopyrightPosition").prop("selectedIndex", 0), $("#footerCopyright").hide()))
+})).trigger("change"), $("#themeFooterTextPosition").on("change", (function () {
+    $(this).prop("selectedIndex") >= 1 && ($("#themeFooterSocialsPosition").prop("selectedIndex") === $(this).prop("selectedIndex") && ($("#themeFooterSocialsPosition").prop("selectedIndex", 0), $("#footerSocials").hide()), $("#themeFooterCopyrightPosition").prop("selectedIndex") === $(this).prop("selectedIndex") && ($("#themeFooterCopyrightPosition").prop("selectedIndex", 0), $("#footerCopyright").hide()))
+})).trigger("change"), $("#themeFooterCopyrightPosition").on("change", (function () {
+    $(this).prop("selectedIndex") >= 1 && ($("#themeFooterTextPosition").prop("selectedIndex") === $(this).prop("selectedIndex") && ($("#themeFooterTextPosition").prop("selectedIndex", 0), $("#footerText").hide()), $("#themeFooterSocialsPosition").prop("selectedIndex") === $(this).prop("selectedIndex") && ($("#themeFooterSocialsPosition").prop("selectedIndex", 0), $("#footerSocials").hide()))
+})).trigger("change"), $("#themeFooterPosition").on("change", (function () {
+    "body" === $(this).val() ? $("#themeFooterPositionFixed").slideDown() : $("#themeFooterPositionFixed").slideUp((function () {
+        $("#themeFooterFixed").prop("checked", !1).trigger("change")
+    }))
+})).trigger("change"), $("#themeFooterLoginLink").on("change", (function () {
+    $(this).is(":checked") ? $("#footerLoginLink").show() : $("#footerLoginLink").hide()
+})).trigger("change"), $("#themefooterDisplayVersion").on("change", (function () {
+    $(this).is(":checked") ? $("#footerDisplayVersion").show() : $("#footerDisplayVersion").hide()
+})).trigger("change"), $("#themefooterDisplayCopyright").on("change", (function () {
+    $(this).is(":checked") ? $("#footerDisplayCopyright").show() : $("#footerDisplayCopyright").hide()
+})).trigger("change"), $("#themefooterDisplaySiteMap").on("change", (function () {
+    $(this).is(":checked") ? $("#footerDisplaySiteMap").show() : $("#footerDisplaySiteMap").hide()
+})).trigger("change"), $("#themeFooterDisplaySearch").on("change", (function () {
+    $(this).is(":checked") ? $("#footerDisplaySearch").show() : $("#footerDisplaySearch").hide()
+})).trigger("change"), $("#themeFooterDisplayLegal").on("change", (function () {
+    $(this).is(":checked") ? $("#footerDisplayLegal").show() : $("#footerDisplayLegal").hide()
+})).trigger("change"), $("#configLegalPageId").on("change", (function () {
+    "Aucune" === $("#configLegalPageId option:selected").text() ? ($("#themeFooterDisplayLegal").prop("checked", !1), $("#themeFooterDisplayLegal").prop("disabled", !0), $("#footerDisplayLegal").hide()) : $("#themeFooterDisplayLegal").prop("disabled", !1)
+})).trigger("change"), $("#configSearchPageId").on("change", (function () {
+    "Aucune" === $("#configSearchPageId option:selected").text() ? ($("#themeFooterDisplaySearch").prop("checked", !1), $("#themeFooterDisplaySearch").prop("disabled", !0), $("#footerDisplaySearch").hide()) : $("#themeFooterDisplaySearch").prop("disabled", !1)
+})).trigger("change");
\ No newline at end of file
diff --git a/core/module/theme/view/footer/footer.php b/core/module/theme/view/footer/footer.php
index 370620b0..d5a249cb 100644
--- a/core/module/theme/view/footer/footer.php
+++ b/core/module/theme/view/footer/footer.php
@@ -135,7 +135,7 @@
                     <?php echo template::checkbox('themeFooterDisplayLegal', true, 'Mentions légales', [
                         'checked' => $this->getData(['locale', 'legalPageId']) === 'none' ? false : $this->getData(['theme', 'footer', 'displayLegal']),
                         'disabled' => $this->getData(['locale', 'legalPageId']) === 'none' ? true : false,
-                        'help' => 'Option active si une page a été sélectionnée.'
+                        'help' => 'Sélectionnez une page pour activer'
                     ]); ?>
                 </div>
                 <div class="col3">
@@ -149,7 +149,7 @@
                     <?php echo template::checkbox('themeFooterDisplaySearch', true, 'Rechercher dans le site', [
                         'checked' => $this->getData(['locale', 'searchPageId']) === 'none' ? false : $this->getData(['theme', 'footer', 'displaySearch']),
                         'disabled' => $this->getData(['locale', 'searchPageId']) === 'none' ? true : false,
-                        'help' => 'Option active si une page a été sélectionnée.'
+                        'help' => 'Sélectionnez une page pour activer'
                     ]); ?>
                 </div>
                 <div class="col3">
diff --git a/core/module/theme/view/site/site.js.php b/core/module/theme/view/site/site.js.php
index 5245597c..06c35f30 100644
--- a/core/module/theme/view/site/site.js.php
+++ b/core/module/theme/view/site/site.js.php
@@ -82,8 +82,8 @@ $("input, select").on("change",function() {
 	css += "#site{border-radius:" + $("#themeSiteRadius").val() + ";box-shadow:" + $("#themeSiteShadow").val() + " #212223}";
 
 	// Couleur ou image de fond
-	var backgroundImage = <?php echo json_encode($this->getData(['theme','body','image'])); ?>;
-	var backgroundcolor = <?php echo json_encode($this->getdata(['theme','body','backgroundColor'])); ?>;
+	var backgroundImage = "<?php echo json_encode($this->getData(['theme','body','image'])); ?>";
+	var backgroundcolor = "<?php echo json_encode($this->getdata(['theme','body','backgroundColor'])); ?>";
 	if(backgroundImage ) {
 		css += "div.bodybackground{background-image:url(" + window.location.origin + window.location.pathname + '/site/file/source/' +  backgroundImage + ");background-repeat:" + $("#themeBodyImageRepeat").val() + ";background-position:" + $("#themeBodyImagePosition").val() + ";background-attachment:" + $("#themeBodyImageAttachment").val() + ";background-size:" + $("#themeBodyImageSize").val() + "}";
 		css += "div.bodybackground{background-color:rgba(0,0,0,0);}";