// JavaScript Document
function expand(id){
		var target;
		if ( target = document.getElementById(id)){
			document.getElementById(id);
			target.style.display="block";
		}
}
function shrink(id){
	//setTimeout('shrinkIt(\''+id+'\')', 3000);
	
}
function shrink(id) {
	var target;
		if ( target = document.getElementById(id)){
			document.getElementById(id);
			target.style.display="none";
		}
}
var size = 6; // set size of nav 
var scrolling = null;
var scrollInterval;
function scroll(id, direction){
		if (scrolling != null)
			return;
		else {
			if (direction == "up")
				scrolling = setTimeout('scrollUp(\''+id+'\')', 150);
			else{
				scrolling = setTimeout('scrollDown(\''+id+'\')', 150);
			}
		}
}

/*
function scrollUp(id){
		var i; // increment counter
	var ul = document.getElementById(id); // get list
	var items = ul.getElementsByTagName('li'); // get elements in list
	//alert(items[size].className);
	var lastItem = document.createElement('li'); // create new list item to hold first item in list
	var secondLastItem = document.createElement('li'); // create new list item to hold second item in list
	var scrollDown = document.createElement('li'); // create new list item to hold scroll down item
	var firstItem = document.createElement('li');
	var bottom = document.createElement('li');
	
	if (items[size].className == "end" && items[items.length-2].className == "start"){  // list is 1 greater than size
		
			//temp = items[0]; // push scroll down to bottom
		firstItem.innerHTML = items[0].innerHTML;
		firstItem.className = items[0].className;
		bottom.innerHTML = items[size].innerHTML;
		bottom.className = items[size].className;
		lastItem.innerHTML =  items[items.length-1].innerHTML; // set first to 2nd item in list
		lastItem.className = items[items.length-1].className; // set class of first item to 2nd in list
		secondLastItem.innerHTML =  items[items.length-2].innerHTML; // set second to 3rd item in list
		secondLastItem.className = items[items.length-2].className; // set class of second item to 3rd in list
					
					items[0].innerHTML = secondLastItem.innerHTML;
					items[0].className = secondLastItem.className;
					items[items.length-1].innerHTML = firstItem.innerHTML;
					items[items.length-1].className =  firstItem.className;
					
					items[size].innerHTML = lastItem.innerHTML;
					items[size].className = lastItem.className;
					items[items.length-2].innerHTML = bottom.innerHTML;
					items[items.length-2].className =bottom.className;
					
					clearInterval(scrollInterval);
		scrolling = null;
		return;
	} // end if
	else if (items[size].className != "scrollDown") { //  item is not a scroll
		
		lastItem.innerHTML =  items[items.length-2].innerHTML; // set first to 2nd item in list
		lastItem.className = items[items.length-2].className; // set class of first item to 2nd in list
		secondLastItem.innerHTML =  items[items.length-3].innerHTML; // set second to 3rd item in list
		secondLastItem.className = items[items.length-3].className; // set class of second item to 3rd in list
		scrollDown.innerHTML = items[items.length-1].innerHTML;  //grab scroll from end of list
		scrollDown.className = items[items.length-1].className;
		i = items.length -1;
		while( i > 0 ){
			if (i == size){
			
		//	if (items[i-1].className == "end"){
				//if (i-2 < items.length)
				//	temp = items[i-2];
				//else{
					temp = scrollDown;
			//	}
					items[i].innerHTML = temp.innerHTML; 
					items[i].className = temp.className;
			//}
		}
			else if (i > size){
			
		
				temp = items[i-2];
			
				
			items[i].innerHTML = temp.innerHTML; 
			items[i].className = temp.className;
			}
			else if (i < size){
				if ( i == 1)
					temp = lastItem;
				else				
					temp = items[i-1];
				
			items[i].innerHTML = temp.innerHTML;
			items[i].className = temp.className;
			}
			i--;
		}
		scrolling = null;
		return;
	}
	
	else  { 
		
		lastItem.innerHTML =  items[items.length-1].innerHTML; // set first to 2nd item in list
		lastItem.className = items[items.length-1].className; // set class of first item to 2nd in list
		secondLastItem.innerHTML =  items[items.length-2].innerHTML; // set second to 3rd item in list
		secondLastItem.className = items[items.length-2].className; // set class of second item to 3rd in list
		scrollDown.innerHTML = items[items.length-1].innerHTML;  //grab scroll from end of list
		scrollDown.className = items[items.length-1].className;
		i = items.length -1;
		if( lastItem.className != "start") {
			while( i > 0 ){
				if (i == size){
				
			//	if (items[i-1].className == "end"){
					//if (i-2 < items.length)
					//	temp = items[i-2];
					//else{
						//temp = scrollDown;
				//	}
						//items[i].innerHTML = temp.innerHTML; 
						//items[i].className = temp.className;
				//}
				//i++;
			}
				else if (i -1 == size){// one before bottom scroll
					temp = items[i-2];
					items[i].innerHTML = temp.innerHTML; 
					items[i].className = temp.className;
				}
				else{
					if ( i == 1)
						temp = lastItem;
					else				
						temp = items[i-1];
					
				items[i].innerHTML = temp.innerHTML;
				items[i].className = temp.className;
				}
				i--;
			}
		}
		else {
					clearInterval(scrollInterval)
					temp = items[0]; // push scroll down to bottom
					
					
					items[i].innerHTML = temp.innerHTML;
					items[i].className = temp.className;
					items[0].innerHTML = lastItem.innerHTML;
					items[0].className = lastItem.className;
					
				
		}
		scrolling = null;
		return;
	
}
}
*/

