bug:2827

adding a sprite for flags. So the flag in language packages is no longuer required, but language_switch.css need to be edited for a language added to Piwigo.

git-svn-id: http://piwigo.org/svn/trunk@20587 68402e56-0260-453c-a942-63ccdbb3a9ee

4 files changed, 287 insertions, 6 deletions

diff --git a/plugins/language_switch/flag_sprite.png b/plugins/language_switch/flag_sprite.png
new file mode 100644
index 000000000..9386ec280
--- /dev/null
+++ b/plugins/language_switch/flag_sprite.png
diff --git a/plugins/language_switch/flags.tpl b/plugins/language_switch/flags.tpl
index e77e89668..421815a8e 100644
--- a/plugins/language_switch/flags.tpl
+++ b/plugins/language_switch/flags.tpl
@@ -1,10 +1,12 @@
-<li>{strip}<a id="languageSwitchLink" title="{'Language'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
-  <span class="pwg-icon" style="background:url('{$lang_switch.Active.img}') center center no-repeat;">&nbsp;</span><span class="pwg-button-text">{'Language'|@translate}</span>
+<li id="languageSwitch">{strip}<a id="languageSwitchLink" title="{'Language'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
+  <span class="pwg-icon flags langflag-{$lang_switch.Active.code}" >&nbsp;</span><span class="pwg-button-text">{'Language'|@translate}</span>
 </a>
 <div id="languageSwitchBox" class="switchBox">
   <div class="switchBoxTitle">{'Language'|@translate}</div> 
   {foreach from=$lang_switch.flags item=flag name=f}
-  <a rel="nofollow" href="{$flag.url}"><img class="flags" src="{$flag.img}" alt="{$flag.alt}"> {$flag.title}</a>
+  <a rel="nofollow" href="{$flag.url}">
+    <span class="pwg-icon flags langflag-{$flag.code}">{$flag.alt}</span>{$flag.title}
+  </a>
   {if ($smarty.foreach.f.index+1)%3 == 0}<br>{/if}
   {/foreach}
 </div>
diff --git a/plugins/language_switch/language_switch.css b/plugins/language_switch/language_switch.css
index c2764c306..d9343d59c 100644
--- a/plugins/language_switch/language_switch.css
+++ b/plugins/language_switch/language_switch.css
@@ -4,4 +4,284 @@
   text-decoration:none;
   border:none;
   text-transform:none;
