MediaWiki:Common.js

var d = document.getElementById("gender2009");
d.className += " show";

document.getElementById("showGender2009").onclick = function() {
$(".gendergraph").removeClass("show");
$("#gender2009").addClass("show");
};

document.getElementById("showGender2010").onclick = function() {
$(".gendergraph").removeClass("show");
$("#gender2010").addClass("show");
};

document.getElementById("showGender2011").onclick = function() {
$(".gendergraph").removeClass("show");
$("#gender2011").addClass("show");
};

document.getElementById("showGender2012").onclick = function() {
$(".gendergraph").removeClass("show");
$("#gender2012").addClass("show");
};

document.getElementById("showGender2013").onclick = function() {
$(".gendergraph").removeClass("show");
$("#gender2013").addClass("show");
};

document.getElementById("showGender2014").onclick = function() {
$(".gendergraph").removeClass("show");
$("#gender2014").addClass("show");
};

document.getElementById("showGender2015").onclick = function() {
$(".gendergraph").removeClass("show");
$("#gender2015").addClass("show");
};

document.getElementById("showGender2016").onclick = function() {
$(".gendergraph").removeClass("show");
$("#gender2016").addClass("show");
};






var d = document.getElementById("age2009");
d.className += " show";

document.getElementById("showAge2009").onclick = function() {
$(".agegraph").removeClass("show");
$("#age2009").addClass("show");
};

document.getElementById("showAge2010").onclick = function() {
$(".agegraph").removeClass("show");
$("#age2010").addClass("show");
};

document.getElementById("showAge2011").onclick = function() {
$(".agegraph").removeClass("show");
$("#age2011").addClass("show");
};

document.getElementById("showAge2012").onclick = function() {
$(".agegraph").removeClass("show");
$("#age2012").addClass("show");
};

document.getElementById("showAge2013").onclick = function() {
$(".agegraph").removeClass("show");
$("#age2013").addClass("show");
};

document.getElementById("showAge2014").onclick = function() {
$(".agegraph").removeClass("show");
$("#age2014").addClass("show");
};

document.getElementById("showAge2015").onclick = function() {
$(".agegraph").removeClass("show");
$("#age2015").addClass("show");
};

document.getElementById("showAge2016").onclick = function() {
$(".agegraph").removeClass("show");
$("#age2016").addClass("show");
};






var d = document.getElementById("nation2009");
d.className += " show";

document.getElementById("showNation2009").onclick = function() {
$(".nationgraph").removeClass("show");
$("#nation2009").addClass("show");
};

document.getElementById("showNation2010").onclick = function() {
$(".nationgraph").removeClass("show");
$("#nation2010").addClass("show");
};

document.getElementById("showNation2011").onclick = function() {
$(".nationgraph").removeClass("show");
$("#nation2011").addClass("show");
};

document.getElementById("showNation2012").onclick = function() {
$(".nationgraph").removeClass("show");
$("#nation2012").addClass("show");
};

document.getElementById("showNation2013").onclick = function() {
$(".nationgraph").removeClass("show");
$("#nation2013").addClass("show");
};

document.getElementById("showNation2014").onclick = function() {
$(".nationgraph").removeClass("show");
$("#nation2014").addClass("show");
};

document.getElementById("showNation2015").onclick = function() {
$(".nationgraph").removeClass("show");
$("#nation2015").addClass("show");
};

document.getElementById("showNation2016").onclick = function() {
$(".nationgraph").removeClass("show");
$("#nation2016").addClass("show");
};