// --------------------------------
//
// --------------------------------
function tsz(trgt,sz) {
	if (!document.getElementById) return false;
	var d = document,cEl = null,i,j,cTags;
	
	if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

	cEl.style.fontSize = sz;
	
	/* commented out after talking to MHA 08.03.10
	for ( i = 0 ; i < tgs.length ; i++ ) 
	{
		cTags = cEl.getElementsByTagName( tgs[ i ] );
		for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = sz; //szs[ sz ];
	}
	*/


	/* AV >> MHA :: must be dynamic 08.03.10 */
	var imgSRCdir = "https://cms-test.aldi-nord.de/modules/CMS/themes/aldi/_img/";
	
	var otherTDs = new Array();
	
	var smallVARS = new Array();
		smallVARS['el']		   = d.getElementById('td_fs_small');
		smallVARS['idIMG']	 = 'fs_small';
		smallVARS['altIMG']  = 'Decrease font';
		smallVARS['norIMG']  = 'fontsize_smaller.png';
		smallVARS['selIMG']  = 'fontsize_smaller_active.png';				
		smallVARS['sz']			 = '10px';
	var normalVARS = new Array();
		normalVARS['el']		 = d.getElementById('td_fs_normal');
		normalVARS['idIMG']	 = 'fs_normal';
		normalVARS['altIMG'] = 'Normalize font';
		normalVARS['norIMG'] = 'fontsize_normal.png';
		normalVARS['selIMG'] = 'fontsize_normal_active.png';
		normalVARS['sz']		 = '12px';
	var bigVARS = new Array();
		bigVARS['el']     	 = d.getElementById('td_fs_big');
		bigVARS['idIMG']		 = 'fs_big';
		bigVARS['altIMG'] 	 = 'Increase font';
		bigVARS['norIMG'] 	 = 'fontsize_bigger.png';
		bigVARS['selIMG'] 	 = 'fontsize_bigger_active.png';
		bigVARS['sz']				 = '14px';

	
	switch(sz)
	{
		case '10px':
			selTD = d.getElementById('td_fs_small');
			myIMG = 'fontsize_smaller_active.png';
			myALT = 'Decrease font';
			otherTDs[0] = normalVARS;
			otherTDs[1] = bigVARS;
		break;
		case '12px':
			selTD = d.getElementById('td_fs_normal');
			myIMG = 'fontsize_normal_active.png';	
			myALT = 'Normalize font';	
			otherTDs[0] = smallVARS;
			otherTDs[1] = bigVARS;
		break;
		case '14px': 
			selTD = d.getElementById('td_fs_big');
			myIMG = 'fontsize_bigger_active.png';
			myALT = 'Increase font';
			otherTDs[0] = smallVARS;
			otherTDs[1] = normalVARS;		
		break;
		default:
	}

	/* rewrite the contents of selected font size td */
	selTD.innerHTML = '<a href="javascript:tsz(\'allinclusive\',\'' + sz + '\')">' + 
	'<img border="0" src="'+ imgSRCdir + myIMG +'" id="fs_small" ' +
	'onmouseover="this.src=\'' + imgSRCdir + myIMG + '\'; document.getElementById(\'fonthint\').style.display = \'inline\';" ' +
	'onmouseout="this.src=\'' + imgSRCdir + myIMG + '\';  document.getElementById(\'fonthint\').style.display = \'none\';" ' +
	'alt="'+ myALT +'"></a>';	
	/* rewrite the contents of NOT selected font size td */
	for(i in otherTDs)
	{
		otherTDs[i]['el'].innerHTML = '<a href="javascript:tsz(\'allinclusive\',\'' + otherTDs[i]['sz'] + '\')">' + 
		'<img border="0" src="'+ imgSRCdir + otherTDs[i]['norIMG'] +'" id="'+ otherTDs[i]['idIMG'] +'" ' +
		'onmouseover="this.src=\'' + imgSRCdir + otherTDs[i]['selIMG'] + '\'; document.getElementById(\'fonthint\').style.display = \'inline\';" ' +
		'onmouseout="this.src=\'' + imgSRCdir + otherTDs[i]['norIMG'] + '\';  document.getElementById(\'fonthint\').style.display = \'none\';" ' +
		'alt="'+ otherTDs[i]['altIMG'] +'"></a>';
	}
	
	/* make hint div invisible */
	d.getElementById('fonthint').style.display = 'none';
}