MediaWiki:Gadget-artTab.js

window.artTabSwitch = function(evt, artTabName) {
	    var i, tabcontent, tablinks;
	    tabcontent = document.getElementsByClassName("artTabContent");
	    for (i = 0; i < tabcontent.length; i++) {
	        tabcontent[i].style.display = "none";
	    }
	    tablinks = document.getElementsByClassName("artTabLinks");
	    for (i = 0; i < tablinks.length; i++) {
	        tablinks[i].className = tablinks[i].className.replace(" active", "");
	    }
	    document.getElementById(artTabName).style.display = "block";
	    evt.currentTarget.className += " active";
};

function switchVariant(event, variant) {
  console.log(event);
  
}

RLQ.push(function () {
  $(document).ready(function() { 
    var artTabDiv = $('.artTab');
  
    var normalButton = $('<button></button>');
    normalButton.addClass('artTabLinks');
    normalButton.click(switchVariant);
    normalButton.data('variant', "");
    normalButton.text("Normal");

    var damagedButton = $('<button></button>');
    damagedButton.addClass('artTabLinks');
    damagedButton.click(switchVariant);
    damagedButton.data('variant', "D");
    damagedButton.text("Damaged");
  
    var variantswitcher = $('<div></div>');
    variantswitcher.addClass('variantswitcher');
    variantswitcher.append(normalButton);
    variantswitcher.append(damagedButton);
    
    artTabDiv.prepend(variantswitcher);

    normalButton.click();
  });
});