<?php

/**
 * Default home page view
 *  
 * @author Adam Surplice
 * @version 1.0

									* @author Alexander Noakes @version 1.1 */


require("../library/fusioncharts.php");  
$this->HeadScript()->appendFile("fusioncharts/FusionCharts.js"); // Javascript functions for this page

$this->headTitle ( 'Around the World' );
$this->placeholder ('title' )->set ( 'Around the World' );
$this->placeholder('backgroundimage')->set("bg_crown.jpg");
?>

<div id="left_panel">
 <h2>Wyndham Vacation Ownership Competitive Landscape</h2>
  <div class="InfoTextFooter">
    Source: Vacation Ownership WORLD Magazine, March 2011 (based on 2010 data). Estimate that the 2011 data will be published during March 2012.<br/>*Reflects 2008 data as published in Vacation Ownership WORLD Magazine, March-April 2009
  </div>

<script type="text/javascript">
function chart1Display ()
{
var chart = new FusionCharts("fusioncharts/FCF_Bar2D.swf", "chart1", "392", "255");      
			chart.setDataURL("data/wvo-sales.xml");
			chart.render("chart1div");
}

function chart2Display ()
{
var chart = new FusionCharts("fusioncharts/FCF_Bar2D.swf", "chart2", "392", "255");      
				chart.setDataURL("data/owners.xml");
				chart.render("chart2div");
}

function chart3Display ()
{
 var chart = new FusionCharts("fusioncharts/FCF_Bar2D.swf", "chart3", "392", "255");      
				chart.setDataURL("data/resorts.xml");
				chart.render("chart3div");
}

function chart4Display ()
{
var chart = new FusionCharts("fusioncharts/FCF_Bar2D.swf", "chart4", "392", "255");      
				chart.setDataURL("data/units.xml");
				chart.render("chart4div");
}
</script>
</div>
<!-- Timout set to zero as sales deciding on staggered or instant display for all charts -->

<div id="right_panel" style="background:#000000;">
  <div class="ChartContainer">
    
	<div class="smlChart" id="chart1div">
		<script type="text/javascript">
			setTimeout("chart1Display()", 0);
		</script>
	</div>
	
	<div class="smlChart" id="chart2div" >
		<script type="text/javascript">
			setTimeout("chart2Display()", 0);
		</script>
	</div>

	
	<div class="smlChart" id="chart3div">
		<script type="text/javascript">
			setTimeout("chart3Display()", 0);
		</script>
	</div>

	
	<div class="smlChart" id="chart4div">
		<script type="text/javascript">
			setTimeout("chart4Display()", 0);
		</script>
	</div>
  </div>
</div>
</div>