var startColor = '000000'; // word in index.php goed gezet, word hier enkel aangemaakt.
var i = 0;
var j = 0;
var changeInterval="";


function d2h(d) {return d.toString(16);}
function h2d(h) {return parseInt(h,16);} 

function change(color1,color2){
	var begin = new Array(color1.substr(0,2),color1.substr(2,2),color1.substr(4,2));
	var einde = new Array(color2.substr(0,2),color2.substr(2,2),color2.substr(4,2));

	begin[0] = h2d(begin[0]); ////////////
	begin[1] = h2d(begin[1]); // Alles  //
	begin[2] = h2d(begin[2]); //  Naar  //
	einde[0] = h2d(einde[0]); //  DEC   //
	einde[1] = h2d(einde[1]); // Zetten // 
	einde[2] = h2d(einde[2]); ////////////
	
	var r = begin[0] + ((begin[0] - einde[0])/i);
	var g = begin[1] + ((begin[1] - einde[1])/i);
	var b = begin[2] + ((begin[2] - einde[2])/i);
	
	begin[0] = d2h(begin[0]); ////////////
	begin[1] = d2h(begin[1]); // Alles  //
	begin[2] = d2h(begin[2]); //  Naar  //
	einde[0] = d2h(einde[0]); //  HEX   //
	einde[1] = d2h(einde[1]); // Zetten // 
	einde[2] = d2h(einde[2]); ////////////
	
	begin = begin.join("");
	einde = einde.join("");
	
	document.getElementById('menuSub').style.background = "#"+einde+" url('img/gradient.png') repeat-x";
	alert(document.getElementById('menuSub').style.background);
	j++;
	if(j==i){ clearInterval(changeInterval);}
	}

function fader(from,to,frames){
	var time = 1000;
	var frameRate = time / frames;
	frameRate = Math.round(frameRate);
	i = frames;
	var changeInterval = setInterval("change('"+from+"','"+to+"')",frameRate);
	}//--einde functie fader
	

function menu(color,id){
	var menuSub = document.getElementById('menuSub');

	var start   = document.getElementById('spanHome');
	var auto    = document.getElementById('spanAuto');
	var motor   = document.getElementById('spanMotor');
	var info    = document.getElementById('spanInfo');
	var contact = document.getElementById('spanContact');
	
	//fader(startColor,color,10);
	document.getElementById('menuSub').style.background = "#"+color+" url('img/gradient.png') repeat-x";

	start.style.display = auto.style.display = motor.style.display = info.style.display = contact.style.display = "none";
	document.getElementById(id).style.display = "inline";
	}//--einde function menu