					<img src="<?php Theme::Path(); ?>itemTop.png" width="530" height="10" alt="---" align="absbottom" />
						<div class="listrow"><h2><img src="<?php e(BASE_URL); ?>resource/img/icons/user.gif" width="16" height="16" align="absmiddle" alt="&gt;" />&nbsp;<?php _e('New Members / Withdrawal'); ?>&nbsp;<img src="<?php e(BASE_URL); ?>resource/img/icons/user_cancel.gif" width="16" height="16" align="absmiddle" alt="&gt;" /></h2></div>
						<div id="members" style="width:530px; height:250px;" class="listplain">Unable to load Flash content. The YUI Charts Control requires Flash Player 9.0.45 or higher. You can download the latest version of Flash Player from the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player Download Center</a>.</p></div>
					</form>
					<img src="<?php Theme::Path(); ?>itemBottom.png" width="530" height="10" alt="___" align="top" /><br />

					<img src="<?php Theme::Path(); ?>itemTop.png" width="530" height="10" alt="---" align="absbottom" />
						<div class="listrow"><h2><img src="<?php e(BASE_URL); ?>resource/img/icons/world.gif" width="16" height="16" align="absmiddle" alt="&gt;" />&nbsp;<?php _e('Access'); ?>&nbsp;<img src="<?php e(BASE_URL); ?>resource/img/icons/phone.gif" width="16" height="16" align="absmiddle" alt="&gt;" /></h2></div>
						<div id="active" style="width:530px; height:250px;" class="listplain">Unable to load Flash content. The YUI Charts Control requires Flash Player 9.0.45 or higher. You can download the latest version of Flash Player from the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player Download Center</a>.</p></div>
					</form>
					<img src="<?php Theme::Path(); ?>itemBottom.png" width="530" height="10" alt="___" align="top" />


					<img src="<?php Theme::Path(); ?>itemTop.png" width="530" height="10" alt="---" align="absbottom" />
						<div class="listrow"><h2><img src="<?php e(BASE_URL); ?>resource/img/icons/female.gif" width="16" height="16" align="absmiddle" alt="&gt;" />&nbsp;<?php _e('Gender Ratio'); ?>&nbsp;<img src="<?php e(BASE_URL); ?>resource/img/icons/male.gif" width="16" height="16" align="absmiddle" alt="&gt;" /></h2></div>
						<div class="listplain">
							<ul class="horizontal listing">
								<li style="width:200px;">
									<div id="gender" style="width:200px; height:200px;"><a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player Download</a></div>
								</li>
								<li style="width:300px; text-align:left;">
									<ul id="legend">
										<li class="chart00"><span class="categoryName"><?php _e('Male'); ?>&nbsp;(<?php e($this->_vars['gender'][1]); ?>)</span></li>
										<li class="chart01"><span class="categoryName"><?php _e('Female'); ?>&nbsp;(<?php e($this->_vars['gender'][2]); ?>)</span></li>
										<li class="chart02"><span class="categoryName"><?php _e('In Blank'); ?>&nbsp;(<?php e($this->_vars['gender'][3]); ?>)</span></li>
										<li><br></li>
										<li class="chart05"><span class="categoryName"><?php _e('Total'); ?>&nbsp;(<?php e($this->_vars['gender'][1] + $this->_vars['gender'][2] + $this->_vars['gender'][3]); ?>)</span></li>
									</ul>
								</li>
							</ul>
						</div>
					</form>
					<img src="<?php Theme::Path(); ?>itemBottom.png" width="530" height="10" alt="___" align="top" />

					<img src="<?php Theme::Path(); ?>itemTop.png" width="530" height="10" alt="---" align="absbottom" />
						<div class="listrow"><h2><img src="<?php e(BASE_URL); ?>resource/img/icons/clock.gif" width="16" height="16" align="absmiddle" alt="&gt;" />&nbsp;<?php _e('Generation Ratio'); ?>&nbsp;<img src="<?php e(BASE_URL); ?>resource/img/icons/date.gif" width="16" height="16" align="absmiddle" alt="&gt;" /></h2></div>
						<div class="listplain">
							<ul class="horizontal listing">
								<li style="width:200px;">
									<div id="generation" style="width:200px; height:200px;"><a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player Download</a></div>
								</li>
								<li style="width:300px; text-align:left;">
									<ul id="legend">
										<li class="chart00"><span class="categoryName"><?php _e("Less than 20's"); ?>&nbsp;(<?php e($this->_vars['generation'][0]); ?>)</span></li>
										<li class="chart01"><span class="categoryName"><?php _e("30's"); ?>&nbsp;(<?php e($this->_vars['generation'][1]); ?>)</span></li>
										<li class="chart02"><span class="categoryName"><?php _e("40's"); ?>&nbsp;(<?php e($this->_vars['generation'][2]); ?>)</span></li>
										<li class="chart03"><span class="categoryName"><?php _e("50's"); ?>&nbsp;(<?php e($this->_vars['generation'][3]); ?>)</span></li>
										<li class="chart04"><span class="categoryName"><?php _e("More than 60's"); ?>&nbsp;(<?php e($this->_vars['generation'][4]); ?>)</span></li>
									</ul>
								</li>
							</ul>
						</div>
					</form>
					<img src="<?php Theme::Path(); ?>itemBottom.png" width="530" height="10" alt="___" align="top" />


