<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
    <head>
        <title>Gráficos: Tablas</title>
		<meta http-equiv="X-UA-Compatible" content="IE=7">
    <link type="text/css" href="styles/default.css" rel="stylesheet">
	<link type="text/css" href="styles/BoldAqua/style.css" rel="stylesheet">
	<!--[if IE]>
			<link REL="stylesheet" href="styles/defaultIE.css" type="text/css">
			<link REL="stylesheet" href="styles/BoldAqua/styleIE.css" type="text/css">
		<![endif]-->
	<style>
		.ui-tabs-panel, .ui-widget-content, .ui-corner-bottom {border:0px solid black}
		.ui-widget-content, .ui-corner-all {background:none; border 0px solid black; border-radius:0px;}
		select 			{ line-height: 1.4em; }
        .buttonborder 	{ margin-right: 10px; }
	</style>
        {$h_includes}
    </head>
    <body class="BoldAqua yui-skin-sam">
        {$b_includes}
    <table cellpadding="0" cellspacing="0" border="0" height="100%" width="100%" align="center" class="runner-toptable">
		<tr><td>{$header}</td></tr>
		<tr class="runner-header">
			<td class="runner-top" style="vertical-align:top;padding-top:20px">
				<div class="runner-s-1 BoldAqua">
					<table cellpadding="0" align=center width="600px" class="runner-c runner-c-edit">
						<tr class="runner-toprow style2 header">
							<td class="runner-cl"><img src="images/spacer.gif"></td>
							<td class="runner-cc">Gráficos: Tablas{$chart_title}</td>
							<td class="runner-cr"><img src="images/spacer.gif"></td>
						</tr>
                        <tr class="runner-row style1 runner-b-wrapper">
							<td class="runner-cl"></td>
							<td class="runner-cc runner-brickcontents runner-wrapper">
								<div class="runner-s-fields BoldAqua">											
									<table cellpadding=0 cellspacing=0 border=0 width=100% class="runner-c runner-c-fields">
										<tr class="runner-toprow header style1 runner-b-editfields">
											<td class="runner-cl">
												<img src="images/spacer.gif">
											</td>
											<td id="my_tabs" class="runner-cc">
												<div id="radio_select_table" class="yui-navset yui-navset-top">
													<ul class="yui-nav">
														{BEGIN view_radio_db}
														<li id=li_db><a href="#tabs-0" id="radio_db">Tablas de la base de datos</a></li>
														{END view_radio_db}
														{BEGIN view_radio_project}
														<li id=li_project><a href="#tabs-0" id="radio_project">Tablas del proyecto</a></li>
														{END view_radio_project}
														<li id=li_custom><a href="#tabs-0" id="radio_custom">Lenguaje de estructural de comunicación</a></li>
													</ul>
												</div>
											</td>
											<td class="runner-cr">
												<img src="images/spacer.gif">
											</td>
										</tr>
										<tr class="runner-row header style3 runner-b-editfields">
											<td class="runner-cl">
												<img src="images/spacer.gif">
											</td>
											<td class="runner-cc" id="tl">
                                            </td>
											<td class="runner-cr">
												<img src="images/spacer.gif">
											</td>
                                        </tr>
                                        <tr id="tabs-0" class="runner-row header style3 runner-b-editfields">
                                            <td class="runner-cl">
												<img src="images/spacer.gif">
											</td>
											<td class="runner-cc" >
												<select id="tables" size="12" name="tables" class="inputselect" style="font-size:12px;width:100%"> <!--multiple=""-->
													{$tables}
												</select>
                                            </td>
											<td class="runner-cr">
												<img src="images/spacer.gif">
											</td>
                                        </tr>
                                    </table>
								</div>
                            </td>
							<td class="runner-cr"></td>
                        </tr>
                        <tr class="runner-row style2 runner-b-editbuttons">
							<td class="runner-cl">
								<img src="images/spacer.gif">
							</td>
						    <td id="btns" class="runner-cc runner-brickcontents" align="center">
								<span class="runner-btnframe">
								<span class="runner-btnleft"></span>
								<span class="runner-btnright"></span>
								<a id="backbtn" name="backbtn" class="runner-button" href="#">Regresar</a>
								</span>
								<span style="position:absolute;" id="jumptospan"></span>
								<span class="runner-btnframe">
								<span class="runner-btnleft"></span>
								<span class="runner-btnright"></span>
								<a id="jumpto" name="jumpto" class="runner-button" href="#" onclick="event.cancelBubble = true;return false;" onmouseover="event.cancelBubble = true;return false;">Ir a ...</a>
								</span>
								<span id=add_new_query>
								<span class="runner-btnframe">
								<span class="runner-btnleft"></span>
								<span class="runner-btnright"></span>
								<a id="addsql" name="addsql" class="runner-button" href="#">Nueva consulta</a>
								</span>
								<a id="a_addsql" class="various fancybox.iframe" href="web_query.php?type=webcharts&sql=add&page=create&ie=UTF-8&iframe"></a>
								</span>
								<span class="runner-btnframe">
								<span class="runner-btnleft"></span>
								<span class="runner-btnright"></span>
								<a id="sqlbtn" name="sqlbtn" class="runner-button" href="#">Consulta SQL</a>
								</span>
								<a id="sql_query" class="various fancybox.iframe" href="web_query.php?type=webcharts&sql=edit&name=tables&page=edit&ie=UTF-8&iframe"></a>
								<span class="runner-btnframe">
								<span class="runner-btnleft"></span>
								<span class="runner-btnright"></span>
								<a id="nextbtn" name="nextbtn" class="runner-button" href="#">Siguiente</a>
								</span>
							</td>
							<td class="runner-cr">
								<img src="images/spacer.gif">
							</td>
						</tr>
						<tr class="runner-bottomrow style2">
							<td class="runner-cl">
								<img src="images/spacer.gif">
							</td>
							<td class="runner-cc"></td>
							<td class="runner-cr">
								<img src="images/spacer.gif">
							</td>
						</tr>
                    </table>
				</div>
			</td>
		</tr>
		<tr><td>{$footer}</td></tr>
	</table>

        <style>
{literal}
	div.action { position: absolute; width: 170px; padding: 0;font-size:11px }
	td {font-size:11px;}
{/literal}
</style>
<iframe id="framejump" style="display:none;position:absolute;" scrolling="no" frameborder="0"></iframe>
<div id="menujump" class=action style="display:none;position:absolute;">
	<table width=100% cellpadding=5 cellspacing=0 border=0 style="background-color:#F4F7FB;border: solid 1px blue;">
		<tr><td id=row0 style="cursor:pointer;padding:5px;">Tablas</td></tr>
		<tr><td id=row1 style="cursor:pointer;padding:5px;">Relaciones entre tablas</td></tr>
		<tr><td id=row2 style="cursor:pointer;padding:5px;">Agrupado por</td></tr>
		<tr><td id=row3 style="cursor:pointer;padding:5px;">Tipo</td></tr>
		<tr><td id=row4 style="cursor:pointer;padding:5px;">Parámetros</td></tr>
		<tr><td id=row5 style="cursor:pointer;padding:5px;">Apariencia</td></tr>
		<tr><td id=row6 style="cursor:pointer;padding:5px;">Configuración del gráfico</td></tr>
		<tr><td id=row7 style="cursor:pointer;padding:5px;">Permisos dinámicos</td></tr>
		<tr><td id=row8 style="cursor:pointer;padding:5px;border-top:1px solid blue;">Volver al menú de Informes</td></tr>
		<tr><td id=row9 style="cursor:pointer;padding:5px;">Volver al programa principal</td></tr>
	</table>
</div>
		
		<iframe id="aframe" style="display:none;position:absolute;" scrolling="no" frameborder="0"></iframe>				
		<div id="alert"/>                                                
    </body>
</html>
<!-- Proceed to permissions screen -->