function initPage()
{
	var nav = document.getElementById("nav");
	if (nav)
	{
		var nodes = nav.getElementsByTagName("li");
		for (var i = 0; i < nodes.length; i++)
		{
			if (nodes[i].parentNode.id == "nav")
			{
				nodes[i].onmouseover = function () 
				{
					this.className += " hover";
				}
				nodes[i].onmouseout = function ()
				{
					this.className = this.className.replace(" hover", "");
				}
			}
		}
	}
}

function changeSkin() { 
	var nav = document.getElementById("skin");
	if (nav)
	{
		var nodes = nav.getElementsByTagName("a");
		for (var i = 0; i < nodes.length; i++)
		{
			nodes[i].onclick = function () 
			{
				document.body.className = this.className;
				var _buts = ['enter','search','submit','compose','date','profile-actions-icon'];
				var _mbuts = ['check','speaker'];
				for(var i = 0; i < _buts.length; i++)
				{
					var _but = document.getElementById(_buts[i]);
					if(_but)
					{
						_but.src = "images/" + _but.id + "-" + this.className + ".gif";
					}
				}
				
				for(var k = 0; k < _mbuts.length; k++)
				{
					
					for(var j = 0; j < 15; j++){
						var _but = document.getElementById(_mbuts[k]+j);
						if(_but)
						{
							_but.src = "images/" + _mbuts[k] + "-" + this.className + ".gif";
						}
					}
				}
				
			}
		}
	}

} 

if (window.attachEvent)
{
	window.attachEvent("onload", initPage);
	window.attachEvent("onload", changeSkin);
}
else if (window.addEventListener)
	window.addEventListener("load", changeSkin, false);