<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
    <head>
        <title>Gráfico: Tipo</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]-->
        {$h_includes}
    </head>
    <body class="BoldAqua">
        {$b_includes}
	<table cellpadding=0 cellspacing=0 border=0 height=100% width=100% align=center class="runner-toptable">
		<tr><td>{$header}</td></tr>
            <tr>
                <td style="vertical-align:top;padding-top:20px">
					<div class="runner-s-1">
                    <table cellpadding=0 cellspacing=0 border=0 width=750px align=center class="runner-c">
						<tr class="runner-toprow style2 header">
							<td class="runner-cl"><img src="images/spacer.gif"></td>
							<td class="runner-cc">Gráfico: Tipo{$chart_title}{$chart_table}</td>
							<td class="runner-cr"><img src="images/spacer.gif"></td>
						</tr>
						<tr class="runner-row style1 runner-b-wrapper">
							<td class="runner-cl"><img src="images/spacer.gif"></td>
							<td class="runner-cc runner-brickcontents runner-wrapper">
								<div class="runner-s-fields">											
								<table cellpadding=0 cellspacing=0 border=0 width=100%>
									<tr class="runner-toprow header style1 runner-b-editfields">
										<td class="runner-cl">
											<img src="images/spacer.gif">
										</td>
										<td align=center class="runner-cc runner-cc1 ctt">
												<img src="images/2d_pie_chart.png" id="2d_pie" border="0" title="Gráfico de tarta 2D" />
												<img src="images/2d_doughnut_chart.png" id="2d_doughnut" border="0" title="Gráfico de rosquilla 2D" />
												<img src="images/accum_chart.png" id="funnel" border="0" title="Acumulación (Pirámide, Cono)" />
												<img src="images/3d_column_stacked_chart.png" id="2d_column" border="0" title="Columnas (2D, 3D, Apiladas)" />

										</td>
										<td class="runner-cr">
											<img src="images/spacer.gif">
										</td>
									</tr>
									<tr class="runner-row header style1 runner-b-editfields">
										<td class="runner-cl">
											<img src="images/spacer.gif">
										</td>
										<td align=center class="runner-cc runner-cc1 ctt">
												<img src="images/3d_bar_stacked_chart.png" id="2d_bar" border="0" title="Barras (2D, 3D, Apiladas)" />
												<img src="images/line_chart.png" id="line" border="0" title="Línea (Continua, Discontinua)" />
												<img src="images/gauge_chart.png" id="gauge" border="0" title="Marcador (Circular, Lineal)" />
												<img src="images/bubble_chart.png" id="bubble" border="0" title="Burbuja" />																		

										</td>
										<td class="runner-cr">
											<img src="images/spacer.gif">
										</td>
									</tr>
									<tr class="runner-row header style1 runner-b-editfields">
										<td class="runner-cl">
											<img src="images/spacer.gif">
										</td>
										<td align=center class="runner-cc runner-cc1 ctt">
												<img src="images/area_stacked_chart.png" id="area" border="0" title="Area" />
												<img src="images/ohlc_chart.png" id="ohlc" border="0" title="Financial - OHLC" />
												<img src="images/candlestick_chart.png" id="candlestick" border="0" title="Financial - Candlestick" />
												<img src="images/combined_chart.png" id="combined" border="0" title="Gráficos combinados" />

										</td>
										<td class="runner-cr">
											<img src="images/spacer.gif">
										</td>
									</tr>
								</table>
								</div>
							</td>
							<td class="runner-cr"><img src="images/spacer.gif"></td>
						</tr>                       
						<tr class="runner-row style2 runner-b-editbuttons">
							<td class="runner-cl">
								<img src="images/spacer.gif">
							</td>
							<td id="btns" align=center class="runner-cc runner-cc1">
								<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 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>
								{BEGIN b_is_chart_save}
								<span class="runner-btnframe">
								<span class="runner-btnleft"></span>
								<span class="runner-btnright"></span>
								<a id="saveasbtn" name="saveasbtn" class="runner-button" href="#">Grabar como...</a>
								</span>
								{END b_is_chart_save}															
								{BEGIN b_is_chart_name}
								<span class="runner-btnframe">
								<span class="runner-btnleft"></span>
								<span class="runner-btnright"></span>
								<a id="savebtn" name="savebtn" class="runner-button" href="#">Guardar</a>
								</span>
								{END b_is_chart_name}	
								<span class="runner-btnframe">
								<span class="runner-btnleft"></span>
								<span class="runner-btnright"></span>
								<a id="previewbtn" name="previewbtn" class="runner-button" href="#">Previsualizar</a>
								</span>
								<a id="preview" class="various fancybox.iframe" href="dchart_preview.php?cname={$chart_name_preview}&ie=UTF-8&iframe"></a>
							</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>