/**
 *  menu.js: JS for our menu
 *
 *  By Designimate Studios
 *  http://www.designimatestudios.com/
 */

	var startRGB = 0; //rgb(0,0,0)
	var targetRGB = 102;//rgb(102,102,102)

	window.onload = function(){
		var links = document.getElementById('menu').getElementsByTagName('li');
		for(var i = 0; i < links.length; i++){
			links[i].id = 'trans' + i;
			links[i].curRGB = startRGB;
			links[i].onmouseover = doTrans;
			links[i].t_over = false;
			links[i].onmouseout = clTrans;
			links[i].t_out = false;
			links[i].style.backgroundColor = 'rgb('+startRGB+','+startRGB+','+startRGB+')';
		}
	}

	function doTrans(){
		if(this.t_out){
			clearInterval(this.t_out);
			this.t_out = false;
		}
		if(this.t_over) return null;
		var a = this;
		rgbTrans(a.id, targetRGB); //Kick it off instantly
		a.t_over = setInterval(function(){rgbTrans(a.id, targetRGB);}, 70);
	}

	function clTrans(){
		if(this.t_over){
			clearInterval(this.t_over);
			this.t_over = false;
		}
		if(this.t_out) return null;
		var a = this;
		a.t_out = setInterval(function(){rgbTrans(a.id, startRGB);}, 70);
	}

	function rgbTrans(id,rgb){
		var link = document.getElementById(id);
		var i = 35;
		var curRGB = link.curRGB; 
		var destRGB = parseInt(rgb);
		if(curRGB == destRGB){
			if(link.t_over){
				clearInterval(link.t_over);
				link.t_over = false;
			}
			if(link.t_out){
				clearInterval(link.t_out);
				link.t_out = false;
			}
			return null;
		}

		if(curRGB > destRGB)
			curRGB = curRGB-i > destRGB ? curRGB-i : destRGB;
		else if(curRGB < destRGB)
			curRGB = curRGB+i < destRGB ? curRGB+i : destRGB;

		link.curRGB = curRGB; 
		link.style.backgroundColor = 'rgb('+curRGB+','+curRGB+','+curRGB+')'; 
	}