/* -----    addLoadEvent -----
	by SIMON WILLISON
	http://simon.incutio.com
-----------------------------------*/

function addLoadEvent(func){
	var oldonload = window.onload;
	if(typeof window.onload != 'function'){
		window.onload = func;
	}else{
		window.onload = function(){
			oldonload();
			func();
		}
	}
}

/* end scripts by SW */



function toggleSubnav(){
	if(!document.getElementById || !document.createElement) { return; }
	
	document.body.className = 'js';
	
	var subnav_ul = document.createElement('ul');
	subnav_ul.setAttribute('id', 'subnav');
	
	var subnav_li1 = document.createElement('li');
	subnav_li1.setAttribute('id', 'subnav_all');
	var subnav_li1_a = document.createElement('a');
	subnav_li1_a.setAttribute('href', '#all');
	subnav_li1_a.setAttribute('title', 'Show All');
	//subnav_li1_a.className = 'current';
	var subnav_li1_a_text = document.createTextNode('Show All');
	subnav_li1_a.appendChild(subnav_li1_a_text);
	subnav_li1.appendChild(subnav_li1_a);
	subnav_ul.appendChild(subnav_li1);
	
	var subnav_li2 = document.createElement('li');
	subnav_li2.setAttribute('id', 'subnav_books');
	var subnav_li2_a = document.createElement('a');
	subnav_li2_a.setAttribute('href', '#books');
	subnav_li2_a.setAttribute('title', 'Books');
	var subnav_li2_a_text = document.createTextNode('Books');
	subnav_li2_a.appendChild(subnav_li2_a_text);
	subnav_li2.appendChild(subnav_li2_a);
	subnav_ul.appendChild(subnav_li2);
	
	var subnav_li3 = document.createElement('li');
	subnav_li3.setAttribute('id', 'subnav_art');
	var subnav_li3_a = document.createElement('a');
	subnav_li3_a.setAttribute('href', '#art');
	subnav_li3_a.setAttribute('title', 'Art');
	var subnav_li3_a_text = document.createTextNode('Art');
	subnav_li3_a.appendChild(subnav_li3_a_text);
	subnav_li3.appendChild(subnav_li3_a);
	subnav_ul.appendChild(subnav_li3);
	
	var subnav_li4 = document.createElement('li');
	subnav_li4.setAttribute('id', 'subnav_tshirts');
	var subnav_li4_a = document.createElement('a');
	subnav_li4_a.setAttribute('href', '#tshirts');
	subnav_li4_a.setAttribute('title', 'Shirts');
	var subnav_li4_a_text = document.createTextNode('Shirts');
	subnav_li4_a.appendChild(subnav_li4_a_text);
	subnav_li4.appendChild(subnav_li4_a);
	subnav_ul.appendChild(subnav_li4);
	
	var subnav_li5 = document.createElement('li');
	subnav_li5.setAttribute('id', 'subnav_other');
	var subnav_li5_a = document.createElement('a');
	subnav_li5_a.setAttribute('href', '#other');
	subnav_li5_a.setAttribute('title', 'Other');
	var subnav_li5_a_text = document.createTextNode('Other');
	subnav_li5_a.appendChild(subnav_li5_a_text);
	subnav_li5.appendChild(subnav_li5_a);
	subnav_ul.appendChild(subnav_li5);
	
	document.getElementById('column_two').insertBefore(subnav_ul, document.getElementById('all'));
	
	
	var subnav = new Array('all', 'books', 'art', 'tshirts', 'other');
	
	// find the initial category
		
		for(var j = 0; j < subnav.length; j++){
		if(category){
		if(category == subnav[j]){
		var current = j;
		document.getElementById('subnav_'+subnav[current]).firstChild.className = 'current';
		document.getElementById(subnav[current]).className = 'shown';
		document.getElementById('all').className = 'hidden';
		break;
		}else{
		var current = 0;
		}
		}else{
		var current = 0;
		}
		}
	
	// instructions for clicking
	
	for(var i = 0; i < subnav.length; i++){
		document.getElementById('subnav_' + subnav[i]).num = i;
		document.getElementById('subnav_' + subnav[i]).onclick = function(){
			
			//subnav states
			document.getElementById('subnav_'+subnav[current]).firstChild.className = '';
			this.firstChild.className = 'current';
			
			//showing and hiding appropriate sections
			document.getElementById(subnav[current]).className = 'hidden';
			document.getElementById(subnav[this.num]).className = 'shown';
			
			current = this.num;
			
			return false;
			
		}
	}
		
}

addLoadEvent(toggleSubnav);