MediaWiki
MediaWiki:Common.js
From Grouse House Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
/* Spoiler buttons */
var spoilersc = document.getElementsByClassName('spoilerButton');
var j;
for (j = 0; j < spoilersc.length; j++) {
spoilersc[j].addEventListener("click", function() {
this.classList.toggle("active");
var spoilercontent = this.nextElementSibling;
if (spoilercontent.style.display === "block") {
spoilercontent.style.display = "none";
} else {
spoilercontent.style.display = "block";
}
});
}
/* Dropdown menus */
function selectVariant(enemy, variant1, variant2, variant3, variant4) {
var dropdownName = enemy + 'Variants';
var resultName = enemy + 'ChosenVariant';
var enemyVariant1 = enemy + variant1;
var enemyVariant2 = enemy + variant2;
var enemyVariant3 = enemy + variant3;
var enemyVariant4 = enemy + variant4;
var variant1div = document.getElementById(enemyVariant1);
var variant2div = document.getElementById(enemyVariant2);
var variant3div = document.getElementById(enemyVariant3);
var variant4div = document.getElementById(enemyVariant4);
var dropdown = document.getElementById(dropdownName);
if(dropdown.options[dropdown.selectedIndex].text === variant1) {
document.getElementById(resultName).value = enemyVariant1;
variant1div.style.display = "block";
variant2div.style.display = "none";
variant3div.style.display = "none";
variant4div.style.display = "none";
} else if(dropdown.options[dropdown.selectedIndex].text === variant2) {
document.getElementById(resultName).value = enemyVariant2;
variant1div.style.display = "none";
variant2div.style.display = "block";
variant3div.style.display = "none";
variant4div.style.display = "none";
} else if(dropdown.options[dropdown.selectedIndex].text === variant3) {
document.getElementById(resultName).value = enemyVariant3;
variant1div.style.display = "none";
variant2div.style.display = "none";
variant3div.style.display = "block";
variant4div.style.display = "none";
} else if(dropdown.options[dropdown.selectedIndex].text === variant4) {
document.getElementById(resultName).value = enemyVariant4;
variant1div.style.display = "none";
variant2div.style.display = "none";
variant3div.style.display = "none";
variant4div.style.display = "block";
}
}
/* Adding link to discussion button
$(function() {
$('h1#firstHeading').each(function () {
var $header = $(this).children('span').html();
$pagetitle = $header.split(' ').join('_');
$url = $(location).attr('href');
$spliturl = $url.split(':').join(' ');
var main = $spliturl.indexOf("Main");
var mediawiki = $spliturl.indexOf("MediaWiki");
var special = $spliturl.indexOf("Special");
var edit = $spliturl.indexOf("edit");
if(main !== -1){
$(this).children('div').children('a').css("display", "none");
} else if(mediawiki !== -1){
$(this).children('div').children('a').css("display", "none");
} else if(special !== -1){
$(this).children('div').children('a').css("display", "none");
} else if(edit !== -1){
$(this).children('div').children('a').css("display", "none");
} else{
$talklink = "https://grousehouse.wiki/Talk:" + $pagetitle;
$link = $(this).children('div').children('a');
$link.attr("href", $talklink);
}
});
});
*/
/* Section toggles */
function toggleSectionsOn() {
var sections = document.getElementsByClassName("c-header"),
len = sections !== null ? sections.length : 0,
i = 0;
for(i; i < len; i++) {
var content = sections[i].nextElementSibling;
content.style.display = "block";
sections[i].classList.remove("hidden");
sections[i].classList.add("active")
}
}
function toggleSectionsOff() {
var sections = document.getElementsByClassName("c-header"),
len = sections !== null ? sections.length : 0,
i = 0;
for(i; i < len; i++) {
var content = sections[i].nextElementSibling;
content.style.display = "none";
sections[i].classList.remove("active");
sections[i].classList.add("hidden")
}
}
/* Spoiler toggles */
function toggleSpoilersOn() {
var sections = document.getElementsByClassName("spoilerButton"),
len = sections !== null ? sections.length : 0,
i = 0;
for(i; i < len; i++) {
var content = sections[i].nextElementSibling;
content.style.display = "block";
sections[i].classList.remove("hidden");
sections[i].classList.add("active")
}
}
function toggleSpoilersOff() {
var sections = document.getElementsByClassName("spoilerButton"),
len = sections !== null ? sections.length : 0,
i = 0;
for(i; i < len; i++) {
var content = sections[i].nextElementSibling;
content.style.display = "none";
sections[i].classList.remove("active");
sections[i].classList.add("hidden")
}
}
/* Decor Previewer Garbage */
var modal = document.getElementById('decorModal');
var modalclose = document.getElementsByClassName('modalclose')[0];
var previewbutton = document.getElementById('previewbutton');
var modaldropdown = document.getElementById('previewoptions');
var modalpreview = document.getElementById('decorpreviewimg');
var decorpreviewbehind = document.getElementById('behinddecorpreviewimg');
var decorpreview = document.getElementById('decorpreview');
var backbutton = document.getElementById('back');
var previewinput = document.getElementById('previewinput');
var decorinfo = document.getElementById('decorinformation');
var basewolf = document.getElementById('previewbasewolf');
var decortitle = document.getElementById('decorname');
var togglemenu = document.getElementById('checkboxesbutton');
var checkboxes = document.getElementById('checkboxes');
var backgroundtoggle = document.getElementById('backgroundtoggle');
var darkbasetoggle = document.getElementById('darkbasetoggle');
var previewbackground = document.getElementById('previewbackground');
var decorthumbnail = document.getElementById('decorthumbnail');
var obtentionheader = document.getElementById('obtentionheader');
var obtention = document.getElementById('decorobtention');
function decorModal(decorname, decorthumb, decordesc, decorobt, adulturl, motherlyurl, relaxedurl, sentinelurl, adolurl, pupurl, pupbrachyurl, pupconjoinedurl, pupnewbornurl, puppolycurl, puppolymurl, pupsirenurl, pupyoungurl) {
modal.style.display = "block";
modalpreview.src = adulturl;
basewolf.src = "/images/4/47/Basewolf_adult.png";
decortitle.innerHTML = decorname;
decorinfo.innerHTML = decordesc;
decorthumbnail.src = decorthumb;
decorobtention.innerHTML = decorobt;
previewbutton.addEventListener("click", function() {
modalpreview.style.display = "block";
backbutton.style.display = "block";
previewinput.style.display = "block";
decorpreview.style.display = "block";
togglemenu.style.display = "block";
decorthumbnail.style.display = "none";
obtentionheader.style.display = "none";
obtention.style.display = "none";
decorinformation.style.display = "none";
previewbutton.style.display = "none";
});
backbutton.addEventListener("click", function() {
modalpreview.style.display = "none";
backbutton.style.display = "none";
previewinput.style.display = "none";
decorpreview.style.display = "none";
togglemenu.style.display = "none";
decorthumbnail.style.display = "block";
obtentionheader.style.display = "block";
obtention.style.display = "block";
decorinformation.style.display = "block";
previewbutton.style.display = "block";
});
modaldropdown.addEventListener("change", function() {
if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
modalpreview.src = adulturl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
} else {
basewolf.src = "/images/4/47/Basewolf_adult.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
modalpreview.src = motherlyurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/e/e9/Basewolfdark_motherly.png";
} else {
basewolf.src = "/images/d/d7/Basewolf_motherly.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
modalpreview.src = relaxedurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/d/de/Basewolfdark_relaxed.png";
} else {
basewolf.src = "/images/6/67/Basewolf_relaxed.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
modalpreview.src = sentinelurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/c/c7/Basewolfdark_sentinel.png";
} else {
basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
modalpreview.src = adolurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/4/48/Basewolfdark_adolescent.png";
} else {
basewolf.src = "/images/7/78/Basewolf_adolescent.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
modalpreview.src = pupurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/2/29/Basewolfdark_pup.png";
} else {
basewolf.src = "/images/0/09/Basewolf_puppy.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
modalpreview.src = pupbrachyurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/f/f1/Basewolfdark_brachycephaly.png";
} else {
basewolf.src = "/images/3/31/Basewolf_brachy.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
modalpreview.src = pupconjoinedurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/3/3a/Basewolfdark_conjoined.png";
} else {
basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
modalpreview.src = pupnewbornurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/b/b6/Basewolfdark_pupnewborn.png";
} else {
basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
modalpreview.src = puppolycurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/e/e0/Basewolfdark_polycephaly.png";
} else {
basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
modalpreview.src = puppolymurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/a/a4/Basewolfdark_polymelia.png";
} else {
basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
modalpreview.src = pupsirenurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/c/c6/Basewolfdark_siren.png";
} else {
basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
modalpreview.src = pupyoungurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/2/25/Basewolfdark_pupyoung.png";
} else {
basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
}
}
});
checkboxesbutton.addEventListener("click", function() {
if (checkboxes.style.display === "none") {
checkboxes.style.display = "block";
} else {
checkboxes.style.display = "none";
} });
darkbasetoggle.addEventListener("click", function() {
if (darkbasetoggle.checked) {
if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Select a stage from the options below") {
basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
basewolf.src = "/images/e/e9/Basewolfdark_motherly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
basewolf.src = "/images/d/de/Basewolfdark_relaxed.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
basewolf.src = "/images/c/c7/Basewolfdark_sentinel.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
basewolf.src = "/images/4/48/Basewolfdark_adolescent.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
basewolf.src = "/images/2/29/Basewolfdark_pup.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
basewolf.src = "/images/f/f1/Basewolfdark_brachycephaly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
basewolf.src = "/images/3/3a/Basewolfdark_conjoined.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
basewolf.src = "/images/b/b6/Basewolfdark_pupnewborn.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
basewolf.src = "/images/e/e0/Basewolfdark_polycephaly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
basewolf.src = "/images/a/a4/Basewolfdark_polymelia.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
basewolf.src = "/images/c/c6/Basewolfdark_siren.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
basewolf.src = "/images/2/25/Basewolfdark_pupyoung.png";
}
} else {
if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
basewolf.src = "/images/4/47/Basewolf_adult.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Select a stage from the options below") {
basewolf.src = "/images/4/47/Basewolf_adult.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
basewolf.src = "/images/d/d7/Basewolf_motherly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
basewolf.src = "/images/6/67/Basewolf_relaxed.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
basewolf.src = "/images/7/78/Basewolf_adolescent.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
basewolf.src = "/images/0/09/Basewolf_puppy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
basewolf.src = "/images/3/31/Basewolf_brachy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
}
}
});
backgroundtoggle.addEventListener("click", function() {
if (backgroundtoggle.checked) {
previewbackground.src = "/images/2/21/Background_default.png";
} else {
previewbackground.src = "/images/b/b5/Placeholderbackground.png";
}
});
}
function decorModalBehind(decorname, decorthumb, decordesc, decorobt, adulturl, motherlyurl, relaxedurl, sentinelurl, adolurl, pupurl, pupbrachyurl, pupconjoinedurl, pupnewbornurl, puppolycurl, puppolymurl, pupsirenurl, pupyoungurl) {
modal.style.display = "block";
decorpreviewbehind.src = adulturl;
basewolf.src = "/images/4/47/Basewolf_adult.png";
decortitle.innerHTML = decorname;
decorinfo.innerHTML = decordesc;
decorthumbnail.src = decorthumb;
decorobtention.innerHTML = decorobt;
previewbutton.addEventListener("click", function() {
modalpreview.style.display = "block";
backbutton.style.display = "block";
previewinput.style.display = "block";
decorpreview.style.display = "block";
togglemenu.style.display = "block";
decorthumbnail.style.display = "none";
obtentionheader.style.display = "none";
obtention.style.display = "none";
decorinformation.style.display = "none";
previewbutton.style.display = "none";
});
backbutton.addEventListener("click", function() {
modalpreview.style.display = "none";
backbutton.style.display = "none";
previewinput.style.display = "none";
decorpreview.style.display = "none";
togglemenu.style.display = "none";
decorthumbnail.style.display = "block";
obtentionheader.style.display = "block";
obtention.style.display = "block";
decorinformation.style.display = "block";
previewbutton.style.display = "block";
});
modaldropdown.addEventListener("change", function() {
if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
decorpreviewbehind.src = adulturl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
} else {
basewolf.src = "/images/4/47/Basewolf_adult.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
decorpreviewbehind.src = motherlyurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/d/d7/Basewolf_motherly.png";
} else {
basewolf.src = "/images/d/d7/Basewolf_motherly.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
decorpreviewbehind.src = relaxedurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/6/67/Basewolf_relaxed.png";
} else {
basewolf.src = "/images/6/67/Basewolf_relaxed.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
decorpreviewbehind.src = sentinelurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
} else {
basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
decorpreviewbehind.src = adolurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/7/78/Basewolf_adolescent.png";
} else {
basewolf.src = "/images/7/78/Basewolf_adolescent.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
decorpreviewbehind.src = pupurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/0/09/Basewolf_puppy.png";
} else {
basewolf.src = "/images/0/09/Basewolf_puppy.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
decorpreviewbehind.src = pupbrachyurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/3/31/Basewolf_brachy.png";
} else {
basewolf.src = "/images/3/31/Basewolf_brachy.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
decorpreviewbehind.src = pupconjoinedurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
} else {
basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
decorpreviewbehind.src = pupnewbornurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
} else {
basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
decorpreviewbehind.src = puppolycurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
} else {
basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
decorpreviewbehind.src = puppolymurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
} else {
basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
decorpreviewbehind.src = pupsirenurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
} else {
basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
}
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
decorpreviewbehind.src = pupyoungurl;
if (darkbasetoggle.checked) {
basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
} else {
basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
}
}
});
checkboxesbutton.addEventListener("click", function() {
if (checkboxes.style.display === "none") {
checkboxes.style.display = "block";
} else {
checkboxes.style.display = "none";
} });
darkbasetoggle.addEventListener("click", function() {
if (darkbasetoggle.checked) {
if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Select a stage from the options below") {
basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
basewolf.src = "/images/d/d7/Basewolf_motherly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
basewolf.src = "/images/6/67/Basewolf_relaxed.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
basewolf.src = "/images/7/78/Basewolf_adolescent.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
basewolf.src = "/images/0/09/Basewolf_puppy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
basewolf.src = "/images/3/31/Basewolf_brachy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
}
} else {
if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
basewolf.src = "/images/4/47/Basewolf_adult.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Select a stage from the options below") {
basewolf.src = "/images/4/47/Basewolf_adult.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
basewolf.src = "/images/d/d7/Basewolf_motherly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
basewolf.src = "/images/6/67/Basewolf_relaxed.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
basewolf.src = "/images/7/78/Basewolf_adolescent.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
basewolf.src = "/images/0/09/Basewolf_puppy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
basewolf.src = "/images/3/31/Basewolf_brachy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
} else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
}
}
});
backgroundtoggle.addEventListener("click", function() {
if (backgroundtoggle.checked) {
previewbackground.src = "/images/2/21/Background_default.png";
} else {
previewbackground.src = "/images/b/b5/Placeholderbackground.png";
}
});
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
modaldropdown.selectedIndex = 0;
decorpreviewbehind.src = " ";
basewolf.src = " ";
decorpreviewbehind.style.display = "none";
backbutton.style.display = "none";
previewinput.style.display = "none";
decorpreview.style.display = "none";
togglemenu.style.display = "none";
checkboxes.style.display = "none";
decorinformation.style.display = "block";
previewbutton.style.display = "block";
decorthumbnail.style.display = "block";
obtentionheader.style.display = "block";
obtention.style.display = "block";
decorinformation.style.display = "block";
previewbutton.style.display = "block";
} else if (event.target === modalclose) {
modal.style.display = "none";
modaldropdown.selectedIndex = 0;
decorpreviewbehind.src = " ";
basewolf.src = " ";
decorpreviewbehind.style.display = "none";
backbutton.style.display = "none";
previewinput.style.display = "none";
decorpreview.style.display = "none";
togglemenu.style.display = "none";
checkboxes.style.display = "none";
decorinformation.style.display = "block";
previewbutton.style.display = "block";
decorthumbnail.style.display = "block";
obtentionheader.style.display = "block";
obtention.style.display = "block";
decorinformation.style.display = "block";
previewbutton.style.display = "block";
}
}