function area_overi(index){
for(var i=1;i<=2;i++){
document.getElementById("tcontent"+i.toString()).style.display = 'none';
}
document.getElementById("tcontent"+index.toString()).style.display = 'block';
}
function area_pricei(index){
for(var i=1;i<=4;i++){
document.getElementById("pricecontent"+i.toString()).style.display = 'none';
document.getElementById("priceareai"+i.toString()).className ='pop_5_1_2';
}
document.getElementById("pricecontent"+index.toString()).style.display = 'block';
document.getElementById("priceareai"+index.toString()).className ='pop_5_1_1';
}
function ArtChangeBg(name, id, num)
{
	for(var i=1; i<=4; i++)
	{
		if( document.getElementById(name+i) != null )
		{
			if( i == 1 )
			{
				document.getElementById(name+i).style.backgroundImage='url(images/bg1_2.jpg)'
			}
			else
			{
				document.getElementById(name+i).style.backgroundImage='url(images/bg2_1.jpg)'	
			}
			document.getElementById(name+i).style.fontWeight='normal';	
		}
	}
	if(id.toString().indexOf("1") > -1)
	{
		document.getElementById(id).style.backgroundImage='url(images/bg1_1.jpg)'	
	}
	else
	{
		document.getElementById(id).style.backgroundImage='url(images/bg2_2.jpg)'
	}
	document.getElementById(id).style.fontWeight='bold';
	document.getElementById(name).innerHTML = document.getElementById(name+"_"+num).innerHTML;
}

function ArtChangeBg2(name, id, num)
{
	for(var i=1; i<=4; i++)
	{
		if( document.getElementById(name+i) != null )
		{
			document.getElementById(name+i).style.backgroundImage='url(images/070913_ruan_45.gif)'
			document.getElementById(name+i).style.fontWeight='normal';
		}
	}
	document.getElementById(id).style.backgroundImage='url(images/070913_ruan_43.gif)'	
	document.getElementById(id).style.fontWeight='bold';
	document.getElementById(name).innerHTML = document.getElementById(name+"_"+num).innerHTML;
}

function ArtChangeBg3(name, id, num)
{
	for(var i=1; i<=5; i++)
	{
		if( document.getElementById(name+i) != null )
		{
			//document.getElementById(name+i).style.backgroundImage='url(images/n23a.gif)'
			//document.getElementById(name+i).style.fontWeight='normal';
			document.getElementById(name+i).className = 'ArtChangeBg3_1';
		}
	}
	document.getElementById(id).className = 'ArtChangeBg3';
	//document.getElementById(id).style.backgroundImage='url(images/n23.gif)'	
	//document.getElementById(id).style.fontWeight='bold';
	document.getElementById(name).innerHTML = document.getElementById(name+"_"+num).innerHTML;
}

function ArtChangeBg4(name, id, num)
{
	for(var i=1; i<=4; i++)
	{
		if( document.getElementById(name+i) != null )
		{
			if( i == 1 )
			{
				document.getElementById(name+i).style.backgroundImage='url(images/bg4_2.jpg)'
			}
			else
			{
				document.getElementById(name+i).style.backgroundImage='url(images/bg6_2.jpg)'	
			}
			document.getElementById(name+i).style.fontWeight='normal';
		}
	}
	if(id.toString().indexOf("1") > -1)
	{
		document.getElementById(id).style.backgroundImage='url(images/bg4_1.jpg)'	
	}
	else
	{
		document.getElementById(id).style.backgroundImage='url(images/bg6_1.jpg)'
	}	
	document.getElementById(id).style.fontWeight='bold';
	document.getElementById(name).innerHTML = document.getElementById(name+"_"+num).innerHTML;
}

function LoadCourse()
{
	document.getElementById("course").innerHTML = document.getElementById("course_1").innerHTML;
}

