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");
};






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

document.getElementById("showCenter2009").onclick = function() {
$(".centergraph").removeClass("show");
$("#center2009").addClass("show");
};

document.getElementById("showCenter2010").onclick = function() {
$(".centergraph").removeClass("show");
$("#center2010").addClass("show");
};

document.getElementById("showCenter2011").onclick = function() {
$(".centergraph").removeClass("show");
$("#center2011").addClass("show");
};

document.getElementById("showCenter2012").onclick = function() {
$(".centergraph").removeClass("show");
$("#center2012").addClass("show");
};

document.getElementById("showCenter2013").onclick = function() {
$(".centergraph").removeClass("show");
$("#center2013").addClass("show");
};

document.getElementById("showCenter2014").onclick = function() {
$(".centergraph").removeClass("show");
$("#center2014").addClass("show");
};

document.getElementById("showCenter2015").onclick = function() {
$(".centergraph").removeClass("show");
$("#center2015").addClass("show");
};

document.getElementById("showCenter2016").onclick = function() {
$(".centergraph").removeClass("show");
$("#center2016").addClass("show");
};






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

document.getElementById("showDisb2009").onclick = function() {
$(".disbgraph").removeClass("show");
$("#disb2009").addClass("show");
};

document.getElementById("showDisb2010").onclick = function() {
$(".disbgraph").removeClass("show");
$("#disb2010").addClass("show");
};

document.getElementById("showDisb2011").onclick = function() {
$(".disbgraph").removeClass("show");
$("#disb2011").addClass("show");
};

document.getElementById("showDisb2012").onclick = function() {
$(".disbgraph").removeClass("show");
$("#disb2012").addClass("show");
};

document.getElementById("showDisb2013").onclick = function() {
$(".disbgraph").removeClass("show");
$("#disb2013").addClass("show");
};

document.getElementById("showDisb2014").onclick = function() {
$(".disbgraph").removeClass("show");
$("#disb2014").addClass("show");
};

document.getElementById("showDisb2015").onclick = function() {
$(".disbgraph").removeClass("show");
$("#disb2015").addClass("show");
};

document.getElementById("showDisb2016").onclick = function() {
$(".disbgraph").removeClass("show");
$("#disb2016").addClass("show");
};