document.write(""); var videoimage = "data:image/png;base64,ivborw0kggoaaaansuheugaaag4aaabycayaaaauemjlaaaabhncsvqicagifahkiaaabrbjrefuef7tnb2rhuuyxp8h/wbjo6wd2arvesfyctbjbrtbmcqmsahgepedtnbcbsgqqrqxkyhciqhnrbajtkju8apbsgu1eexewaj4ynpdve7ds4dzdmz2z+fu+8llwlkz884+v/l4z+zsdrhezowqga0ab6vpfcvs+vdjfbgkyavajx2sfl+rdla/ndpberoclbrgxliqaol4eel97tgucgb2piatqcv7pqevoehyzo1kb5yzczjauu1xgemkt6l62+cq4ffyr33pajhtjbuae90gvsdmfetoujoc4meodwc0bnbgbe2ja7sg4dbjtzbumrqwmwwg7wg4svefbswhagahavxo1e1uh5ajvsttbe+t1tebatee286svdd1m4gczqbpqjlsnhq4dyd3nerovw0iwopqdps6twxufwdnh9c3kfrazelwqobfngq7kndwrcpjhr/lxdfqzpfionp5zuvxmox6dnar4uvsra7owcw3v9bhi9zzlr8+veasc3cfcujghfxvbuibjqcnhpz0bmwlgujbx6znxh6zbcexynn+fgosljserpz0c+upyxvwclekzsrv4dijh+vwwcuqmcm/g8skfkxbbxerykb8di6t8lfu9wq4m7sbwg3awujym1hrsshfpdgzewdaqwburgt/gcdbaj4j+vsjeelqwdq4m7sdwjca1opa9h2aoyq/chfm6nlkb3cewh0rrh4lwdgs2ts7z6x0cd8bugungj8ceiykdghvcssdnlynnrdjr4iici+s1dxytm0nngajmobod0omn0dwns8flqpefmquz3mgj1i/a3ggwgmsuzyct53k3mhvfd4d8ajjb6cork6fg/uf1b8a9gjukyt/mtpab7di6hmad5p8ysrwhfw3nb8avazgrzlxpwiwdhdtr8jsa/wvghtjfp+64njyhnxqbb8goafk/1yddlwudm49rdxrlq6xdjxupypru+qvqurtjf8kztxepge3nqr3k3x3vatjphjwq3x+fcctu3sovnrwq0evwhi7rplj1xzhtve6uchnuekvgzm4xy6io+vpaxhjygvpdm43og0yepkk7php2hzcf3ik21g0d3c6c3aawlmkfyguy3mgp9v/3qxq3ydibi7gtnr/qnxftxcbirs5gzt0in+nbc0fnhz2pqhg3jrd/dmb+xdapssuwch+43thl2xzokvvcv2via6vr7gqfzy9thdqzq9rf2tjov8g8boa3yopkssffbgk3n4ad4ojga9i/tbhhbltfj1ulih4qjo7ufrkjlyogxtz8ftuhfwqjucux8gnlhgqdw4ulzijl+pgrhy8ltshl0rjkctxccmlnspdmndtgljumncrdnp5lwahvv1l2hhi5wysds7bxbe/0gej1nmuvz5urpjzciuk6oacxg8fqhunbycenprubaszqltfrodcfmodk/ajs364bwxlsjy/43dba36cdgkrhyhu2xhsfod7egonlhpzae5dexx9epeewscu1dhbvnzm9pnfzryf4i6ga817myqvxtj1vhekvnauanjxkokkyy0a3aaayx1uzgdqnxilptvaclsbidrrkeqv7vfvpdrablf1uvzcn3avvfgaby6tplx9m6kz2cwcxocai2xzgbyarup5gjy1pdbnvjhq5m46fliiivpdy/n/u3pcq/cp2hteg9vnn9fgo4fwbft6dkfsyli17oyefwgiwm1shbv/bgaaaabjru5erkjggg=="; var parsebool = function(value,defaultvalue){ if(value === true || value === false) return value; if(value == undefined || value == null) return false; defaultvalue = !!defaultvalue; if(typeof(value) == "number") return (value != 0); if(typeof(value) != "string") return false; if(value == "") return false; var truearr=['true','yes','show','enable'], falsearr=['false','no','hide','disable'], value = value.tolowercase(); if(truearr.indexof(value) < 0 && falsearr.indexof(value) < 0){ return defaultvalue; }else{ return truearr.indexof(value)>=0; } }; window.waitforloading = true; var loadingjs = function(){ this.initconfig(); this.inithtml(); this.initcss(); this.startloading(); this.onresize(); var self = this; window.onresize =function(){ self.onresize(); }; window.settimeout(function(){window.waitforloading = false;},250); } loadingjs.prototype = { initconfig : function(){ try{ this.loadingcaption = bookconfig.loadingcaption ? bookconfig.loadingcaption : document.title; this.loadingcaptionfontsize = !isnan(bookconfig.loadingcaptionfontsize) ? parseint(bookconfig.loadingcaptionfontsize) : 28; this.loadingcaptionfontsize = math.min(100, this.loadingcaptionfontsize); this.loadingcaptionfontsize = math.max(0, this.loadingcaptionfontsize); this.loadingcaptioncolor = bookconfig.loadingcaptioncolor ? bookconfig.loadingcaptioncolor : "#dddddd"; this.loadingbackground = bookconfig.loadingbackground ? bookconfig.loadingbackground : "#1f2232"; this.loadingpicture = bookconfig.loadingpicture ? bookconfig.loadingpicture : ""; // this.loadingpicturewidth = !isnan(bookconfig.loadingpicturewidth) ? parseint(bookconfig.loadingpicturewidth) : 80; this.loadingpictureheight = !isnan(bookconfig.loadingpictureheight) ? parseint(bookconfig.loadingpictureheight) : 150; this.loadingdisplaytime = !isnan(bookconfig.loadingdisplaytime) ? parseint(bookconfig.loadingdisplaytime) : 0; this.loadingspacing = !isnan(bookconfig.loadingspacing) ? parseint(bookconfig.loadingspacing) : 20; this.showloadinggif = (bookconfig.showloadinggif != undefined) ? parsebool(bookconfig.showloadinggif, true) : true; this.loadingvideo = bookconfig.loadingvideo ? bookconfig.loadingvideo : ""; if(this.loadingvideo) this.showloadinggif = false; }catch(err){ this.loadingcaption = document.title; this.loadingcaptionfontsize = 28; this.loadingcaptioncolor = "#dddddd"; this.loadingbackground = "#1f2232"; this.loadingpicture = ""; this.showloadinggif = true; // this.loadingpicturewidth = 80; this.loadingpictureheight = 150; this.loadingdisplaytime = 0; this.loadingspacing = 20; this.loadingvideo = ""; } }, inithtml : function(){ this.stop = false; this.instance = document.createelement("div"); this.title = document.createelement("p"); this.title.innerhtml = this.loadingcaption; this.copyright = document.createelement("p"); this.copyright.setattribute("style", "position:absolute;bottom:5%;font-size:1.1rem;width:100%;text-align:center;"); if(window.userinfo && window.userinfo.copyright) this.copyright.innerhtml = window.userinfo.copyright; this.bg = document.createelement("div"); this.bg.setattribute("style", "transform:scale(1);"); if(this.showloadinggif) this.initanimationhtml(); if(this.loadingvideo) { this.initvideo(); } if(this.loadingpicture) { this.image = document.createelement("img"); this.image.src = this.loadingpicture; this.instance.appendchild(this.image); } this.instance.appendchild(this.title); this.instance.appendchild(this.copyright); this.bg.appendchild(this.instance); document.body.appendchild(this.bg); }, initvideo: function(){ this.videoimage = document.createelement("img"); this.videoimage.src = videoimage; this.videoimage.setattribute("style", "position: absolute; top: 0px; right: 0px;left:0;bottom:0;margin:auto; z-index: 4;"); this.videoimage.addeventlistener("click", function(){ this.video.style.display = "block"; this.instance.style.display = "none"; this.video.play(); }.bind(this)); this.videoloadimage = document.createelement("div"); this.videoloadimage.setattribute("style", "position: absolute; top: auto; right: 0px;left:0;bottom:50%;margin:auto; z-index: 4;"); this.videoloadimage.setattribute("class", "loader"); this.video = document.createelement("video"); this.video.src = this.loadingvideo; // this.video.setattribute("webkit-playsinline", "true"); // this.video.setattribute("x5-playsinline", "true"); // this.video.setattribute("playsinline", ""); this.video.setattribute("preload", "auto"); // this.video.setattribute("controls", "controls"); // this.video.setattribute("muted", ""); // this.video.setattribute("x-webkit-airplay", "allow"); this.video.setattribute("style", "width: 100%; height: 100%; display:none;object-fit: fill; position: absolute; top: 0px; right: 0px; z-index: 3;"); this.bg.appendchild(this.video); this.instance.appendchild(this.videoimage); this.instance.appendchild(this.videoloadimage); this.video.load(); }, showvideo: function(){ // $(this.instance).fadeout(500, function(){ // }.bind(this)); // $(this.videoimage).fadein(500, function(){ this.videoimage.style.display = "block"; this.videoloadimage.style.display = "none"; // }); }, loadingsvg: function(){ // this.loadimageurl = ""; var loadimageurl = document.createelementns("http://www.w3.org/2000/svg", 'svg'); loadimageurl.setattribute("t", "1525916222299"); loadimageurl.setattribute("class", "icon"); loadimageurl.setattribute("style", ""); loadimageurl.setattribute("viewbox", "130 0 800 1024"); loadimageurl.setattribute("version", "1.1"); loadimageurl.setattribute("xmlns", "http://www.w3.org/2000/svg"); loadimageurl.setattribute("p-id", "2478"); loadimageurl.setattribute("xmlns:xlink", "http://www.w3.org/1999/xlink"); loadimageurl.setattribute("width", "49"); loadimageurl.setattribute("height", "56"); var defs = document.createelementns("http://www.w3.org/2000/svg", 'defs'); var style = document.createelementns("http://www.w3.org/2000/svg", 'style'); style.setattribute("type", "text/css"); var path1 = document.createelementns("http://www.w3.org/2000/svg", 'path'); path1.setattribute("d", "m835.55027 48.761905c876.805122 48.761905 910.222223 81.441158 910.222223 121.753604l910.222223 902.095c910.222223 902.095 910.222223 942.409011 876.805 975.238095l113.777778 975.238095 113.777778 24.380952 88.888889 48.761905 835.55027 48.761905zm64 0 64 24.380952 64 1024l960 1024c835.55027 1024 904.277615 1024 960 969.325498l960 54.49204c960 54.49204 904.277615 0 835.55027 0l88.888889 0 64 0z"); path1.setattribute("p-id", "2479"); var path2 = document.createelementns("http://www.w3.org/2000/svg", 'path'); path2.setattribute("d", "m775.164361 219.428572c788.910114 219.428572 800.05325 208.512847 800.05325 195.047619 800.05325 181.582391 788.910114 170.666667 775.164361 170.666667l263.111111 170.666667c249.365357 170.666667 238.222222 181.582391 238.222222 195.047619 238.222222 208.512847 249.365357 219.428572 263.111111 219.428572l775.164361 219.428572z"); path2.setattribute("p-id", "2481"); var path3 = document.createelementns("http://www.w3.org/2000/svg", 'path'); path3.setattribute("d", "m775.164361 365.714285c788.910114 365.714285 800.05325 354.798562 800.05325 341.333333 800.05325 327.868105 788.910114 316.952382 775.164361 316.952382l263.111111 316.952382c249.365357 316.952382 238.222222 327.868105 238.222222 341.333333 238.222222 354.798562 249.365357 365.714285 263.111111 365.714285l775.164361 365.714285z"); path3.setattribute("p-id", "2482"); var path4 = document.createelementns("http://www.w3.org/2000/svg", 'path'); path4.setattribute("d", "m775.164361 536.380951c788.910114 536.380951 800.05325 525.465229 800.05325 512 800.05325 498.534771 788.910114 487.619049 775.164361 487.619049l263.111111 487.619049c249.365357 487.619049 238.222222 498.534771 238.222222 512 238.222222 525.465229 249.365357 536.380951 263.111111 536.380951l775.164361 536.380951z"); path4.setattribute("p-id", "2483"); defs.appendchild(style); loadimageurl.appendchild(defs); loadimageurl.appendchild(path1); loadimageurl.appendchild(path2); loadimageurl.appendchild(path3); loadimageurl.appendchild(path4); return loadimageurl; }, initanimationhtml : function(){ if(!document.createelementns) return; this.loadbox = document.createelement("div"); var img1 = this.loadingsvg(); var img2 = this.loadingsvg(); this.img3 = this.loadingsvg(); this.img3.setattribute("class", "loadingrun"); this.img3.setattribute("style", ( "position : absolute;" + "left : 20px;" + "top : 0;" + "z-index : -1;" + "-webkit-transform-origin : 0 0;" + "-o-transform-origin : 0 0;" + "-ms-transform-origin : 0 0;" + "-moz-transform-origin : 0 0;" + "transform-origin : 0 0;" + "fill :" + this.loadingcaptioncolor + ";" )); img2.setattribute("style", ( "position : absolute;" + "left : 20px;" + "top : 0;" + "-webkit-transform:rotatey(180deg) scale(0.8);" + "-o-transform:rotatey(180deg) scale(0.8);" + "-ms-transform:rotatey(180deg) scale(0.8);" + "-moz-transform:rotatey(180deg) scale(0.8);" + "transform:rotatey(180deg) scale(0.8);" + "-webkit-transform-origin : 0 0;" + "-o-transform-origin : 0 0;" + "-ms-transform-origin : 0 0;" + "-moz-transform-origin : 0 0;" + "transform-origin : 0 0;" + "fill : " + this.loadingcaptioncolor + ";" )); img1.setattribute("style", ( "position : absolute;" + "left : 20px;" + "top : 0;" + "-webkit-transform:rotatey(0) scale(0.8);" + "-o-transform:rotatey(0) scale(0.8);" + "-ms-transform:rotatey(0) scale(0.8);" + "-moz-transform:rotatey(0) scale(0.8);" + "transform:rotatey(0) scale(0.8);" + "-webkit-transform-origin : 0 0;" + "-o-transform-origin : 0 0;" + "-ms-transform-origin : 0 0;" + "-moz-transform-origin : 0 0;" + "transform-origin : 0 0;" + "fill : " + this.loadingcaptioncolor + ";" )); this.loadbox.appendchild(img1); this.loadbox.appendchild(img2); this.loadbox.appendchild(this.img3); this.instance.appendchild(this.loadbox); }, startloading : function(){ }, destroy : function(){ // video1.removeeventlistener('ended',this); // $('.shade').hide(); // $("#videoid").hide(); // $(".flipbook").show(); // // $('.flipbook-viewport').show(); // $('.flipbook-viewport').fadein(3000); // $('#musicinfo').show(); if(global.isie8()||global.isie9()){ $(this.bg).animate({"opacity":"0"},0.6,function(){ $("body>style").html(""); $(this.bg).remove(); $("body").css({"background-color" : ""}); }.bind(this)); }else{ animateonce($(this.bg) , {"opacity":"0"} , 0.6 ,function(){ $(this.img3).attr("class", ""); $("body>style").html(""); $(this.bg).remove(); $(this.image).attr("src", ""); $("body").css({"background-color" : ""}); }.bind(this)); } }, initcss : function(){ document.getelementsbytagname("html")[0].setattribute("style",( "margin : 0;" + "padding : 0;" + "width : 100%;" + "height : 100%;" )); document.body.setattribute("style", ( "margin : 0;" + "padding : 0;" + "width : 100%;" + "height : 100%;" + "position : fixed;" + "background-color :" + this.loadingbackground + ";" )); this.bg.setattribute("style", ( "margin : 0;" + "padding : 0;" + "width : 100%;" + "height : 100%;" + "position : fixed;" + "background-color:" + this.loadingbackground + ";" )); this.instance.setattribute("style", ( "width : 100%;" + "height : 100%;" + "opacity : 1;" + "color :" + this.loadingcaptioncolor + ";" + "text-align : center;" + "vertical-align : middle;" + "font-family : tahoma;" + "position : relative;" )); var titletran = "translate(-50%, " + this.loadingspacing/2 + "px)"; var loadingboxtran = "translate(-50% , -" + (this.loadingspacing/2 + 45) + "px)"; var videoimagetran = "translate(-50% , -" + (this.loadingspacing/2 + 60) + "px)"; // var videoloadimagetran = "translate(-50% , -" + (this.loadingspacing/2 + 60) + "px)"; var imagetran = "translate(-50% , 0)"; var imagetop = "5%"; var imagedisplay = "block"; var loadingpictureheight = math.min(window.innerheight * 0.35, this.loadingpictureheight); if(this.showloadinggif || this.loadingvideo){ if(window.innerheight <= 300) imagedisplay = "none"; } else { imagetop = "50%"; imagetran = "translate(-50% , -" + (this.loadingspacing/2 + loadingpictureheight) + "px)"; } if(this.image) this.image.setattribute("style", ( "display : " + imagedisplay + ";" + "position : absolute;" + "top : " + imagetop + ";" + "left : 50%;" + "-webkit-transform :" + imagetran + ";" + "-moz-transform :" + imagetran + ";" + "-ms-transform :" + imagetran + ";" + "-o-transform :" + imagetran + ";" + "transform :" +imagetran + ";" + // "width : " + this.loadingpicturewidth + "px;" + "height : " + this.loadingpictureheight + "px;" + "max-width : 90%;" + "max-height : 35%;" )); this.title.setattribute("style", ( "font-family:arial,helvetica,sans serif;" + "font-size : " + this.loadingcaptionfontsize + "px;" + "position : absolute;" + "top : 50%;" + "left : 50%;" + "-webkit-transform :" + titletran + ";" + "-moz-transform :" + titletran + ";" + "-ms-transform :" + titletran + ";" + "-o-transform :" + titletran + ";" + "transform :" +titletran + ";" + "margin : 0;" + "padding : 0;" + "width:90%;" )); if(this.videoimage) this.videoimage.setattribute("style", ( "position:relative;" + "cursor:pointer;" + "display:none;" + "z-index:4;" + "perspective:200px;" + "-webkit-transform-style:preserve-3d;" + "-o-transform-style:preserve-3d;" + "-ms-transform-style:preserve-3d;" + "-moz-transform-style:preserve-3d;" + "transform-style:preserve-3d;" + "position : absolute;" + "width : auto;" + "height : 60px;" + "left : 50%;" + "top : 50%;" + "-webkit-transform : " +videoimagetran + ";" + "-moz-transform : " +videoimagetran + ";" + "-ms-transform : " +videoimagetran + ";" + "-o-transform : " +videoimagetran + ";" + "transform : " + videoimagetran + ";" + "padding : 0;" )); if(this.videoloadimage) this.videoloadimage.style["margin-bottom"] = this.loadingspacing/2 + "px"; if(this.loadbox) this.loadbox.setattribute("style", ( "position:relative;" + "perspective:200px;" + "-webkit-transform-style:preserve-3d;" + "-o-transform-style:preserve-3d;" + "-ms-transform-style:preserve-3d;" + "-moz-transform-style:preserve-3d;" + "transform-style:preserve-3d;" + "position : absolute;" + "width : 39.2px;" + "height : 44.8px;" + "left : 50%;" + "top : 50%;" + "-webkit-transform : " +loadingboxtran + ";" + "-moz-transform : " +loadingboxtran + ";" + "-ms-transform : " +loadingboxtran + ";" + "-o-transform : " +loadingboxtran + ";" + "transform : " + loadingboxtran + ";" + "padding : 0;" )); }, onresize : function(){} } var jsloadingbar = new loadingjs();