var firstItem;
	var secondItem;
	var scrollDown;
	var downArrow;
	var endItem;
	var lastItem;
	var upArrow;

function scrollUp(id){
	var ul = document.getElementById(id); // get list
	var items = ul.getElementsByTagName('li'); // get elements in list
	if (items[items.length-1].style.display == "none"){ // bottom arrow is not showing
		items[items.length-1].style.display = "block";
	}
	
		
		var start = false;
		for (i = items.length -2; i > 0; i--){
			if (start == false && items[i].style.display == "block")	{
				start = i-1;
			}
			if (start-size == 0){ 

				if (start != false && i <= start && i > start-size){
				
					items[i].style.display = "block";
					
					if (i == 1 ) { // if last item in list turn off down arrow
					clearInterval(scrollInterval);
							items[0].style.display = "none";
					}
					
				}
				else
				
					items[i].style.display = "none";
					
			}
			else {
				if (start != false && i <= start && i > start-size+1){
				
					items[i].style.display = "block";
					
				if (i == 1 ) { // if last item in list turn off down arrow
				clearInterval(scrollInterval);
							items[0].style.display = "none";
					}
					
				}
				else
				
					items[i].style.display = "none";
				
			}
		}

			scrolling = null;
			//clearInterval(scrollInterval);
			return;
		
}


