// set = https://i.imgur.com/2mFs7YX.gif
// tanro https://i.imgur.com/XL4pZ9E.png
// tezca https://i.imgur.com/N4FCTBW.png

var items = [
  ['259106967', 'https://i.imgur.com/2mFs7YX.gif'],  // kamień smoka na seta
  ['261218033', 'https://i.imgur.com/2mFs7YX.gif'],  // kamień zakon na seta
  ['501961823', 'https://i.imgur.com/XL4pZ9E.png'],  // zwoje na tanro
  ['502050118', 'https://i.imgur.com/N4FCTBW.png'],  // zwoje na maho
];

var sheet = (function() {
	var style = document.createElement("style");
	style.appendChild(document.createTextNode(""));
	document.head.appendChild(style);
    return style.sheet;
})();




for(var i = 0; i<items.length; i++){
  sheet.insertRule("#item" + items[i][0] + ">img { content: url('" + items[i][1] + "') }", sheet.cssRules.length);
}

sheet.insertRule(".item > small { opacity: 1 !important; color: palegoldenrod; }", sheet.cssRules.length);
sheet.insertRule("#nick, #gold, #base3, #stats, .dmg, #hpProcent { color: palegoldenrod !important; }", sheet.cssRules.length);
sheet.insertRule("#nick, #gold, #base3, #stats, .dmg, #hpProcent, #expProcent { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }", sheet.cssRules.length);
sheet.insertRule("#life2 { background-image: url('https://i.imgur.com/awluvN7.png'); }", sheet.cssRules.length);
sheet.insertRule("#exp2 { background-image: url('https://i.imgur.com/yHlTGOA.png') !important; }", sheet.cssRules.length);


setInterval(function(){

if (hero.ttl <=0 ) $("#exp2").css("filter","grayscale(100%)");
else $("#exp2").css("filter", "grayscale(" + ( 50 * ( 30- Math.min(30, hero.ttl ) ) / 30 ) + "%)");


}, 1000);