RegisterEventHandler (window, 'load', initBeautyList);
RegisterEventHandler (window, 'resize', renderList);

function  initBeautyList()
{
	aBeautyList = parseList();
	renderList();
 	//setInterval(renderList, 1000);
}

function parseList()
{
	var aList = document.getElementsByTagName('li');
	var aBeautyList = new Array();
	for (var i in aList)
	{
		if (/item/.test(aList[i].className))
		{
			aBeautyList.push([aList[i], aList[i].getElementsByTagName('div')[1], aList[i].getElementsByTagName('img')[0]]);
		}
	}
	return aBeautyList;
}

function renderList()
{
	var iListCnt = aBeautyList.length;
	var row = getDimensions(aBeautyList[0][0]).top;
	var last_i = 0;
	var max_height = 0;
	for (var i = 0; i < iListCnt; i++)
	{
		aBeautyList[i][0].getElementsByTagName('div')[2].onmouseover = clearColor;
		aBeautyList[i][2].onmouseover = highliteComponentLink;
		aBeautyList[i][2].onmouseout = switchoffComponentLink;
		var aLiDimensions = getDimensions(aBeautyList[i][0]);
		var aImgHeight = aBeautyList[i][2].offsetHeight;
		if (aLiDimensions.top - row > 100 || i == iListCnt-1)
		{
		 	//console.log('row');
			if (i == iListCnt-1 && aImgHeight > max_height) {max_height = aImgHeight; i++;}
		 	for (var j = last_i; j < i; j++)
		 	{
				//console.log(aBeautyList[j][1], max_height);
		 		try {aBeautyList[j][1].style.height = max_height -40 + "px";} catch (err) {}
		 	}
		 	max_height = 0;
		 	row = aLiDimensions.top;
		 	last_i = i;
		}
		if (aImgHeight > max_height) max_height = aImgHeight;
		//console.log(aLiDimensions.top, aBeautyList[i][0], row);
	}
}

function highliteComponentLink(event)
{
	if(!event) event = window.event;
	var target = event.target || event.srcElement;
	while (!/li/i.test(target.nodeName)) target = target.parentNode;
	//console.log(target);
	target.getElementsByTagName('a')[1].style.color = '#bb3300';
}

function switchoffComponentLink(event)
{
	if(!event) event = window.event;
	var target = event.target || event.srcElement;
	while (!/li/i.test(target.nodeName)) target = target.parentNode;
	//console.log(target);
	target.getElementsByTagName('a')[1].style.color = '#336699';
}

function clearColor(event)
{
	if(!event) event = window.event;
	var target = event.target || event.srcElement;
	while (!/li/i.test(target.nodeName)) target = target.parentNode;
	target.getElementsByTagName('a')[1].style.color = '';
}