-}
\ No newline at end of file
+  margin-bottom: 3px;
+}
+#languageSwitchLink span {
+  margin-bottom: 5px;
+  margin-top: 5px;
+}
+#languageSwitch .flags {
+    background: url(flag_sprite.png) no-repeat top left;
+    margin-right: 3px;
+}
+
+/** Change the langflag-XX label to match a new language. All flags are represented there**/
+#languageSwitch .langflag-ad{ background-position: 0 0; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ae{ background-position: 0 -18px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-af{ background-position: 0 -36px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-af_ZA{ background-position: 0 -54px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ag{ background-position: 0 -72px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ai{ background-position: 0 -90px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-al{ background-position: 0 -108px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-alderney{ background-position: 0 -126px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-am{ background-position: 0 -144px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-an{ background-position: 0 -162px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ao{ background-position: 0 -180px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-aq{ background-position: 0 -198px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ar_SA{ background-position: 0 -216px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-as{ background-position: 0 -234px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-at{ background-position: 0 -252px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-au{ background-position: 0 -270px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-aw{ background-position: 0 -288px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ax{ background-position: 0 -306px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-az_AZ{ background-position: 0 -324px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-azores{ background-position: 0 -342px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ba{ background-position: 0 -360px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bb{ background-position: 0 -378px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bd{ background-position: 0 -396px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-be{ background-position: 0 -414px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bf{ background-position: 0 -432px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bg_BG{ background-position: 0 -450px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bh{ background-position: 0 -468px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bi{ background-position: 0 -486px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bj{ background-position: 0 -504px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bl{ background-position: 0 -522px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bm{ background-position: 0 -540px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bn{ background-position: 0 -558px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bn_IN{ background-position: 0 -576px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bo{ background-position: 0 -594px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bonaire{ background-position: 0 -612px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-british_antarctic_territory{ background-position: 0 -630px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bs{ background-position: 0 -648px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bt{ background-position: 0 -666px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bv{ background-position: 0 -684px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bw{ background-position: 0 -702px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-by{ background-position: 0 -720px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-bz{ background-position: 0 -738px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ca{ background-position: 0 -756px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ca_ES{ background-position: 0 -774px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cc{ background-position: 0 -792px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cd{ background-position: 0 -810px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cf{ background-position: 0 -828px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cg{ background-position: 0 -846px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ch{ background-position: 0 -864px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ci{ background-position: 0 -882px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ck{ background-position: 0 -900px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cl{ background-position: 0 -918px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cm{ background-position: 0 -936px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-co{ background-position: 0 -954px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cr{ background-position: 0 -972px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cs_CZ{ background-position: 0 -990px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cu{ background-position: 0 -1008px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cv{ background-position: 0 -1026px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cx{ background-position: 0 -1044px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cy{ background-position: 0 -1062px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-cz{ background-position: 0 -1080px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-da_DK{ background-position: 0 -1098px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-de_DE{ background-position: 0 -1116px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-dj{ background-position: 0 -1134px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-dm{ background-position: 0 -1152px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-do{ background-position: 0 -1170px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-dv_MV{ background-position: 0 -1188px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-dz{ background-position: 0 -1206px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ec{ background-position: 0 -1224px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-eg{ background-position: 0 -1242px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-eh{ background-position: 0 -1260px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-el_GR{ background-position: 0 -1278px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-en_UK{ background-position: 0 -1296px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-eo_EO{ background-position: 0 -1314px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-er{ background-position: 0 -1332px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-es_AR{ background-position: 0 -1350px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-es_ES{ background-position: 0 -1368px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-et{ background-position: 0 -1386px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-et_EE{ background-position: 0 -1404px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-eu{ background-position: 0 -1422px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-fa_IR{ background-position: 0 -1440px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-fi_FI{ background-position: 0 -1458px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-fj{ background-position: 0 -1476px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-fk{ background-position: 0 -1494px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-fm{ background-position: 0 -1512px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-fo{ background-position: 0 -1530px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-fr_CA{ background-position: 0 -1548px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-fr_FR{ background-position: 0 -1566px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ga{ background-position: 0 -1584px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gb{ background-position: 0 -1602px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gd{ background-position: 0 -1620px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gf{ background-position: 0 -1638px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gg{ background-position: 0 -1656px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gh{ background-position: 0 -1674px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gi{ background-position: 0 -1692px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gl{ background-position: 0 -1710px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gm{ background-position: 0 -1728px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gn{ background-position: 0 -1746px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gp{ background-position: 0 -1764px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gq{ background-position: 0 -1782px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gs{ background-position: 0 -1800px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gt{ background-position: 0 -1818px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gu{ background-position: 0 -1836px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gw{ background-position: 0 -1854px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-gy{ background-position: 0 -1872px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-he_IL{ background-position: 0 -1890px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-herm{ background-position: 0 -1908px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-hm{ background-position: 0 -1926px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-hn{ background-position: 0 -1944px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-hr_HR{ background-position: 0 -1962px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ht{ background-position: 0 -1980px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-hu_HU{ background-position: -26px 0; width: 24px; height: 16px; } 
+#languageSwitch .langflag-id{ background-position: -26px -18px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ie{ background-position: -26px -36px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-im{ background-position: -26px -54px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-io{ background-position: -26px -72px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-iq{ background-position: -26px -90px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-is_IS{ background-position: -26px -108px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-it_IT{ background-position: -26px -126px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ja_JP{ background-position: -26px -144px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-je{ background-position: -26px -162px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-jm{ background-position: -26px -180px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-jo{ background-position: -26px -198px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ka_GE{ background-position: -26px -216px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ke{ background-position: -26px -234px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-kg{ background-position: -26px -252px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ki{ background-position: -26px -270px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-km{ background-position: -26px -288px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-km_KH{ background-position: -26px -306px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-kn{ background-position: -26px -324px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ko_KR{ background-position: -26px -342px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-kok_IN{ background-position: -26px -360px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-kosovo{ background-position: -26px -378px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-kp{ background-position: -26px -396px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-kw{ background-position: -26px -414px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ky{ background-position: -26px -432px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-kz{ background-position: -26px -450px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-la{ background-position: -26px -468px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-lb{ background-position: -26px -486px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-lc{ background-position: -26px -504px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-li{ background-position: -26px -522px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-lk{ background-position: -26px -540px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-lr{ background-position: -26px -558px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ls{ background-position: -26px -576px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-lt_LT{ background-position: -26px -594px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-lu{ background-position: -26px -612px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-lv_LV{ background-position: -26px -630px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ly{ background-position: -26px -648px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ma{ background-position: -26px -666px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-madeira{ background-position: -26px -684px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mc{ background-position: -26px -702px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-md{ background-position: -26px -720px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-me{ background-position: -26px -738px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mf{ background-position: -26px -756px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mg{ background-position: -26px -774px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mh{ background-position: -26px -792px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mk_MK{ background-position: -26px -810px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ml{ background-position: -26px -828px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mm{ background-position: -26px -846px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mn{ background-position: -26px -864px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mo{ background-position: -26px -882px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mp{ background-position: -26px -900px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mq{ background-position: -26px -918px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mr{ background-position: -26px -936px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ms{ background-position: -26px -954px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ms_MY{ background-position: -26px -972px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mt{ background-position: -26px -990px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mu{ background-position: -26px -1008px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mw{ background-position: -26px -1026px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mx{ background-position: -26px -1044px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-mz{ background-position: -26px -1062px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-na{ background-position: -26px -1080px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-nb_NO{ background-position: -26px -1098px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-nc{ background-position: -26px -1116px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ne{ background-position: -26px -1134px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-nf{ background-position: -26px -1152px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ng{ background-position: -26px -1170px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ni{ background-position: -26px -1188px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-nl_NL{ background-position: -26px -1206px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-np{ background-position: -26px -1224px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-nr{ background-position: -26px -1242px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-nu{ background-position: -26px -1260px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-nz{ background-position: -26px -1278px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-om{ background-position: -26px -1296px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pa{ background-position: -26px -1314px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pe{ background-position: -26px -1332px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pf{ background-position: -26px -1350px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pg{ background-position: -26px -1368px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ph{ background-position: -26px -1386px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pk{ background-position: -26px -1404px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pl_PL{ background-position: -26px -1422px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pm{ background-position: -26px -1440px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pn{ background-position: -26px -1458px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pr{ background-position: -26px -1476px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ps{ background-position: -26px -1494px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pt_BR{ background-position: -26px -1512px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pt_PT{ background-position: -26px -1530px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-pw{ background-position: -26px -1548px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-py{ background-position: -26px -1566px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-qa{ background-position: -26px -1584px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-re{ background-position: -26px -1602px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ro_RO{ background-position: -26px -1620px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ru_RU{ background-position: -26px -1638px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-rw{ background-position: -26px -1656px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-saba{ background-position: -26px -1674px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sark{ background-position: -26px -1692px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sb{ background-position: -26px -1710px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sc{ background-position: -26px -1728px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-scotland{ background-position: -26px -1746px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sd{ background-position: -26px -1764px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sg{ background-position: -26px -1782px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sh{ background-position: -26px -1800px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sh_RS{ background-position: -26px -1818px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sint_eustatius{ background-position: -26px -1836px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sint_maarten{ background-position: -26px -1854px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sj{ background-position: -26px -1872px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sk_SK{ background-position: -26px -1890px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sl{ background-position: -26px -1908px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sl_SI{ background-position: -26px -1926px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sm{ background-position: -26px -1944px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sn{ background-position: -26px -1962px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-so{ background-position: -26px -1980px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sr{ background-position: -52px 0; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sr_RS{ background-position: -52px -18px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-st{ background-position: -52px -36px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sv{ background-position: -52px -54px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sv_SE{ background-position: -52px -72px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sy{ background-position: -52px -90px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-sz{ background-position: -52px -108px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ta_IN{ background-position: -52px -126px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tc{ background-position: -52px -144px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-td{ background-position: -52px -162px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tf{ background-position: -52px -180px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tg{ background-position: -52px -198px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-th_TH{ background-position: -52px -216px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tj{ background-position: -52px -234px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tk{ background-position: -52px -252px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tl{ background-position: -52px -270px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tm{ background-position: -52px -288px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tn{ background-position: -52px -306px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-to{ background-position: -52px -324px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tr_TR{ background-position: -52px -342px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tristan_da_cunha{ background-position: -52px -360px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tt{ background-position: -52px -378px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tv{ background-position: -52px -396px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-tz{ background-position: -52px -414px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ug{ background-position: -52px -432px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-uk_UA{ background-position: -52px -450px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-um{ background-position: -52px -468px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-us{ background-position: -52px -486px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-uy{ background-position: -52px -504px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-uz{ background-position: -52px -522px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-va{ background-position: -52px -540px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-vc{ background-position: -52px -558px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ve{ background-position: -52px -576px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-vg{ background-position: -52px -594px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-vi{ background-position: -52px -612px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-vi_VN{ background-position: -52px -630px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-vu{ background-position: -52px -648px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-wales{ background-position: -52px -666px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-wf{ background-position: -52px -684px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ws{ background-position: -52px -702px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-ye{ background-position: -52px -720px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-yt{ background-position: -52px -738px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-zh_CN{ background-position: -52px -756px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-zh_HK{ background-position: -52px -774px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-zh_TW{ background-position: -52px -792px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-zm{ background-position: -52px -810px; width: 24px; height: 16px; } 
+#languageSwitch .langflag-zw{ background-position: -52px -828px; width: 24px; height: 16px; } 
diff --git a/plugins/language_switch/language_switch.inc.php b/plugins/language_switch/language_switch.inc.php
index 30c846b75..63a3cca7e 100644
--- a/plugins/language_switch/language_switch.inc.php
+++ b/plugins/language_switch/language_switch.inc.php
@@ -109,12 +109,11 @@ function language_controler_flags()
   
   foreach ($available_lang as $code => $displayname)
   {
-    
     $qlc = array (
       'url' => add_url_params($base_url, array('lang'=> $code)),
       'alt' => ucwords($displayname),
       'title' => substr($displayname, 0, -4), // remove [FR] or [RU]
-      'img' => get_root_url().'language/'.$code.'/'.$code.'.jpg',
+      'code' => $code,
       );
     
     $lsw['flags'][$code] = $qlc;