//Word-bubble.js Written by Brandon More;

Event.observe(window, 'load', function() {


function test(){
	
	var superList = $("leftNav");
		
	var lists = superList.getElementsBySelector('li');
	
	var listLength = lists.length;
			
	var i = 0;
	
	var index = 1000;
		
			
	while(i < listLength-1){
		
		var link = lists[i].childElements();
		
		link[0].onmouseover = function(){
			var bubble = this.next(0);
			var outer = this.parentNode;
			outer.style.zIndex = 5000;
			bubble.show();
				
		}
		
		link[0].onmouseout = function(){
			var bubble = this.next(0);
			var outer = this.parentNode;
			outer.style.zIndex = 900;
			bubble.hide();
			
			
		}
										
		i++;
		
	}
	
	for(j=0;j<=listLength;j++){
		//lists[j].style.zIndex = index;
		if(j==4){
			lists[j].id = "five";
		}
		if(j==9){
			lists[j].id = "ten";
		}
		if(j==14){
			lists[j].id = "fifteen";
		}
				
		index--;
	}
	

}

function swap(){
		
	var largeImage = document.getElementById("largeImage");
	var small1 = document.getElementById("small-1");
	var small2 = document.getElementById("small-2");
	var small3 = document.getElementById("small-3");
	var small4 = document.getElementById("small-4");
	var small5 = document.getElementById("small-5");
	var small6 = document.getElementById("small-6");
			
	small1.onclick = function(){
		largeImage.src = small1.src;
	}
	small2.onclick = function(){
		largeImage.src = small2.src;
	}
	small3.onclick = function(){
		largeImage.src = small3.src;
	}
	small4.onclick = function(){
		largeImage.src = small4.src;
	}
	small5.onclick = function(){
		largeImage.src = small5.src;
	}
	small6.onclick = function(){
		largeImage.src = small6.src;
	}
}

if(document.getElementById("small-1")){
	swap();
}

test();



});