MediaWiki:Gadget-chibiAnimation.js

var baseview;
var girlsload;

var load_js = {
	baseurl : "/index.php?title=MediaWiki:",
	list_js : [
		"GfSpine.js"
	],
	load_num : 0,
	load : function(){
		if(load_js.load_num >= load_js.list_js.length){
			initGirl();
			return;
		}
		$.getScript(load_js.baseurl + load_js.list_js[load_js.load_num] + "&action=raw", function(response,status){
			if(status == 'success'){
				console.log(load_js.list_js[load_js.load_num] + ' loaded');
				load_js.load_num++;
				load_js.load();
			}
		});
	}
}

function initGirl(){
	baseview = new BaseView(800, 800);
	baseview.start();
	elems = document.getElementsByClassName("tdoll_chibi");
	console.log(elems);
	if (elems.length > 0) {
		chibiParent = elems.item(0).parentNode;
		chibiParent.style.width = "250px";
		chibiParent.style.height = "200px";	
		chibiParent.style.display = "flex";
		chibiParent.style.justifyContent = "center";
		chibiParent.style.alignItems = "center";
		var data_girlT = {};
		var data_girlT2 = {};
		data_girlT2[mw.config.get("wgPageName")] = {};
		data_girlT2["R" + mw.config.get("wgPageName")] = {};
		data_girlT[mw.config.get("wgPageName")] = data_girlT2;

		girlsload = new SkeletonLoader("http://en.gfwiki.com/index.php/Special:Redirect/file/", data_girlT);
		girlsload.load(mw.config.get("wgPageName"),  mw.config.get("wgPageName"), function(p){
			if (p !== null) {
				baseview.addSpinePlayer(p);
				
				
				var clickArea = document.createElement("div");
				clickArea.style.width="250px";
				clickArea.style.height="200px";
				clickArea.style.position="absolute";
				clickArea.className="clickArea";
				
				
				chibiParent.insertBefore(clickArea, chibiParent.childNodes[0]);
				
				elems.item(0).replaceWith(baseview.renderer.view);
				chibiParent.childNodes.item(1).className = "tdoll_chibi";
				chibiParent.childNodes.item(1).style.flexShrink = "0";
				chibiParent.childNodes.item(1).style.pointerEvents = "none";
				
				$(".clickArea").click(function(e){
					e.stopPropagation();
					baseview.nextAnimation(0);
				});
				
			}			
		});

	
	

		
			console.log(baseview);
			console.log(baseview.player);
			console.log(baseview.player.length);
	//if (baseview.player.length > 0 )
		//elems.item(0).replaceWith(baseview.renderer.view);


	}
}

$(document).ready(function(){
	if (document.getElementsByClassName("tdoll_chibi").length > 0) {
		load_js.load();
	}
});