function scrollDown(id){
	var ul = document.getElementById(id); // get list
	var items = ul.getElementsByTagName('li'); // get elements in list
	if (items[0].style.display == "none"){ // top arrow is not showing
		items[0].style.display = "block";
	}
	
		
		var start = false;
		for (i = 1; i < items.length -1; i++){
			if (start == false && items[i].style.display == "block")	{
				start = i+1;
			}
			if (start+size == items.length-1){ 

				if (start != false && i >= start && i < start+size){
				
					items[i].style.display = "block";
					
					if (i == items.length - 2 ) { // if last item in list turn off down arrow
							clearInterval(scrollInterval);
							items[items.length -1].style.display = "none";
					}
					
				}
				else
				
					items[i].style.display = "none";
					
			}
			else {
				if (start != false && i >= start && i < start+size-1){
				
					items[i].style.display = "block";
					
					if (i == items.length - 2 ) { // if last item in list turn off down arrow
							
							clearInterval(scrollInterval);
							items[items.length -1].style.display = "none";
					}
					
				}
				else
				
					items[i].style.display = "none";
				
			}
		}
		
		
		
			
		
	
		
			scrolling = null;
			
			return;
		
}
/*
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	if (items[0].className != "scrollUP") { // first item is not a scroll
		
		firstItem.innerHTML =  items[0].innerHTML; // set first to 2nd item in list
		firstItem.className = items[0].className; // set class of first item to 2nd in list
		secondItem.innerHTML =  items[1].innerHTML; // set second to 3rd item in list
		secondItem.className = items[1].className; // set class of second item to 3rd in list
		
		bottom.innerHTML = items[size].innerHTML;
		bottom.className = items[size].className;
		endItem.innerHTML = items[size+1].innerHTML;
		endItem.className = items[size+1].className;
		lastItem.innerHTML = items[items.length-1].innerHTML;  //grab scroll from end of list
		lastItem.className = items[items.length-1].className;
		
		items[0].innerHTML = lastItem.innerHTML;  
		items[0].className = lastItem.className;
		
		i = 1;
		
		
		if (items[size+1].className == "end"){
		
			items[items.length-1].innerHTML = bottom.innerHTML;
			items[items.length-1].className = bottom.className;
			items[size].innerHTML = endItem.innerHTML;
			items[size].className = endItem.className;
			items[size+1].innerHTML = firstItem.innerHTML;
			items[size+1].className = firstItem.className;
			//alert(items[size].innerHTML);
			
			clearInterval(scrollInterval);
			scrolling = null;
			return;
			
			
		} 
		else{
			
		
			while( i < items.length){
				if (i == size){
				
					if (items[i+2].className == "end"){
						//if (i+2 < items.length)
							temp = items[i+1];
						
							items[i].innerHTML = temp.innerHTML; 
							items[i].className = temp.className;
							
					}
				}
				else if (i < size-1 || i > size-1){
				
				if (i+2 < items.length)
					temp = items[i+1];
				else if (i+2 == items.length){
					temp = firstItem;
				}
				else {
					temp = secondItem;
				}
					
				items[i].innerHTML = temp.innerHTML; 
				items[i].className = temp.className;
				}
				else if (i == size-1){
					temp = items[i+2];
					items[i].innerHTML = temp.innerHTML;
					items[i].className = temp.className;
				}
				i++;
			}
		}
		clearInterval(scrollInterval);
		scrolling = null;
		return;
	}
	
	else {
	
		firstItem.innerHTML =  items[1].innerHTML;
		firstItem.className = items[1].className;
	
		var i = 1;
		var temp;
		while( i < items.length){
			
			
			if (i == size){
				
				if (items[i+2].className == "end"){
				
					if (i+2 < items.length)
						temp = items[i+2];
					else{
						
						temp = firstItem;
					}
						scrollDown.innerHTML = items[i].innerHTML;
						scrollDown.className = items[i].className;
						items[i].innerHTML = temp.innerHTML; 
						items[i].className = temp.className;
						
						i++;
						while(i < items.length-1){
							if (i+2 < items.length)
								temp = items[i+2];
							else{
								
								temp = firstItem;
							}
								items[i].innerHTML = temp.innerHTML
								items[i].className = temp.className;
								i++;
							
						}
							items[items.length-1].innerHTML = scrollDown.innerHTML;
							items[items.length-1].className = scrollDown.className;
							scrolling = null;
							clearInterval(scrollInterval);
						return;
				}
				
			}
			else if (i < size-1 || i > size-1){
			
			if (i+1 < items.length)
				temp = items[i+1];
			else{
				temp = firstItem;
			}
				
			items[i].innerHTML = temp.innerHTML; 
			items[i].className = temp.className;
			}
			else if (i == size-1){
				
				temp = items[i+2];
				
			items[i].innerHTML = temp.innerHTML;
			items[i].className = temp.className;
			}
			i++;
		}
		
		
	}
  
scrolling = null;
return;
	
}
*/