<script type="text/javascript">
	YAHOO.widget.Chart.SWFURL = "<?php e(BASE_URL); ?>resource/yui/charts/assets/charts.swf";

	function formatCurrencyAxisLabel( value )
	{
		return YAHOO.util.Number.format( value,{ thousandsSeparator: "," });
	}
</script>

<script type="text/javascript">
//--- data

	YAHOO.example.weeklyMembers =
	[
		{ day: "<?php e($this->_vars['weekly'][0]); ?>", newface: <?php e($this->_vars['newface'][$this->_vars['weekly'][0]]); ?>, resign: <?php e($this->_vars['resign'][$this->_vars['weekly'][0]]); ?> },
		{ day: "<?php e($this->_vars['weekly'][1]); ?>", newface: <?php e($this->_vars['newface'][$this->_vars['weekly'][1]]); ?>, resign: <?php e($this->_vars['resign'][$this->_vars['weekly'][1]]); ?> },
		{ day: "<?php e($this->_vars['weekly'][2]); ?>", newface: <?php e($this->_vars['newface'][$this->_vars['weekly'][2]]); ?>, resign: <?php e($this->_vars['resign'][$this->_vars['weekly'][2]]); ?> },
		{ day: "<?php e($this->_vars['weekly'][3]); ?>", newface: <?php e($this->_vars['newface'][$this->_vars['weekly'][3]]); ?>, resign: <?php e($this->_vars['resign'][$this->_vars['weekly'][3]]); ?> },
		{ day: "<?php e($this->_vars['weekly'][4]); ?>", newface: <?php e($this->_vars['newface'][$this->_vars['weekly'][4]]); ?>, resign: <?php e($this->_vars['resign'][$this->_vars['weekly'][4]]); ?> },
		{ day: "<?php e($this->_vars['weekly'][5]); ?>", newface: <?php e($this->_vars['newface'][$this->_vars['weekly'][5]]); ?>, resign: <?php e($this->_vars['resign'][$this->_vars['weekly'][5]]); ?> },
		{ day: "<?php e($this->_vars['weekly'][6]); ?>", newface: <?php e($this->_vars['newface'][$this->_vars['weekly'][6]]); ?>, resign: <?php e($this->_vars['resign'][$this->_vars['weekly'][6]]); ?> }
	];

	var myDataSource = new YAHOO.util.DataSource( YAHOO.example.weeklyMembers );
	myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
	myDataSource.responseSchema =
	{
		fields: [ "day", "newface", "resign" ]
	};

//--- chart

	var seriesDef = 
	[
		{ displayName: "New Members", yField: "newface" },
		{ displayName: "Withdrawal", yField: "resign" }
	];

	var currencyAxis = new YAHOO.widget.NumericAxis();
	currencyAxis.minimum = 0;
	currencyAxis.labelFunction = "formatCurrencyAxisLabel";

	function getMembersTipText( item, index, series )
	{
		var toolTipText = series.displayName + " " + formatCurrencyAxisLabel( item[series.yField] );
		return toolTipText;
	}

	var mychart = new YAHOO.widget.LineChart( "members", myDataSource,
	{
		series: seriesDef,
		xField: "day",
		yAxis: currencyAxis,
		dataTipFunction: "getMembersTipText",
		expressInstall: "assets/expressinstall.swf"
	});
</script>

