{include file="common/header.tpl"}

{literal}

<style type="text/css">

#main {

	margin:0;

}

h1 {

	font-size:1.1em;

	text-align:center;

	margin:5px;

	color:#55d;

}

th {

	text-align:left;

	vertical-align:top;

}

input {

	border:1px solid #55b;

	font-size:12px;

}

select {

	border:1px solid #55b;

	font-size:12px;

}

form {

	margin:0px;

}

img {

	border:0;

	padding:0;

	margin:0;

}

.float-right {

	padding:10px;

	float:right;

	text-align:right;

}

#alphaSelector {

	position:relative;

	bottom:1px;

}

#formHeatmap {

	margin:1px;

}

#pngDiv {

	position:absolute;

	text-align:center;

	width:100%;

	line-height:0em;

	margin:0;

	padding:0;

}

#overflowDiv {

	position:absolute;

	margin:2px auto 0;

	width:100%;

	overflow-y:auto;

}

#overflowDiv p {

	text-align:center;

	padding:0;

	margin:0;

}

#webPageFrame {

	z-index:1;

}

#cleaner {

	color:#fff;

	background-color:#55b;

}

#layoutDiv {

	font-size:0.8em;

	text-align:left;

	padding:2px;

	margin:0 5px;

	border:1px dashed #446;

	background-color:#ddf;

	display:none;

}

.clickheat-calendar-on {

	background-color:#bbf;

}

span.layout-left-fixed, span.layout-left-liquid, span.layout-left-empty {

	border:1px solid #888;

	padding:1px;

	line-height:1.5em;

}

div.layout-left-fixed, div.layout-left-liquid, div.layout-left-empty {

	width:70px;

	border:1px solid #888;

}

.layout-left-fixed, .layout-center-fixed, .layout-right-fixed {

	background-color:#66a;

}

.layout-left-liquid, .layout-center-liquid, .layout-right-liquid {

	background-color:#aaf;

}

.layout-left-empty, .layout-right-empty {

	background-color:#fff;

}

.layout-center-fixed, .layout-center-liquid {

	width:55px;

	margin-left:15px;

}

.layout-right-fixed, .layout-right-liquid, .layout-right-empty {

	width:15px;

	height:70px;

	margin-left:40px;

}

#clickheat-js {

	border:1px solid #66a;

	background-color:#fff;

	padding:5px;

	margin:5px;

}

#clickheat-logo {

	position:absolute;

	margin-left:520px;

	margin-top:35px;

	text-align:center;

}

#clickheat-logo a {

	text-decoration:underline;

}

#divPanel {

	margin:0;

	padding-left:5px;

	border-bottom:1px solid #66a;

	background-color:#eef;

	cursor:pointer;

	font-size:0.8em;

	color:#66a;

	text-align:left;

}

</style>

{/literal}

<div id="contenu">

	<div id="logo">

		<div id="calendrier">

		<form action="{$url_date}" method="post">

		<p>

			<select onchange="pmvUrlOnChangeMonth (this)" name="date">

			{html_options options=$months_available selected=$month_selected}

			</select>	

		</p>

		</form>

		{$clickheat_calendar}

		</div>

		

		<p id="clickheat-logo">

			<a href="http://www.labsmedia.com/clickheat/index.html"><img src="{$clickheat_path}images/logo170.png" width="170" height="35" alt="ClickHeat" align="top" /></a><br />

			{$clickheat_menu}

		</p>



		{include file="common/sites_selection.tpl"}



		<a href="./index.php">

		<img title="{'logo_description'|translate}" src="{$PMV_THEME}images/phpmv.png" alt="phpMyVisites" width="485" height="132" />

		</a>

		<div class="both"></div>

	

	</div>

	

	{include file="common/menu.tpl"}

	<div id="choixlangue"><span id="cleaner"></span></div>

	

	{if $mod=='view'}

		<p class="choixperiode">

			(<a id="clickheat-calendar-d" href="#" onclick="currentRange = 'd'; this.blur(); updateCalendar(); return false;">{'menu_jour'|translate}</a> |

			<a id="clickheat-calendar-w" href="#" onclick="currentRange = 'w'; this.blur(); updateCalendar(); return false;">{'menu_semaine'|translate}</a> |

			<a id="clickheat-calendar-m" href="#" onclick="currentRange = 'm'; this.blur(); updateCalendar(); return false;">{'menu_mois'|translate}</a>)

		</p>

	{/if}

	

	<div class="both"></div>

	

	{counter print=false assign=a name=a start=0}

	{counter print=false assign=i name=i start=0}

	

	<form action="{$clickheat_path}index.php" method="get" onsubmit="return false;" id="clickForm">

	<table cellpadding="0" cellspacing="1" border="0" width="100%">

	<tr>

		<th width="30%">{$clickheat_group}</th><td width="20%"><select name="group" id="formGroup" onchange="hideGroupLayout(); loadIframe();">{$clickheat_groups}</select> <a href="#" onclick="showGroupLayout(); return false;"><img src="{$clickheat_path}images/layout.png" width="16" height="16" align="absmiddle" alt="Layout" /></a><a href="#" onclick="updateHeatmap(); return false;"><img src="{$clickheat_path}images/reload.png" width="16" height="16" align="absmiddle" alt="Refresh" /></a></td>

		<th width="30%">{$clickheat_browser}</th><td width="20%"><select name="browser" id="formBrowser" onchange="updateHeatmap();">{$clickheat_browsers}</select></td>

	</tr>

	<tr>

		<th>{$clickheat_heatmap}</th><td><input type="checkbox" id="formHeatmap" name="heatmap"{$clickheat_force_heatmap} onchange="updateHeatmap();" /><span id="alphaSelector"></span></td>

		<th>{$clickheat_screen}</th><td><select name="screen" id="formScreen" onchange="resizeDiv(); updateHeatmap();">{$clickheat_screens}</select></td>

	</tr>

	</table>

	</form>

</div>

<div id="divPanel" onmouseover="showPanel();" onclick="hidePanel();"><img src="{$clickheat_path}images/arrow-up.png" width="11" height="6" alt="" /></div>

<script type="text/javascript" src="{$clickheat_path}js/admin.js"></script>

<div id="overflowDiv">

	<div id="layoutDiv"></div>

	<div id="pngDiv"></div>

	<p><iframe src="{$clickheat_path}clickempty.html" id="webPageFrame" onload="cleanIframe();" frameborder="0" scrolling="no" width="50" height="0"></iframe></p>

</div>

<script type="text/javascript">

{$clickheat_js}

pleaseWait = '{$clickheat_loading}';

cleanerRunning = '{$clickheat_cleaner}';

isJsOkay = '{$clickheat_jsokay}';

jsAdminCookie = '{$clickheat_admincookie}';

hideIframes = {$clickheat_iframes};

hideFlashes = {$clickheat_flashes};

isPmvModule = true;

scriptPath = '{$clickheat_path}';

scriptIndexPath = '{$clickheat_index}';

lastDayOfMonth = {$clickheat_last};

currentDate = [{$clickheat_day}, {$clickheat_month}, {$clickheat_year}, {$clickheat_month}, {$clickheat_year}];

currentAlpha = {$clickheat_alpha};



/** Draw the alpha selector */

drawAlphaSelector('alphaSelector', 30);



/** Resize the main div */

resizeDiv();



/** Load iframe (which will load the heatmap once the info is okay) */

loadIframe();



/** Run cleaner */

runCleaner();

</script>

</body>

</html>