
function build_image_frame ()
{
	var newNode = document.createElement ("table");
	newNode.className = "border";
	newNode.cellPadding = "0";
	newNode.cellSpacing = "0";
	if ( this.align == "right" )
	{
		jQuery(newNode).css ("float", "right");
		jQuery(newNode).css ("margin-right", "0");
	}
	else
	{
		jQuery(newNode).css ("float", "left");
		jQuery(newNode).css ("margin-left", "0");
	}
	this.parentNode.replaceChild (newNode, this, true);
	jQuery(newNode).append (
			"<tr><td class='lt'>&nbsp;</td><td class='t'>&nbsp;</td><td class='rt'>&nbsp;</td></tr>" +
			"<tr><td class='l'>&nbsp;</td><td class='c'></td><td class='r'>&nbsp;</td></tr>" +
			"<tr><td class='lb'>&nbsp;</td><td class='b'>&nbsp;</td><td class='rb'>&nbsp;</td></tr>" );
	jQuery(newNode).find (".c")[0].appendChild (this, true);
}

jQuery(document).ready ( function () {
	jQuery("#nav > li").hover (
		function ()
		{
			jQuery(this).addClass ("hover");
			jQuery(this).find ("ul").show ();
		},
		function ()
		{
			jQuery(this).removeClass ("hover");
			jQuery(this).find ("ul").hide ();
		}
	);
	jQuery("#nav > li > ul > li").hover (
		function ()
		{
			jQuery(this).addClass ("hover");
		},
		function ()
		{
			jQuery(this).removeClass ("hover");
		}
	);
	jQuery("#canvas_columns").find("img").each ( build_image_frame );
	jQuery("#why_kypr").each ( build_image_frame );
});