<script type="text/javascript">
//--- data

	YAHOO.example.weeklyAccess =
	[
		{ date: "<?php e($this->_vars['weekly'][0]); ?>", nonm: <?php e($this->_vars['nonm'][$this->_vars['weekly'][0]]); ?>, mobile: <?php e($this->_vars['mobile'][$this->_vars['weekly'][0]]); ?> },
		{ date: "<?php e($this->_vars['weekly'][1]); ?>", nonm: <?php e($this->_vars['nonm'][$this->_vars['weekly'][1]]); ?>, mobile: <?php e($this->_vars['mobile'][$this->_vars['weekly'][1]]); ?> },
		{ date: "<?php e($this->_vars['weekly'][2]); ?>", nonm: <?php e($this->_vars['nonm'][$this->_vars['weekly'][2]]); ?>, mobile: <?php e($this->_vars['mobile'][$this->_vars['weekly'][2]]); ?> },
		{ date: "<?php e($this->_vars['weekly'][3]); ?>", nonm: <?php e($this->_vars['nonm'][$this->_vars['weekly'][3]]); ?>, mobile: <?php e($this->_vars['mobile'][$this->_vars['weekly'][3]]); ?> },
		{ date: "<?php e($this->_vars['weekly'][4]); ?>", nonm: <?php e($this->_vars['nonm'][$this->_vars['weekly'][4]]); ?>, mobile: <?php e($this->_vars['mobile'][$this->_vars['weekly'][4]]); ?> },
		{ date: "<?php e($this->_vars['weekly'][5]); ?>", nonm: <?php e($this->_vars['nonm'][$this->_vars['weekly'][5]]); ?>, mobile: <?php e($this->_vars['mobile'][$this->_vars['weekly'][5]]); ?> },
		{ date: "<?php e($this->_vars['weekly'][6]); ?>", nonm: <?php e($this->_vars['nonm'][$this->_vars['weekly'][6]]); ?>, mobile: <?php e($this->_vars['mobile'][$this->_vars['weekly'][6]]); ?> }
	];

	var myDataSource = new YAHOO.util.DataSource( YAHOO.example.weeklyAccess );
	myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
	myDataSource.responseSchema =
	{
		fields: [ "date", "nonm", "mobile" ]
	};

//--- chart

	var seriesDef = 
	[
		{ displayName: "Non Mobile access", yField: "nonm" },
		{ displayName: "Mobile Access", yField: "mobile" }
	];

	var currencyAxis = new YAHOO.widget.NumericAxis();
	currencyAxis.minimum = 0;
	currencyAxis.labelFunction = "formatCurrencyAxisLabel";

	var mychart = new YAHOO.widget.LineChart( "active", myDataSource,
	{
		series: seriesDef,
		xField: "date",
		yAxis: currencyAxis,
		dataTipFunction: "getMembersTipText",
		expressInstall: "assets/expressinstall.swf"
	});
</script>

<script type="text/javascript">
YAHOO.util.Event.onContentReady("gender", function () {
	YAHOO.example.publicOpinion =
	[
		{ response: "<?php _e('Male'); ?>", count: <?php e($this->_vars['gender'][1]); ?> },
		{ response: "<?php _e('Female'); ?>", count: <?php e($this->_vars['gender'][2]); ?> },
		{ response: "<?php _e('In Blank'); ?>", count: <?php e($this->_vars['gender'][3]); ?> }
	]

	var opinionData = new YAHOO.util.DataSource( YAHOO.example.publicOpinion );
	opinionData.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
	opinionData.responseSchema = { fields: [ "response", "count" ] };

	var mychart = new YAHOO.widget.PieChart( "gender", opinionData,
	{
		dataField: "count",
		categoryField: "response",
		series: [{}],
		expressInstall: "assets/expressinstall.swf"
	});
});
</script>

<script type="text/javascript">
YAHOO.util.Event.onContentReady("generation", function () {
	YAHOO.example.publicOpinion =
	[
		{ response: "<?php _e("Less than 20's"); ?>", count: <?php e($this->_vars['generation'][0]); ?> },
		{ response: "<?php _e("30's"); ?>", count: <?php e($this->_vars['generation'][1]); ?> },
		{ response: "<?php _e("40's"); ?>", count: <?php e($this->_vars['generation'][2]); ?> },
		{ response: "<?php _e("50's"); ?>", count: <?php e($this->_vars['generation'][3]); ?> },
		{ response: "<?php _e("More than 60's"); ?>", count: <?php e($this->_vars['generation'][4]); ?> }
	]

	var opinionData = new YAHOO.util.DataSource( YAHOO.example.publicOpinion );
	opinionData.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
	opinionData.responseSchema = { fields: [ "response", "count" ] };

	var mychart = new YAHOO.widget.PieChart( "generation", opinionData,
	{
		dataField: "count",
		categoryField: "response",
		series: [{}],
		expressInstall: "assets/expressinstall.swf"
	});
});
</script>
