/* Queue the Site Load Events
===================================================================================== */
addLoadEvent(initExamples) ;


var on ;

function initExamples() {
	var wrap = getElementsBySelector('.examples') ;
	if (wrap == '') return ;
	wrap = wrap[0] ;
	
	on = getElementsBySelector('.examples li.on')[0] ;
	var li =  wrap.getElementsByTagName('li') ;
	if (li == '') return ;	
	
	/* cancel all default link actions, except more links */
	var a = wrap.getElementsByTagName('a') ;
	for (i=0; i<a.length; i++) {
		if (a[i].href.indexOf('?ex') != -1) {
			a[i].onclick  = function() { return false } ;
		} else {
			a[i].onclick  = function() { return true } ;
		}
	}	
	
	/* attach events to handles */
	for (i = 0; i < li.length; i++) {
		
		if (li[i].parentNode.parentNode == wrap) {
	/* Top level */
			
			li[i].onclick = function() {
				if (this == on) return ;
				on.className = '' ;
				this.className = 'on' ;
				on = this ;
				
				/* set default tab */
				getElementsByClass('first', this, 'a')[0].parentNode.className = 'on' ;
			}
		} else {
	/* bottom level */
			li[i].onmouseover = function() {
				var onTab = getElementsByClass('on', this.parentNode, 'li')[0] ;
				if (onTab) {
					onTab.className = (onTab.className == 'on' ? '' : 'on') ;
				}
				this.className = 'on' ;
			}
			li[i].onmouseout = function() {
				var onTab = getElementsByClass('on', this.parentNode, 'li')[0] ;
				var first = this.parentNode.getElementsByTagName('li')[0] ;
				if (!onTab) {
					first.className = 'on' ;
				} 
				if (this != first) {
					this.className = '' ;
					first.className = 'on' ;
				}
			}
		}
	}
}