// JavaScript Document
function reObject(t)
{
	return document.getElementById(t);	
}

function reObjectList(obj,tag)
{
	return obj.getElementsByTagName(tag);
}

function reInfoList(list,objClassName)
{
	var arr = new Array();
	for(var i = 0;i<list.length;i++)
	{
		if(list[i].className == objClassName)
		{
			arr.push(list[i]);	
		}
	}
	return arr;
}

function btnOnMouseOver(index)
{
	var infoList = reInfoList(reObjectList(reObject('infoList'),'div'),'shopAListPanelStyle');
	
	for(var i = 0;i<infoList.length;i++)
	{
		infoList[i].style.display = 'none';	
	}
	
	infoList[index].style.display = 'block';
	
	var btnList = reObjectList(reObject('btnList'),'a');
	
	for(var j = 0;j<btnList.length;j++)
	{		 
		btnList[j].style.background = '#2a62af';
		btnList[j].style.color = '#fff';
		btnList[j].style.borderBottom = 'solid 1px #2a62af';
		btnList[j].style.height = '15px';
	}
	
	btnList[index].style.background = '#fff';
	btnList[index].style.color = '#2a62af';
	btnList[index].style.borderBottom = 'solid 1px #fff';
	btnList[index].style.height = '19px';
}

function infoOnMouseOut(index)
{
	

	var btnList = reObjectList(reObject('btnList'),'a');
	for(var i = 0;i<btnList.length;i++)
	{		
		btnList[i].style.background = '#2a62af';
		btnList[i].style.color = '#fff';
		btnList[i].style.borderBottom = 'solid 1px #2a62af';	
		btnList[i].style.height = '15px';
	}
	
	var infoList = reInfoList(reObjectList(reObject('infoList'),'div'),'shopAListPanelStyle');
	
		infoList[index].style.display = 'none';

}