(()=>{
	var root = document.body;
	
	const cdata = {
		thing: {
			singular:"thing",
			plural:"things",
			color:"lime",
		},
		apioform: {
			singular:"apioform",
			plural:"apioforms",
			color:"yellow",
		},
		violetstar: {
			singular:"violet star",
			plural:"violet stars",
			color:"#8050FF",
		},
		undefinedium: {
			singular:"undefinedium",
			plural:"undefinedium",
			color:"#FF00FF",
		},
		four: {
			singular:"four",
			plural:"fours",
			color:"#3040FF",
		},
	}
	
	let sdata;
	
	try {
		sdata = JSON.parse(localStorage.savedata);
	} catch(e) {
		sdata = {
			unlocks: {thingbutton:1},
			currencies:{thing:{amount:0,visible:true}},
		};
	}
	
	let am = sdata.currencies;
	
	for (let i in cdata){
		if (!am[i]){
			am[i]={amount:0,visible:false};
		}
	}
	
	
	var ThingButton = {
		view: ()=>{
			return m("button",{onclick:()=>{if (!sdata.autothing) am.thing.amount+=1}},sdata.autothing?"Unavailable":"Attain a thing");
		}
	}
	
	var AutoThing = {
		view: ()=>{
			return m("button",{onclick:()=>sdata.autothing = !sdata.autothing},[
				"AutoThing™ ",
				m("span",{style:"color:"+(sdata.autothing?"lime":"grey")+";"},sdata.autothing?"ON":"OFF"),
			]);
		}
	}
	let autothing_timeout = "none";
	
	setInterval(()=>{localStorage.savedata = JSON.stringify(sdata)},1000);
	
	var MainComponent = {
		view: ()=>{
			let res = [
				m("h1",{style:"text-align:center;"},"Incremental"),
				m("hr"),
				m(CBar,{data:am}),
			];
			
			if (am.thing.amount >= 50) {
				am.apioform.visible = true;
				sdata.unlocks.autothing = 1;
			}
			
			if (sdata.unlocks.thingbutton) res.push(m(ThingButton));
			if (sdata.unlocks.autothing) res.push(m(AutoThing));
			
			if (!sdata.autothing && autothing_timeout != "none"){
				clearInterval(autothing_timeout);
				autothing_timeout = "none";
			}
			
			if (sdata.autothing && autothing_timeout == "none"){
				autothing_timeout = setInterval(()=>{am.thing.amount++;m.redraw()},500);
			}
			
			return m("main",res);
		}
	}
	
	var CIcon = {
		view: vnode => {
			let a = vnode.attrs.currency || "undefinedium";
			a = "sprites/"+a+".png";
			return m("img",{title:cdata[vnode.attrs.currency].plural,src:a,width:32,height:32});
		}
	}
	
	var CDisp = {
		view: vnode => {
			let a = vnode.attrs;
			return m(".currencydisplay",[
				m(CIcon,{currency:a.currency}),
				m(".currencycount",{style:"color:"+cdata[a.currency].color},a.amount==undefined?"oh bee something broke":a.amount),
			]);
		}
	}
	
	var CBar = {
		view: vnode => {
			let a = vnode.attrs;
			let res = [];
			
			for (let i in a.data||{}){
				if (a.data[i].visible){
					res.push(m(CDisp,{currency:i,amount:a.data[i].amount}));
				}
			}
			
			return m(".currencybar",res);
		}
	}
	
	m.mount(root,MainComponent);
})();