// JavaScript Navigation

var topTitles = new Array(0,'photography','painting','writing','etc','essays','film',
							'heytheresport', 'places','scapes','acrylics','watercolors',
							'contact','bio','links','aids','coffee','economics','homeless',
							'charlesdoreen','ilhaidugo','rld','garbagecity','kadifekale','walls',
							'pentax','pinhole','dhmtb','golf','bulgaria','scandinavia',
							'thebigisland','city','land','night','aids','atomicalypse',
							'holy','orange','ropes');

var selectedTop = 0;
var selectedMid = 0;
var selectedBottom = 0;

function showList(chosenTitle){

	newTitle = chosenTitle.split("_");

	selectedTop = parseInt(newTitle[1]);
	
	//close mid lists
	closeLists();					

	for (i=1;i<=4;i++){
	
		//first change all to titles to black
		changeTitleReturn(i);
	
	
			if(i == selectedTop){
			
				if(i != 3){
				
					document.getElementById(i + "_list").style.visibility="visible";
					document.getElementById(i + "_list").style.display="block";
									
				}
				
					
					changeTitleColor(selectedTop);
					
			
			}else{
			
				if(i != 3){
			
					document.getElementById(i + "_list").style.visibility="hidden";
					document.getElementById(i + "_list").style.display="none";
									
				}	
					
					changeTitleReturn(selectedTop);
			
			}	
		
		
	
	}
	
	return false;

}

function changeTitleColor(title){


		document.getElementById(title).src = 'image/top_titles/' + topTitles[title] +'_yg.gif';
	

}

function changeTitleReturn(title){

	if(title != selectedTop){
	
		document.getElementById(title).src = 'image/top_titles/' + topTitles[title] +'.gif';
	
	}

}

function showMidList(chosenTitle,listTotal,listStart){

	fixedID = chosenTitle.split("_");

	selectedMid = parseInt(fixedID[1]);
	
	var startList = listStart;
	
	var totalTitles = startList + listTotal;

	for (i=startList;i<totalTitles;i++){
	
		//document.getElementById("test").innerHTML += topTitles[i] + "_list";
		
		//first change all to titles to black
		changeMidReturn(i);
	
	
			if(i == selectedMid){
			
				
					document.getElementById(topTitles[i] + "_list").style.visibility="visible";
					document.getElementById(topTitles[i] + "_list").style.display="block";				
					
					changeMidColor(selectedMid);
					
			
			}else{
						
					document.getElementById(topTitles[i] + "_list").style.visibility="hidden";
					document.getElementById(topTitles[i] + "_list").style.display="none";

					changeMidReturn(selectedMid);
			
			}	

	}
	
	return false;

}

function changeMidColor(listedID){

		document.getElementById(listedID).src = 'image/mid_titles/' + topTitles[listedID] +'_yg.gif';	

}

function changeMidReturn(listedID){

	if(listedID != selectedMid){

		document.getElementById(listedID).src = 'image/mid_titles/' + topTitles[listedID] +'.gif';
	
	}

}

function midSelect(listedID){

	fixedID = listedID.split("_");

	selectedMid = parseInt(fixedID[1]);
	
	for (i=12;i<14;i++){
	
		changeMidReturn(i);
	
	}
	
	changeMidColor(fixedID[1]);
	
	return false;

}

function changeBottomColor(listedID){

		document.getElementById(listedID).src = 'image/bottom_titles/' + topTitles[listedID] +'_yg.gif';	

}

function changeBottomReturn(listedID){

	if(listedID != selectedBottom){

		document.getElementById(listedID).src = 'image/bottom_titles/' + topTitles[listedID] +'.gif';
	
	}

}

function bottomSelect(listedID){

	fixedID = listedID.split("_");

	selectedBottom = parseInt(fixedID[1]);
	
	for (i=15;i<38;i++){
	
		changeBottomReturn(i);
	
	}
	
	changeBottomColor(fixedID[1]);
	
	return true;

}

function closeLists () {

	var totalLists = 7;
	var startMids = 5;
	var endMids = startMids + totalLists;
	
	selectedMid = 0;
	
	for (i=startMids;i<endMids;i++){
	
		changeMidReturn(i);
		
		document.getElementById(topTitles[i] + "_list").style.visibility="hidden";
		document.getElementById(topTitles[i] + "_list").style.display="none";	
	
	}

}