
//Normally I'd do this using JQuery, but it's only a simple demo and I don't want too many dependencies
window.onload = function()
{
	// Yeah, I'm only bothered about valid markup in the HTML file and the CSS. This script is only a
	// demo so it can be dirty and horrible if I feel like it :o)
	document.getElementById('stylesheet-switcher-goes-here').innerHTML = '<p><a id="clever" href="#" onclick="setActiveStyleSheet(\'Clever\'); return false;">Restore incredible style</a> <a id="stupid" href="#" onclick="setActiveStyleSheet(\'Stupid\'); return false;">See the columns as they really are</a></p>';
}


/* http://www.alistapart.com/articles/alternate/ */
function setActiveStyleSheet(title) {
   var i, a, main;
   for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
     if(a.getAttribute("rel").indexOf("style") != -1
        && a.getAttribute("title")) {
       a.disabled = true;
       if(a.getAttribute("title") == title) a.disabled = false;
     }
   }
}

