// Navigation hover functions
function animate() {
    var links = document.getElementsByClassName('animate');
    for(i=0; i<links.length; i++) {
      links[i].onclick = function() {
          var id = this.parentNode.id;
          moveEl(id+'projects', 0, 20, 10);
          
          for(a=0; a<links.length; a++) {
               if(links[a] != this) {
                    moveEl(links[a].parentNode.id+'projects', 0, 400, 10);
               }
          }
          
     	closers = document.getElementsByClassName('close');
     	for(i=0; i<closers.length; i++) {
     		closers[i].onclick = function() {
     			moveEl(this.parentNode.id, 0, 400, 10);
     			return false;
     		}
     	}          
          return false;          
      }
    } 
}

function closeIt() {
	closers = document.getElementsByClassName('close');
	for(i=0; i<closers.length; i++) {
		closers[i].onclick = function() {
			moveEl(this.parentNode.id, 0, 400, 10);
			return false;
		}
	}
}



// JavaScript Document
function moveEl(elem, final_x, final_y, interval) {
    if(!document.getElementById(elem)) return false;
	
	if($(elem).movement) clearTimeout($(elem).movement);	
     if(!$(elem).style.left) $(elem).style.left = '0';
	if(!$(elem).style.top) $(elem).style.top = '400px';	
	
	var xpos = parseInt($(elem).style.left);
	var ypos = parseInt($(elem).style.top);
	
	if(xpos == final_x && ypos == final_y) return true;	
	
	if(xpos < final_x){
	  var distance = Math.ceil((final_x - xpos)/10);
	  xpos = xpos + distance;
	}	
	if(xpos > final_x){
	  var distance = Math.ceil((xpos - final_x)/10);
	  xpos = xpos - distance;
	}
	if(ypos < final_y){
	  var distance = Math.ceil((final_y - ypos)/10);
	  ypos = ypos + distance;
	}	
	if(ypos > final_y){
	  var distance = Math.ceil((ypos - final_y)/10);
	  ypos = ypos - distance;
	}
	
	$(elem).style.left = xpos + "px";
	$(elem).style.top = ypos + "px";
	
	var rep = "moveEl('" + elem + "', " + final_x + ", " + final_y + ", " + interval + ")";
	$(elem).movement = setTimeout(rep, interval);
}

window.onDomReady(animate);