<?php
//================================================
//	[工事名称]
//		
//	[概要]
//		3Dモデルを表示するhtmlを出力
//	[備考]
//		
//	[更新]
//		2014/07/01 KMK-Teraoka
//================================================
require_once "./php/LtStd.php";

html(0, "<!DOCTYPE html>");
html(0, "<html id=\"mhtml\">");
	html(1, "<head>");
		html(2, "<meta http-equiv=\"content-type\" content=\"text/html;charset=UTF-8\">");
		html(2, "<meta http-equiv=\"Pragma\" content=\"no-cache\">");
		html(2, "<meta http-equiv=\"Cache-Control\" content=\"no-cache\">");
		
		html(2, "<link rel=\"stylesheet\" type=\"text/css\" href=\"/library/jquery-ui-1.10.3/jquery-ui.css\">");
		html(2, "<link rel=\"stylesheet\" type=\"text/css\" href=\"./css/style.css\">");
		
		html(2, "<script src=\"/library/jquery-2.0.3/jquery-2.0.3.min.js\"></script>");
		html(2, "<script src=\"/library/jquery-ui-1.10.3/jquery-ui.min.js\"></script>");
		html(2, "<script src=\"/library/three-67/three.min.js\"></script>");
		html(2, "<script src=\"/library/three-67/TrackballControls.js\"></script>");
		html(2, "<script src=\"/org/kmktt/js/math.js\"></script>");
		html(2, "<script src=\"/org/kmktt/js/tdd-v2.0.js\"></script>");
		html(2, "<script src=\"/org/kmktt/js/fbx.js\"></script>");
		
		// data import
		html(2, "<script src=\"./data/test.js\"></script>");
//		html(2, "<script src=\"./data/caisson.js\"></script>");
		html(2, "<script src=\"./data/keson.js\"></script>");
		
		// OBBTree
		html(2, "<script src=\"./js/Obb7.js\"></script>");
		
		// main
		html(2, "<script src=\"./js/main.js\"></script>");
	html(1, "</head>");
	
	html(1, "<body id=\"mbody\">");
		html(2, "<table id=\"mtable\">");
			html(3, "<tr style=\"width:100%;height:100%;\">");
				html(4, "<td id=\"mtd\" rowspan=\"6\" style=\"width:80%;\"><div id=\"canvas\"></div></td>");
				html(4, "<td id=\"mtd\" colspan=\"3\">");
					html(5, "<input type=\"button\" id=\"cameraLink\" onclick=\"javascript:computeOBB();\" value=\"OBB表示\"><br>");
				html(4, "</td>");
			html(3, "</tr>");
			html(3, "<tr>");
				html(4, "<td id=\"mtd\" colspan=\"3\">回転</td>");
			html(3, "</tr>");
			html(3, "<tr>");
				html(4, "<td id=\"mtd\" width=\"2%\" align=\"center\">x</td>");
				html(4, "<td id=\"mtd\"><div id=\"slRotX\" class=\"slider\"></div></td>");
				html(4, "<td width=\"3%\" id=\"txtRotX\" align=\"center\"></td>");
			html(3, "</tr>");
			html(3, "<tr>");
				html(4, "<td id=\"mtd\" width=\"2%\" align=\"center\">y</td>");
				html(4, "<td id=\"mtd\"><div id=\"slRotY\" class=\"slider\"></div></td>");
				html(4, "<td width=\"3%\" id=\"txtRotY\" align=\"center\"></td>");
			html(3, "</tr>");
			html(3, "<tr>");
				html(4, "<td id=\"mtd\" width=\"2%\" align=\"center\">z</td>");
				html(4, "<td id=\"mtd\"><div id=\"slRotZ\" class=\"slider\"></div></td>");
				html(4, "<td width=\"3%\" id=\"txtRotZ\" align=\"center\"></td>");
			html(3, "</tr>");
			html(3, "<tr>");
				html(4, "<td id=\"mtd\" colspan=\"3\"><font color=\"#ff1000\">bbb</font></td>");
			html(3, "</tr>");
		html(2, "</table>");
	html(1, "</body>");
html(0, "</html>");
?>
