

function initFuncs() {

	var hyper = document.getElementsByTagName('a');
	for (var i=0;i<hyper.length;i++) {
		if (hyper[i].className == 'thumb') {		
			hyper[i].onclick = gallerySwitch;
			hyper[i].onmouseover = showClickable;
			hyper[i].onmouseout = hideClickable;			
		}
	}
	var divs = document.getElementsByTagName('div');

	for (var i=0;i<divs.length;i++) {
		if (divs[i].className == 'entry') {
			for(var j=0;j<divs[i].childNodes.length;j++) {	
				var brat = divs[i].childNodes[j];
				if(brat.tagName) {
					if (brat.tagName != 'H2') {
						brat.style.display = 'none';
					} else {
					    var date = brat.getElementsByTagName('span')[0];
						brat.onmouseover = function() {
							this.style.color = '#662c91';
							this.style.cursor = 'pointer';
							this.style.borderBottom = '1px solid #ccc';
							this.style.backgroundColor = '#fff';
//							this.getElementsByTagName('span')[0].style.color = '#f5e200';
							this.getElementsByTagName('span')[0].style.color = '#662c91';
						}
						brat.onmouseout = function() {
							this.style.color = '#000';
							this.style.backgroundColor = '#e9f3eb';		
							this.style.borderBottom = '1px solid #000';							
							this.getElementsByTagName('span')[0].style.color = '#bb9873';
						}
						brat.onclick = function() {
							var pop = this.parentNode;
							for(var i=0;i<pop.childNodes.length;i++) {
								if(pop.childNodes[i].tagName) {
									if (pop.childNodes[i].style.display == 'block') {
										if(pop.childNodes[i].tagName != 'H2') {
											pop.childNodes[i].style.display = 'none';									
										}
									} else {
										pop.childNodes[i].style.display = 'block';
									}
								}
							}
						}
					}
				}
			}	
//			divs[i].style.display = 'none';
//			var h2 = divs[i].getElementsByTagName('h2');
//			h2[0].style.display = 'block';
		}
	}
}

function showTracks(link) { 
	var cds = new Array('cdone','cdtwo','cdthree','cdfour');
	for(var i=0;i<cds.length;i++) {
		document.getElementById(cds[i]+'List').style.display = 'none';
	}
	document.getElementById(link.id+'List').style.display = 'block';
}
function showList(link) {
	var bycd  = document.getElementById('viewOne');
	var byalpha  = document.getElementById('viewTwo');	
	if(link.id == 'byCD') {
		bycd.style.display = 'block';
		byalpha.style.display = 'none';
	} else {
		bycd.style.display = 'none';
		byalpha.style.display = 'block';
	}
}

function gallerySwitch(e) {
	if (!e) alert('no e');
	var container = document.getElementById('lrgPic');
	container.src = e.target.parentNode;
	return false;
}
function showClickable() {
	var click = document.getElementById('clickus');
	click.style.display = 'inline';
}
function hideClickable() {
	var click = document.getElementById('clickus');
	click.style.display = 'none';
}












function addEvent(elm, type, fn, cap) {
	if (elm.addEventListener) {
		elm.addEventListener(type,fn,cap);
		return true;
	}
	else if (elm.attachEvent) {
		var r = elm.attachEvent('on'+type,fn);
		return r;
	}
	else {
		elm['on'+type] = fn;
	}
}

addEvent(window,'load',initFuncs,false); // initFuncs loads everything we need....