Donate page has been improved (qr codes are now showed on the right side of the page).

src/main.css

@@ -121,7 +121,10 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); }
 
 .banner { font-size: 46px; text-shadow: 1px 1px 3px #000; color: #FF9547; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); text-align: left; }
 
-#donatearea { text-align: left; padding: 15px; }
+#donateqrcode { padding: 8px; position: absolute; left: 550px; margin: 25px; border: black solid 1px; }
+#donatelist { padding: 20px; }
+
+#donatearea { text-align: left; padding: 15px 15px 120px 15px; position: relative; }
 #donatearea .address { font-family: 'Courier New', Courier, monospace; }
 	
 /* IE8 */

src/ninja.donatetab.js

@@ -7,9 +7,10 @@ ninja.wallets.donate = {
         document.getElementById("donatearea").style.display = "none";
     },
     
-    displayQrCode: function (currencyid) {
+    displayQrCode: function (currencyid, e) {
         var keyValuePair = {};
     	keyValuePair["donateqrcode"] = janin.currencies[currencyid].donate;
 		ninja.qrCode.showQrCode(keyValuePair, 4);
+        document.getElementById("donateqrcode").style.top = (e.offsetTop+15) + 'px';
     }
 };

src/ninja.onload.js

@@ -25,7 +25,7 @@ select.innerHTML = options;
 var donatelist = document.getElementById("donatelist");
 var list = "<table>";
 for(i = 0; i < janin.currencies.length; i++) {
-    list += "<tr onmouseover='ninja.wallets.donate.displayQrCode("+i+")'>"
+    list += "<tr onmouseover='ninja.wallets.donate.displayQrCode("+i+", this)'>"
         +"<td>"+janin.currencies[i].name+"</td>"
         +"<td class='address'><a href='"+janin.currencies[i].name.toLowerCase()+":"+janin.currencies[i].donate+"'>"
         +janin.currencies[i].donate+"</a></td></tr>";