function AddEmptyTD ( bstrich, strEmptyIMG )
{	var bgcolor = (bstrich) ? '#FF0000' : '#000000';
	var strHTML='<td width="5" height="12"><img src="' + strEmptyIMG + '" width="5" height="12"></td>';
	strHTML += '<td width="2" height="12" bgcolor="' + bgcolor + '"><img src="' + strEmptyIMG +  '" width="2" height="12"></td>';
	strHTML += '<td width="5" height="12"><img src="' + strEmptyIMG + '" width="5" height="12"></td>';
	return strHTML;
}

function AddKnotenTD ( strEmptyIMG )
{	var strHTML = '<td colspan="3" bgcolor="#FF0000" width="12" height="12"><img src="' + strEmptyIMG + '" width="12" height="12"></td>';
	return strHTML;
}

function AddSpacerTD ( strEmptyIMG )
{	var strHTML = '<td width="5" height="12"><img src="' + strEmptyIMG + '" width="5" height="12"></td>';
	return strHTML;
}

function AddTextTD ( strEmptyIMG, text, rowspan )
{	var strHTML = '<td nowrap rowspan="' + rowspan + '" valign="top">';
	if ( text != null )
	{	strHTML += '<font face="arial" size="1" color="white">' + text + '</font>';}
	else
	{	strHTML += '<img src="' + strEmptyIMG +  '" width="1" height="1">';}
	strHTML += '</td>';
	return strHTML;
}
function createMenuPreview ( )
{	var strHTML = '';
	for (var i=0;i<arrMenu.length;i++)
	{	strHTML += '<div id="btn'+i+'menu">';
		strHTML += '<div id="btn'+i+'strich">';
		strHTML += '<img src="' + arrMenu[i].Image.src + '">';
		strHTML += '</div>';
		strHTML += '<div id="btn'+i+'tabelle">';
		strHTML += '<table cellspacing="0" cellpadding="0" border="0">';
		if ( arrMenu[i].SubMenu.location == 0 )
		{strHTML += '<tr>' + AddEmptyTD ( true, 'images/emptypix.gif' ) + AddTextTD ( 'images/emptypix.gif', null ,1) + AddTextTD ( 'images/emptypix.gif', null ,1) + '</tr>';}
		if ( arrMenu[i].SubMenu.location == 2 ) 
		{strHTML += '<tr>' + AddTextTD ( 'images/emptypix.gif', null , 1) + AddTextTD ( 'images/emptypix.gif', null , 1) + AddEmptyTD ( true , 'images/emptypix.gif') +'</tr>';}
		for (var j=0;j<arrMenu[i].SubMenu.items.length;j++)
		{	strHTML += '<tr>';
			if ( ( arrMenu[i].SubMenu.location == 0 ) || ( arrMenu[i].SubMenu.location == 1 ) )
			{strHTML += AddKnotenTD ( 'images/emptypix.gif' ) + AddSpacerTD ( 'images/emptypix.gif' ) + AddTextTD ( 'images/emptypix.gif', arrMenu[i].SubMenu.items[j].name , arrMenu[i].SubMenu.items[j].viewlines);}
			else
			{strHTML += AddTextTD ( 'images/emptypix.gif', arrMenu[i].SubMenu.items[j].name , arrMenu[i].SubMenu.items[j].viewlines) + AddSpacerTD ( 'images/emptypix.gif' ) + AddKnotenTD ( 'images/emptypix.gif' );}
			strHTML += '</tr>';
			var lastitem = ( (j+1) >= arrMenu[i].SubMenu.items.length && ( ( arrMenu[i].SubMenu.location == 0 ) || ( arrMenu[i].SubMenu.location == 2 ) ) ) ? true : false;
			for (var k=0;(k+1)<arrMenu[i].SubMenu.items[j].viewlines;k++)
			{	if ( (arrMenu[i].SubMenu.location == 0) || (arrMenu[i].SubMenu.location == 1) )
				{	strHTML += '<tr>' + AddEmptyTD ( !lastitem, 'images/emptypix.gif' ) + AddTextTD ( 'images/emptypix.gif', null ,1) + '</tr>';}
				else
				{	strHTML += '<tr>' + AddTextTD ( 'images/emptypix.gif', null , 1) + AddEmptyTD ( !lastitem, 'images/emptypix.gif') + '</tr>';}
			}
			if ( ( arrMenu[i].SubMenu.location == 0 ) || ( arrMenu[i].SubMenu.location == 1 ) )
			{	strHTML += '<tr>' + AddEmptyTD ( !lastitem, 'images/emptypix.gif' ) + AddTextTD ( 'images/emptypix.gif', null ,1) + AddTextTD ( 'images/emptypix.gif', null ,1) + '</tr>';}
			else
			{	strHTML += '<tr>' + AddTextTD ( 'images/emptypix.gif', null , 1) + AddTextTD ( 'images/emptypix.gif', null , 1) + AddEmptyTD ( !lastitem, 'images/emptypix.gif') +'</tr>';}
		}
		strHTML += '</table></div></div>'
	}
	return strHTML;
}

function makeStyles()
{	var strHTML = '<style>';
	strHTML += '\n#disc {position:absolute;top:5;left:328;width:420;height:403;z-index:2;visibility:' + ievisible + ';}';
	strHTML += '\n#bild {position:absolute;top:28;left:95;z-index:3;visibility:' + ievisible + ';}';
	strHTML += '\n#fenster {position:absolute;top:23;left:85;z-index:4;visibility:' + ievisible + ';}';
	for (var i=0;i<arrMenu.length;i++)
	{	
		strHTML += '\n#btn' + i + 'menu {position:absolute;top:';
		strHTML += arrMenu[i].top+';left:';
		strHTML += arrMenu[i].left+';z-index:';
		strHTML += arrMenu[i].zIndex+';visibility:';
		strHTML += arrMenu[i].visibility +';}';

		strHTML += '\n#btn' + i + 'strich {position:absolute;top:';
		strHTML += arrMenu[i].Image.top+';left:';
		strHTML += arrMenu[i].Image.left+';z-index:';
		strHTML += arrMenu[i].Image.zIndex+';visibility:';
		strHTML += arrMenu[i].Image.visibility +';}';

		strHTML += '\n#btn' + i + 'tabelle {position:absolute;top:';
		strHTML += arrMenu[i].SubMenu.top+';left:';
		strHTML += arrMenu[i].SubMenu.left+';z-index:';
		strHTML += arrMenu[i].SubMenu.zIndex+';visibility:';
		strHTML += arrMenu[i].SubMenu.visibility +';}';
	}
	strHTML += '\n</style>';
	return strHTML;
}