window.onload = function()
	{
		// für alle DIV
		var container = document.getElementsByTagName('div');

		for (i in container)
		{
			// wenn es einen DIV mit class gibt
			if(container[i].className)
			{
				if	(
					   (container[i].className == 'box-big right')
					|| (container[i].className == 'box-big left')
					|| (container[i].className == 'box-big middle')
					|| (container[i].className == 'box-small right')
					|| (container[i].className == 'box-small left')
					|| (container[i].className == 'box-small middle')
					)
				{
					// mouseover
					container[i].onmouseover = function()
					{
						var nodes = this.childNodes;
						for (e in nodes)
						if (nodes[e].className)
						{
							// big
							if (nodes[e].className == 'box-big-top')
								nodes[e].className ='box-big-top-hover'
							if (nodes[e].className == 'box-big-middle')
								nodes[e].className ='box-big-middle-hover'
							if (nodes[e].className == 'box-big-bottom')
								nodes[e].className ='box-big-bottom-hover'
							// small
							if (nodes[e].className == 'box-small-top')
								nodes[e].className ='box-small-top-hover'
							if (nodes[e].className == 'box-small-middle')
								nodes[e].className ='box-small-middle-hover'
							if (nodes[e].className == 'box-small-bottom')
								nodes[e].className ='box-small-bottom-hover'
						}
					}
					// mouseout
					container[i].onmouseout = function()
					{
						var nodes = this.childNodes;
						for (e in nodes)
						if (nodes[e].className)
						{
							// big
							if (nodes[e].className == 'box-big-top-hover')
								nodes[e].className ='box-big-top'
							if (nodes[e].className == 'box-big-middle-hover')
								nodes[e].className ='box-big-middle'
							if (nodes[e].className == 'box-big-bottom-hover')
								nodes[e].className ='box-big-bottom'
							// small
							if (nodes[e].className == 'box-small-top-hover')
								nodes[e].className ='box-small-top'
							if (nodes[e].className == 'box-small-middle-hover')
								nodes[e].className ='box-small-middle'
							if (nodes[e].className == 'box-small-bottom-hover')
								nodes[e].className ='box-small-bottom'
						}
					}
				}
			}
		}
	}