/* (C)2009, 2010, 2011 Copyright Bruno Keymolen */

var melements =	[ 	'Home', 'index.html',	
					'AppleTV', 'mediacloud.html',	
					'AES', 'aes.jsp',	
					'MediaCloud', 'mediacloudv2.html',
					'UPnP', 'ssdp.html',
					'MOS 6510', 'mos6510.html',	 
					'3D Printing', 'print3d.html',	
				];


function print_topheader(page){
	print_topheader(page, null);
}
function print_topheader(page, icon){
	
	var alen = melements.length;
	
	var html = '<table width=100% border=0 class="hiddenforprint"><tr>';
	
	for(var i=0;i<(alen-1);i=i+2){
		html = html + '<td>';
		if(page.toLowerCase() == melements[i].toLowerCase() ){		
			html = html + melements[i];
		}else{
			html = html + '<a href=\'' + melements[i+1] + '\'>'+  melements[i] + '</a>';
		}
		html = html + "&nbsp;&nbsp;</td>";
	}	
	html = html + '<td width=100%></td>';
	html = html + '</tr></table>';

	document.write(html);
}




function printCartouche(iconTitle, iconRef, iconImg, bodyTitle, bodyText, bodyFooter){	
	var html = "";
	
	html = html + "<table border=0 cellpadding='0' cellspacing='3px' width=100%><tr><td><table border='0' cellpadding='0' cellspacing='0' width=100%><!-- top--><tr><td width=15px height=15px><img src='img/circle_topleft.png' /></td><td height=15px><img height=15px width=100% src='img/circle_vertical_top.png' /></td><td width=15px height=15px><img src='img/circle_topright.png' /></td></tr><!-- middle--><tr><td width=15px><img height=140px width=15px src='img/circle_horizontal_left.png' /></td>	<td><!-- stuff here --><table border=0 width=100% cellpadding='0' cellspacing='0'><tr><td class='cardtitle'>";
	html = html + iconTitle;
	html = html + "</td></tr><tr><td width=120px><a href='";
	html = html + iconRef;
	html = html + "'><img src='";
	html = html + iconImg;
	html = html + "' border=off></img></a></td></tr></table></td><td width=15px><img height=140px width=15px src='img/circle_horizontal_right.png'/></td></tr><!--bottom--><tr><td width=15px height=15px><img src='img/circle_bottomleft.png' /></td><td height=15px><img height=15px width=100% src='img/circle_vertical_bottom.png' /></td><td width=15px height=15px><img src='img/circle_bottomright.png' /></td></tr></table></td><td width=100%><table border='0' cellpadding='0' cellspacing='0' width=100%><!-- top--><tr><td width=15px height=15px><img src='img/circle_topleft.png' /></td><td height=15px><img height=15px width=100% src='img/circle_vertical_top.png' /></td><td width=15px height=15px><img src='img/circle_topright.png' /></td></tr><!-- middle--><tr><td width=15px><img height=140px width=15px src='img/circle_horizontal_left.png' /></td><td><!-- stuff here --><table border=0 cellspacing=0 cellpadding=0 height=120px width=100%><tr><td class='cardtitle'>";
	html = html + bodyTitle;
	html = html + "</td></tr><tr><td class='cardtext' height=105px>";
	html = html + bodyText;
	html = html + "</td></tr><tr><td class='cardfooter'>";
	html = html + bodyFooter;
	html = html + "</td></tr></table></td><td width=15px><img height=140px width=15px src='img/circle_horizontal_right.png'/></td></tr><!--bottom--><tr><td width=15px height=15px><img src='img/circle_bottomleft.png' /></td><td height=15px><img height=15px width=100% src='img/circle_vertical_bottom.png' /></td><td width=15px height=15px><img src='img/circle_bottomright.png' /></td></tr></table></td>	</tr></table>";
	
	document.write(html);
}

