[Psyhoz]

Приветствую всех.
Я новичек в этом деле, знаний маловато, вот практикуюсь по немного. Надеюсь я с просьбой залез в тот раздел)
У меня собственно вот в чем беда.
По сути имеется 2 "кнопки" при клике на 1-ую, меняется фон, при клике на 2-ю меняется цвет тени дивов. Вся соль в том, что если код для 2-ух этих кнопок написать вместе, то работает часть написанная ниже т.е. сначала идет код для 1-ой кнопки,а после для 2-ой, будет работать только кнопка 2 и наоборот.
Буду благодарен хоть за какую то помощь так же за какиет о советы, либо критику в сторону новечка, а то не хочется учится за ведома не правильно

var index = 0;            //смена фона
	var texture = new Array("back1.gif","back2.gif","back.png");
	function changefonTexture()
	{
		var body = document.getElementById('boddy');
		index++
		if(index >= texture.length)
			index = 0
		body.style.background = 'url(../i/'+texture[index]+')';
	}
	
	
	window.onload = function()
	{
		var changefon = document.getElementById('changefon');
		changefon.onclick = changefonTexture;
	}
	
	
	function getRandom(n)    //смена цвета
	{
		return Math.round(n*Math.random())
	}
	
	function getRandomCSSColor()
	{
		var red = getRandom(255);
		var blue = getRandom(255);
		var green = getRandom(255);
		var color = "rgb("+red+","+green+","+blue+")";
		return color;
	}
	
	
	function changeAllColor()
	{
		var active = document.getElementById('active');
		var content = document.getElementById('content');
		var info = document.getElementById('info');
		active.style.boxShadow ='0px 0px 20px 3px '+getRandomCSSColor();
		content.style.boxShadow ='0px 0px 20px 3px '+getRandomCSSColor();
		info.style.boxShadow ='0px 0px 20px 3px '+getRandomCSSColor();
	}
	
	
	window.onload = function()
	{
		var changecolor = document.getElementById('changecolor');
		changecolor.onclick = changeAllColor;
	}