// JavaScript Document


function prepMoveElements(){
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("footer_links")) return false;
	
	var footer = document.getElementById("footer_links");
	var containers = footer.getElementsByTagName("ul");
	
	// var shiftval = container.clientHeight;
	
	var shiftval = 50;
	
	var speed = 20;
		
	var num_cols = containers.length;
	
	for(var i=1; i<num_cols; i++){
		
		var slider = containers[i];
		slider.setAttribute("id","slider_"+i);
				
		var maxtop = (0 - (slider.scrollHeight) + shiftval);
		var maxbtm = 0;
		
		var btn_ctr = document.createElement("div");
		btn_ctr.setAttribute("class", "slide_btns");
		
		// up btn
		var up_link = document.createElement("a");
		up_link.setAttribute("href","#");
		up_link.setAttribute("id","up_"+i);
							 
		var up_arrow = document.createElement("img");
		up_arrow.setAttribute("src","http://www.fisticuffdesign.com/_assets/images/scroll_arrow_up.png");
		up_arrow.setAttribute("alt", "up ");
		
		up_link.appendChild(up_arrow);
							  
		// down btn
		var dn_link = document.createElement("a");
		dn_link.setAttribute("href","#");
		dn_link.setAttribute("id","dn_"+i);
		
		var dn_arrow = document.createElement("img");
		dn_arrow.setAttribute("src","http://www.fisticuffdesign.com/_assets/images/scroll_arrow_down.png");
		dn_arrow.setAttribute("alt", " down");
		
		dn_link.appendChild(dn_arrow);
		
		btn_ctr.appendChild(up_link);
		btn_ctr.appendChild(dn_link);
		
		// alert("Scroll " + i + " Height: " + slider.scrollHeight + " --- Conatiner Height: " + slider.parentNode.clientHeight);
		
		if(slider.scrollHeight > slider.parentNode.clientHeight){
			insertAfter(btn_ctr, slider.parentNode);
						
			var did = dn_link.getAttribute("id");
			var uid = up_link.getAttribute("id");
			
			var downer = document.getElementById(did);
			var upper = document.getElementById(uid);
			
			downer.onclick = function() {
				var myid = this.getAttribute("id");
				var num = myid.substr(3);
				
				var slider = document.getElementById("slider_"+num);
				
				if(!slider.style.top) {
					slider.style.top = "0px";
				}
				var final_y = (parseInt(slider.style.top)) - (shiftval);
				moveElement("slider_"+num, final_y, speed);
				return false;
			}
			
			upper.onclick = function() {
				var myid = this.getAttribute("id");
				var num = myid.substr(3);
								
				var slider = document.getElementById("slider_"+num);
								
				if(!slider.style.top) {
					slider.style.top = "0px";
				}
				var final_y = (parseInt(slider.style.top)) + (shiftval);
				moveElement("slider_"+num, final_y, speed);
				return false;
			}
		}
	}
}

addLoadEvent(prepMoveElements);