//For search engines, the generated html does not appear in the results
//Workaround is to print the cartouche in seperate parts and keep the text as pure HTML
function printCartoucheTop(){
	var html = "";	
	html = html + "<table border=0 cellpadding='0' cellspacing='3px' width=100%><tr><td><table border='0' cellpadding='0' cellspacing='0' width=100%><!-- top--><tr><td width=15px height=15px><img src='img/circle_topleft.png' /></td><td height=15px><img height=15px width=100% src='img/circle_vertical_top.png' /></td><td width=15px height=15px><img src='img/circle_topright.png' /></td></tr><!-- middle--><tr><td width=15px><img height=140px width=15px src='img/circle_horizontal_left.png' /></td>	<td><!-- stuff here --><table border=0 width=100% cellpadding='0' cellspacing='0'><tr><td class='cardtitle'>";
	document.write(html);
}
function printCartoucheIconImage(iconRef, iconImg){
	var html = "";	
	html = html + "</td></tr><tr><td width=120px><a href='";
	html = html + iconRef;
	html = html + "'><img src='";
	html = html + iconImg;
	html = html + "' border=off></img></a></td></tr></table></td><td width=15px><img height=140px width=15px src='img/circle_horizontal_right.png'/></td></tr><!--bottom--><tr><td width=15px height=15px><img src='img/circle_bottomleft.png' /></td><td height=15px><img height=15px width=100% src='img/circle_vertical_bottom.png' /></td><td width=15px height=15px><img src='img/circle_bottomright.png' /></td></tr></table></td><td width=100%><table border='0' cellpadding='0' cellspacing='0' width=100%><!-- top--><tr><td width=15px height=15px><img src='img/circle_topleft.png' /></td><td height=15px><img height=15px width=100% src='img/circle_vertical_top.png' /></td><td width=15px height=15px><img src='img/circle_topright.png' /></td></tr><!-- middle--><tr><td width=15px><img height=140px width=15px src='img/circle_horizontal_left.png' /></td><td><!-- stuff here --><table border=0 cellspacing=0 cellpadding=0 height=120px width=100%><tr><td class='cardtitle'>";
	document.write(html);
}
function printCartoucheBodyTextDecoration(){
	var html = "";	
	html = html + "</td></tr><tr><td class='cardtext' height=105px>";
	document.write(html);
}
function printCartoucheBodyFooterDecoration(){
	var html = "";	
	html = html + "</td></tr><tr><td class='cardfooter'>";
	document.write(html);
}
function printCartoucheBottom(){
	var html = "";	
	html = html + "</td></tr></table></td><td width=15px><img height=140px width=15px src='img/circle_horizontal_right.png'/></td></tr><!--bottom--><tr><td width=15px height=15px><img src='img/circle_bottomleft.png' /></td><td height=15px><img height=15px width=100% src='img/circle_vertical_bottom.png' /></td><td width=15px height=15px><img src='img/circle_bottomright.png' /></td></tr></table></td>	</tr></table>";
	document.write(html);
}


function printRoundFrame(framebody, bodyheight){	
	
	if(bodyheight == null){
		bodyheight = "100px";
	}
 
	var html = "";
	
	html = html + "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><!-- top--><tr><td width=15px height=15px><img src=\"img/circle_topleft.png\" /></td><td height=15px><img height=15px width=100% src=\"img/circle_vertical_top.png\" /></td><td width=15px height=15px><img src=\"img/circle_topright.png\" /></td></tr><!-- middle--><tr><td width=15px><img height=";
	html = html + bodyheight + " width=15px src=\"img/circle_horizontal_left.png\" /></td><td><!-- stuff here -->";
	html = html + framebody;
	html = html + "</td><td width=15px><img height=";
	html = html + bodyheight + " width=15px src=\"img/circle_horizontal_right.png\"/></td></tr><!--bottom--><tr><td width=15px height=15px><img src=\"img/circle_bottomleft.png\" /></td><td height=15px><img height=15px width=100% src=\"img/circle_vertical_bottom.png\" /></td><td width=15px height=15px><img src=\"img/circle_bottomright.png\" /></td></tr></table>";
	
	document.write(html);
}