var d=document;
var cssLength;
var stylesheet = d.styleSheets[d.styleSheets.length-1];

window.onload = function (){
	(stylesheet.rules) ? cssLength = stylesheet.rules.length :  cssLength = stylesheet.cssRules.length;
	expandList()
}

function expandList(){	
	var content = d.getElementById("middle");
	var control;
	var text = "(List stories)";
	var headings = content.getElementsByTagName("h2")
	for(x=0;headings.length>x;x++){
		if(headings[x].nextSibling && (headings[x].nextSibling.nodeName=="UL" || (headings[x].nextSibling.nextSibling && headings[x].nextSibling.nextSibling.nodeName=="UL"))){
		 	control = d.createElement("span");
			control.className = "day" + (x+1);
			control.appendChild(d.createTextNode(text));
			control.onclick = function (){ switchDay(this.className); }
			headings[x].appendChild(control);
		}
	}		
	var uls = content.getElementsByTagName("ul");
	var imgs = content.getElementsByTagName("p");
	var v = "day6";
	hideShow(uls,v);
	hideShow(imgs,v);
	addCSS(v);
}

function addCSS(v){
	var rule1 = " { display: block; }";
	var rule2 = " { display: none; }";
	var rule3 = " { background: #EEE; border: 1px solid #CCC; border-left: none;  }";
	if(stylesheet.addRule){
	stylesheet.addRule("#"+v, rule1);
	stylesheet.addRule("#"+v+"cover", rule1);
	stylesheet.addRule("#"+v+" ul", rule2);
	stylesheet.addRule("#"+v+" span."+v, rule2);
	stylesheet.addRule("#"+v+" h2", rule3)
	}
	else if(stylesheet.insertRule){
		stylesheet.insertRule("#"+v+rule1,cssLength);
		stylesheet.insertRule("#"+v+"cover"+rule1,cssLength);
		stylesheet.insertRule("#"+v+" ul"+rule2,cssLength);
		stylesheet.insertRule("#"+v+" span."+v+rule2,cssLength);
		stylesheet.insertRule("#"+v+" h2"+rule3,cssLength);
	}
}

function removeCSS(){
	for(x=0;5>x;x++){
 	if(stylesheet.removeRule){
		stylesheet.removeRule(cssLength);	
	}
	else if(stylesheet.deleteRule){
	 	stylesheet.deleteRule(cssLength);
	}	
}
}	

function switchDay(v){
	var content = d.getElementById("middle");
	var uls = content.getElementsByTagName("ul")
	var imgs = content.getElementsByTagName("p")
	hideShow(uls,v);
	hideShow(imgs,v);
	removeCSS();
	addCSS(v);
}

function hideShow(nObj,v){
	var sObj;
	for(x=0;nObj.length>x;x++){
		sObj = nObj[x].style;
		((nObj[x].parentNode.id == v || nObj[x].id == v+"cover") && sObj.display != "block") ? sObj.display = "block" : sObj.display = "none"
	}	
}