<?php
$title = "OceanCurrent";
ini_set('include_path', './' . PATH_SEPARATOR . '../' . PATH_SEPARATOR . ini_get('include_path'));

include_once("include/header.php");
include_once("product_classes/interface.php");
include_once("product_classes/madeleine_imap.php");
$docroot = $_SERVER["DOCUMENT_ROOT"];

class IDB implements Movie, Info, Map, DataLink, Legend {
	private $path = 'EAC_array_figures';
	private $subproduct = 'SST';

	function getNearestDate($region, $date) {
		//echo "<code>blah</code>\n";
		if (!is_null($this->getFilename($region, $date))) return clone $date;
		//echo "<code>blah2</code>\n";
		if ($date > $this->getMaxDate($region)) return clone $this->getMaxDate($region);
		//echo "<code>blah3</code>\n";
		if ($date < $this->getMinDate($region)) return clone $this->getMinDate($region);
		//echo "<code>blah4</code>\n";
		$ndate = $this->getNextDate($region, $date);
		$pdate = $this->getPreviousDate($region, $date);
		if (is_null($ndate)) return $pdate;
		elseif (is_null($pdate)) return $ndate;
		// else we find the closest
		$ndiff = $ndate->diff($date, true);
		$pdiff = $pdate->diff($date, true);
		if (DateIntervalCmp($pdiff,$ndiff) < 0) return $pdate;
		else return $ndate;
	}
	function getNextDate($region, $dt) {
		$date_gap_start0 = DateTime::createFromFormat('YmdHis', '20130827000000');
		$date_gap_start = DateTime::createFromFormat('YmdHis', '20130828000000');
		$date_gap_end0 = DateTime::createFromFormat('YmdHis', '20150518120000');
		//$date_gap_end = DateTime::createFromFormat('YmdHis', '20150517120000');
		$now = new DateTime('now', new DateTimeZone('UTC'));
		$last = clone $dt;
		$last->add(new DateInterval('P20D'));
		if ($now < $last) $last = $now;
		$date = clone $dt;
		$date->add(new DateInterval('P1D'));
		while ($date <= $last) {
			if (($date >= $date_gap_start0) && ($date <= $date_gap_start)) $date = clone $date_gap_end0;
			$fmask = $date->format('Ymd');
			$files = glob($this->path.'/'.$this->subproduct.'/'.$region.'/'.$fmask.'*.gif');
			foreach ($files as $f) {
				$d = $this->file2date(basename($f));
				if ($d > $dt) return $d;
			}
			$date->add(new DateInterval('P1D'));
		}
		return NULL;
	}
	function getPreviousDate($region, $dt) {
		$date_gap_start0 = DateTime::createFromFormat('YmdHis', '20130826120000');
		//$date_gap_start = DateTime::createFromFormat('YmdHis', '20130827120000');
		$date_gap_end0 = DateTime::createFromFormat('YmdHis', '20150517235959');
		$date_gap_end = DateTime::createFromFormat('YmdHis', '20150516235959');
		// If we go back a bit and find nothing then there probably isn't
		// any older data
		$last = clone $dt;
		$last->sub(new DateInterval('P20D'));
		$date = clone $dt;
		while ($date >= $last) {
			if (($date >= $date_gap_end) && ($date <= $date_gap_end0)) $date = clone $date_gap_start0;
			$fmask = $date->format('Ymd');
			$files = glob($this->path.'/'.$this->subproduct.'/'.$region.'/'.$fmask.'*.gif');
			foreach ($files as $f) {
				$d = $this->file2date(basename($f));
				if ($d < $dt) return $d;
			}
			$date->sub(new DateInterval('P1D'));
		}
		return NULL;
	}
	function getDateString($date) {
		return $date->format('d M Y');
	}
	private function file2date($filename) {
		$ymd = substr(basename($filename),0,8);
		return DateTime::createFromFormat('Ymd', $ymd);
	}
	private function date2file($date) {
		return $date->format('Ymd').'.gif';
	}
	public function getFilename($region, $date) {
		$f = $this->path.'/'.$this->subproduct.'/'.$region.'/'.$this->date2file($date);
		if (file_exists($f)) return $f;
		return NULL;
	}
	function isDateValid($region,$date) {
		//echo "<code>date=".$date->format('YmdHis')."</code>\n";
		$dt = $this->getNearestDate($region, $date);
		//echo "<code>dt=".$dt->format('YmdHis')."</code>\n";
		if (is_null($dt)) return false;
		$cmp = DateIntervalCmp($dt->diff($date,true), new DateInterval('P10D'));
		return $cmp <= 0;
    }
	function getMinDate($region) {
		return DateTime::createFromFormat('YmdHis', '20120426120000');
	}
	function getMaxDate($region) {
		return DateTime::createFromFormat('YmdHis', '20220725000000');
	}
	function isMovieValid($region, $date) {
		return !is_null($this->getMovieFilename($region,$date));
	}
	function getMovieFilename($region, $date) {
		$year = $date->format('Y');
		$m = intval($date->format('m'));
		$q = 1;
		if ($m>=4) $q = 2;
		if ($m>=7) $q = 3;
		if ($m>=10) $q = 4;
		$fname = $region.'_'.$this->subproduct.'_'.$year.'_Q'.$q.'.mp4';
		//echo "<code>$fname</code>\n";
		$f = $this->path.'/'.$this->subproduct.'/'.$region.'/'.$fname;
		if (file_exists($f)) return $f;
		return null;
	}
	function getLegend() {
		return array(
			'<span style="color:#FF00FF;">&#9675;</span>' => 'Argo',
			'<span style="color:#FF00FF;">&#9670;</span>' => 'Glider',
			'<span class="halfStyle hs-horizontal-half" data-content="&#8649;">&#8649;</span>' => 'Radar',
			'<span style="color:#FF00FF;">&gt;</span>' => 'Drifter',
			'<span>&#9675;</span>' => 'Ship',
			'<span>&#9679;</span>' => 'Moorings',
			'<span>&#9644;</span>' => 'EAC cumulative<br/>transport',
 
		);
	}
	function getLegendText() {
		return file_get_contents('eac_legend.html');
	}
	function getDataLinks($region, $date) {
		return array(
			'SST L3S-6d ngt<br>(1992-2017)' => 'http://thredds.aodn.org.au/thredds/catalog/IMOS/SRS/SST/ghrsst/L3S-6d/ngt/catalog.html',
			'SST L3SM-6d ngt<br>(2018-now)' => 'http://thredds.aodn.org.au/thredds/catalog/IMOS/SRS/SST/ghrsst/L3SM-6d/ngt/catalog.html',
			'GSLA' => 'http://thredds.aodn.org.au/thredds/catalog/IMOS/OceanCurrent/GSLA/catalog.html',
			'SSTAARS' => 'https://portal.aodn.org.au/search?uuid=79c8eea2-4e86-4553-8237-4728e27abe10',
			'EAC mooring data' => 'https://doi.org/10.25919/wg81-e165'

		);
	}
	public function getInfo() {
		return file_get_contents('eac_info.html');
	}
	public function getInfoTitle() {
		return 'EAC Array';
	}
	public function getMapList($region, $date) {
		$txtfile = $this->path.'/TAGS/'.$region.'/'.$date->format('Ymd').'.txt';
		return get_map_from_textfile($txtfile, $date);
	}
};

$product = new IDB();
$region = 'Brisbane';
$dts = $product->getMinDate($region);
$dte = $product->getMaxDate($region);

if (isset($_REQUEST['date'])) $_SESSION['date'] = $_REQUEST['date'];
if (isset($_SESSION['date'])) $date = $_SESSION['date'];
else $date = $dte->format('YmdHis');
// Convert date into DateTime object
$dt0 = DateTime::createFromFormat('YmdHis', $date);

$dto = $product->getNearestDate($region, $dt0);
if (is_null($dto)) {
	if ($dt0 < $dts) $dto = $dts;
	else $dto = $dte;
}

//echo "<code>".$dto->format('YmdHis')."</code>\n";

//echo "<code>$dt</code>\n";
if (!is_null($dto)) {
	//echo "<code>".$dto->format('YmdHis')."</code>\n";
	//error_log('dto='.$dto->format('YmdHis'));

	$prev = $product->getPreviousDate($region, $dto);
	if (!is_null($prev)) {
		$prev = $prev->format('YmdHis');
		//error_log('prev='.$prev);
	}
	$next = $product->getNextDate($region, $dto);
	if (!is_null($next)) {
		$next = $next->format('YmdHis');
		//error_log('next='.$next);
	}
	$imgNameDate = $product->getDateString($dto);
	$imgfile = $product->getFilename($region, $dto);
}
else {
	$prev = null;
	$next = null;
	$imgNameDate = $product->getDateString($dt0);
	$imgfile = null;
}
function ds2d($dt) {
	// php to js date splitter
	$d = $dt->format('YmdHis');
	$y = substr($d,0,4);
	$m = substr($d,4,2);
	$d = substr($d,6,2);
	return "new Date($y,$m-1,$d)";
}

if (($product instanceof Map) && (!is_null($imgfile))) {
	$isize = getimagesize($imgfile);
	echo "<map id=\"tagmap\" name=\"tagmap\">\n";
	foreach($product->getMapList($region,$dto) as $m) {
		if (!$m instanceof MapRecord) {
			error_log('MapList returned non MapRecord');
		}
		else {
			$x = $m->x;
			$y = $isize[1]-$m->y;
			echo "\t<area shape=\"circle\" class=\"url\" coords=\"$x,$y,$m->circlesize\" href=\"#\" title=\"$m->title\" data-url=\"$m->url\">\n";
		}
	}
	echo "</map>\n";
}

if (isset($_REQUEST['movie']) && $_REQUEST['movie']) $showmovie = true;
else $showmovie = false;

//$ipermlink="product=$oproductname&region=$region&date=$date&rtype=$rtype";
$ipermlink="date=$date";
$mpermlink=$ipermlink.'&movie=1';
if ($showmovie) $permlink = $mpermlink;
else $permlink = $ipermlink;

?>

<div class="row">
	<div id="sidebar" class="col-md-2 panel">
		<div class="btn-group-vertical btn-block col-md-pull hidden-xs hidden-sm">
			<a target="" href="eac_about.php" class="btn btn-primary btn-block" type="button">About the EAC<br/>mooring array dataset</a>
		</div>
<?php
        if ($product instanceof DataLink) {
            echo "<p class=\"hidden-xs hidden-sm \"/>\n";
            echo "<div class=\"btn-group-vertical btn-block col-md-pull hidden-xs hidden-sm\">\n";
            echo "<h4>Data sources</h4>\n";
            foreach ($product->getDataLinks($region, $date) as $d => $datalink) {
                if (!is_null($datalink)) {
                    echo "<a id=\"dbutton\" target=\"_blank\" href=\"$datalink\" class=\"subdued-button btn btn-success btn-block\" type=\"button\">$d</a>\n";
                } else {
                    echo "<a id=\"dbutton\" href=\"#\" class=\"subdued-button disabled btn btn-success btn-block\" type=\"button\">$d</a>\n";
                }
            }
            echo "</div>\n";
        }
?>
<?php
        if ($product instanceof Legend) {
            echo "<div id=\"legend\" class=\"product-legend-panel panel panel-primary btn hidden-xs hidden-sm\">\n";
            //echo "<a href=\"#\" id=\"legend\">\n";
            echo "<h4 class=\"text-left\">Legend</h4>\n";
            echo "<dl class=\"dl-horizontal product-legend\">\n";
            foreach ($product->getLegend() as $k => $v) {
                echo "<dt>$k</dt><dd>$v</dd>\n";
            }
            echo "</dl>\n";
            //echo "</a>\n";
            echo "<h6><small>Click for more<br>information</small></h6>\n";
            echo "</div>\n";
        }
?>
	</div>
    <div id="content" class="col-md-10">
		<!--<div id="xsidebar">&#171;</div>-->
		<nav class="navbar navbar-default mapNavbar hidden-xs hidden-sm" role="navigation">
			<div class="container-fluid">
				<ul class="pager pagerMargins">
					<li class="previous">
                                <?php if (is_null( $prev )) {
                                        echo "<a class=\"disabled\" href=\"#\" alt=\"Previous\" title=\"Previous\">\n";
                                } else {
                                        echo "<a class=\"npbut\" href=\"#\" data-date=\"$prev\" alt=\"Previous\" title=\"Previous\">\n";
                                } ?>
                                        <span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span>
                                </a>
					</li>
					<li class="previous">
						<span class=""><?php echo $imgNameDate ?>
							<input class="hidden" id="dsel" type="text"/>
							<?php if ($product instanceof DateSelector): ?>
							<button id="dsa" type="button" class="btn btn-default btn-xs" title="Calendar"><span class="glyphicon glyphicon-calendar"></span></button>
							<?php else: ?>
							<button id="ddsa" type="button" class="btn btn-default btn-xs" title="Calendar"><span class="glyphicon glyphicon-calendar"></span></button>
							<?php endif; ?>
							<button id="rsa" type="button" class="btn btn-default btn-xs rsa" title="Reset"><span class="glyphicon glyphicon-repeat"></span></button>
							<button id="dmlist" type="button" class="btn btn-default btn-xs dmlist" title="Movie list"><span class="glyphicon glyphicon-list-alt"></span></button>
						</span>
					</li>
					<li class="previous">
                                <?php if (is_null( $next )) {
                                        echo "<a class=\"disabled\" href=\"#\" alt=\"Next\" title=\"Next\">\n";
                                } else {
                                        echo "<a class=\"npbut\" href=\"#\" data-date=\"$next\" alt=\"Next\" title=\"Next\">\n";
                                } ?>
                                        <span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span>
                                </a>
					</li>
                    <?php if ($product instanceof Movie): ?>
                    <li class="previous">
                        <?php
                            if (is_null($dto)||!$product->isMovieValid($region, $dto)) {
                                echo "<a class=\"disabled\" href=\"#\" alt=\"Movie\" title=\"Movie\">\n";
                            } else {
								$mfilename = $product->getMovieFilename($region, $dto);
                                echo "<a class=\"movie\" href=\"#\" data-filename=\"$mfilename\" alt=\"Movie\" title=\"Movie\">\n";
                            }
                        ?>
                            <span class="glyphicon glyphicon-film" aria-hidden="true"></span>
                        </a>
                    </li>
                    <?php endif; ?>
					<?php if ($product instanceof Info): ?>
						<li class="previous">
							<a href="#" id="about" class="about" alt="about">
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
							</a>
						</li>
					<?php endif; ?>
					<li class="previous" >
						<a id="permlink" type="button" class="btn btn-default" data-toggle="popover" data-placement="bottom" 
							title="Direct link to this graph" data-ilink="<?php echo $ipermlink ?>" data-mlink="<?php echo $mpermlink?>" data-real-content="<?php echo $permlink ?>">
							<small>
								<span class="glyphicon glyphicon-share" aria-hidden="true"></span> Permlink
							</small>
						</a>
					</li>




				</ul>
			</div>
		</nav>

		<div id="icontent" <?php if ($showmovie) echo "class=\"hidden\""; ?>>
<?php
		if (strlen($region)>0) {
			if (!is_null($imgfile)) {
				if ($product instanceof Map) {
					echo "<img class=\"img-responsive\" src=\"$imgfile\" usemap=\"#tagmap\">";
				}
				else {
					echo "<img class=\"img-responsive\" src=\"$imgfile\">";
				}
			}
			else {
				$s = $product->getDateString($dt0);
				echo "<h3>$s is not available for this product and/or region</h3>\n";
			}
		}
?>
		</div>
                <div id="mcontent">
                        <?php if (!$showmovie): ?>
                        <video class="hidden img-responsive" id="videoplayer" controls>
                        </video>
                        <?php else: ?>
                        <video id="videoplayer" class="img-responsive" controls>
								$mfilename = $product->getMovieFilename($region, $dto);
                                <source src="<?php echo $mfilename ?>" type="video/mp4">
                        </video>
                        <?php endif; ?>
                </div>


	</div>
		<nav class="navbar navbar-default mapNavbar visible-xs visible-sm" role="navigation">
			<div class="container-fluid">
				<ul class="pager pagerMargins">
					<li class="previous">
                                <?php if (is_null( $prev )) {
                                        echo "<a class=\"disabled\" href=\"#\" alt=\"Previous\" title=\"Previous\">\n";
                                } else {
                                        echo "<a class=\"npbut\" href=\"#\" data-date=\"$prev\" alt=\"Previous\" title=\"Previous\">\n";
                                } ?>
                                        <span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span>
                                </a>
					</li>
					<li class="previous">
						<span class=""><?php echo $imgNameDate ?>
							<input class="hidden" id="dsel2" type="text"/>
							<?php if ($product instanceof DateSelector): ?>
							<button id="dsa2" type="button" class="btn btn-default btn-xs" title="Calendar"><span class="glyphicon glyphicon-calendar"></span></button>
							<?php else: ?>
							<button id="ddsa2" type="button" class="btn btn-default btn-xs" title="Calendar"><span class="glyphicon glyphicon-calendar"></span></button>
							<?php endif; ?>
							<button id="rsa2" type="button" class="btn btn-default btn-xs rsa" title="Reset"><span class="glyphicon glyphicon-repeat"></span></button>
							<button id="dmlist2" type="button" class="btn btn-default btn-xs dmlist" title="Movie list"><span class="glyphicon glyphicon-list-alt"></span></button>
						</span>
					</li>
					<li class="previous">
                                <?php if (is_null( $next )) {
                                        echo "<a class=\"disabled\" href=\"#\" alt=\"Next\" title=\"Next\">\n";
                                } else {
                                        echo "<a class=\"npbut\" href=\"#\" data-date=\"$next\" alt=\"Next\" title=\"Next\">\n";
                                } ?>
                                        <span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span>
                                </a>
					</li>
                    <?php if ($product instanceof Movie): ?>
                    <li class="previous">
                        <?php
                            if (is_null($dto)||!$product->isMovieValid($region, $dto)) {
                                echo "<a class=\"disabled\" href=\"#\" alt=\"Movie\" title=\"Movie\">\n";
                            } else {
								$mfilename = $product->getMovieFilename($region, $dto);
                                echo "<a class=\"movie\" href=\"#\" data-filename=\"$mfilename\" alt=\"Movie\" title=\"Movie\">\n";
                            }
                        ?>
                            <span class="glyphicon glyphicon-film" aria-hidden="true"></span>
                        </a>
                    </li>
                    <?php endif; ?>
					<?php if ($product instanceof Info): ?>
						<li class="previous">
							<a href="#" id="about2" class="about" alt="about">
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
							</a>
						</li>
					<?php endif; ?>
					<li class="previous" >
						<a id="permlink2" type="button" class="btn btn-default" data-toggle="popover" data-placement="bottom" 
							title="Direct link to this graph" data-ilink="<?php echo $ipermlink ?>" data-mlink="<?php echo $mpermlink?>" data-real-content="<?php echo $permlink ?>">
							<small>
								<span class="glyphicon glyphicon-share" aria-hidden="true"></span> Permlink
							</small>
						</a>
					</li>
				</ul>
			</div>
		</nav>
		<div class="btn-group-vertical btn-block col-md-pull visible-xs visible-sm">
			<a target="" href="eac_about.php" class="btn btn-primary btn-block" type="button">About the EAC<br/>mooring array dataset</a>
		</div>
<?php
	if ($product instanceof DataLink) {
		echo "<p class=\"visible-xs visible-sm \"/>\n";
		echo "<div class=\"row\">\n";
		echo "<div class=\"container btn-group xbtn-group-justified col-md-pull visible-xs visible-sm\">\n";
		echo "<h4>Data sources</h4>\n";
		foreach ($product->getDataLinks($region, $date) as $d => $datalink) {
			if (!is_null($datalink)) {
				echo "<a id=\"dbutton\" target=\"_blank\" href=\"$datalink\" class=\"subdued-button btn btn-success\" type=\"button\">$d</a>\n";
			} else {
				echo "<a id=\"dbutton\" href=\"#\" class=\"subdued-button disabled btn btn-success\" type=\"button\">$d</a>\n";
			}
		}
		echo "</div>\n";
		echo "</div>\n";
	}
?>
<?php
	if ($product instanceof Legend) {
		echo "<div id=\"xlegend\" class=\"product-legend-panel panel panel-primary btn visible-xs visible-sm\">\n";
		//echo "<a href=\"#\" id=\"legend\">\n";
		echo "<div class=\"panel-header\">\n";
		echo "<h4 class=\"text-left\">Legend</h4>\n";
		echo "</div>\n";
		echo "<div class=\"panel-body\">\n";
		//echo "<dl class=\"dl-horizontal product-legend\">\n";
		foreach ($product->getLegend() as $k => $v) {
			//echo "<div class=\"col-xs-2 col-sm-2\">\n";
			//echo "<dt>$k</dt><dd>$v</dd>\n";
			echo "<span class=\"col-xs-4 col-sm-2\">$k $v</span>\n";
			//echo "</div>\n";
		}
		//echo "</dl>\n";
		//echo "</a>\n";
		echo "</div>\n";
		echo "</div>\n";
	}
?>


</div>

<div class="modal" id="aboutModal" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<?php if ($product instanceof Info) {
					$t = $product->getInfoTitle();
					echo "<h4 class=\"model-title text-center\">$t</h4>";
				} ?>
			</div>
			<div class="modal-body">
				<?php if ($product instanceof Info) echo $product->getInfo(); ?>
			</div>
		</div>
	</div>
</div>

<div class="modal" id="legendModal" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<?php if ($product instanceof Info) {
					$t = $product->getInfoTitle();
					echo "<h4 class=\"model-title text-center\">$t</h4>";
				} ?>
			</div>
			<div class="modal-body">
				<?php if ($product instanceof Legend) echo $product->getLegendText(); ?>
			</div>
		</div>
	</div>
</div>

<div class="modal" id="mlistModal" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="model-title text-center">Movie list</h4>
			</div>
			<div class="modal-body">
				<table class="table-condensed table-responsive table-bordered">
<?php
					for ($y=2012;$y<=2022;$y++) {
						echo "<tr><td>$y</td>\n";
						for ($q=1;$q<=4;$q++) {
							$fname = 'EAC_array_figures/SST/Brisbane/Brisbane_SST_'.$y.'_Q'.$q.'.mp4';
							if (file_exists($fname)) echo "<td><a target=\"blank\" href=\"$fname\">Q$q</a></td>\n";
							else echo "<td/>\n";
						}
						echo "</tr>\n";
					}
					$fname = 'EAC_array_figures/SST/Brisbane/Brisbane_SST_EAC_full.mp4';
					if (file_exists($fname)) echo "<tr><td/><td colspan=\"4\"><a target=\"blank\" href=\"$fname\">Full (large - 248Mb)</a></td></tr>\n";
?>
				</table>
			</div>
		</div>
	</div>
</div>


<?php
include_once("include/sfooter.php");
?>
<script src="<?php echo $BASEDIR ?>js/soceancolour.js"></script>
<script src="<?php echo $BASEDIR ?>js/imageMapResizer.min.js"></script>
<link href="<?php echo $BASEDIR ?>css/jquery-ui.min.css" rel="stylesheet">
<script src="<?php echo $BASEDIR ?>js/jquery-ui.js"></script>
<!--<script src="<?php echo $BASEDIR ?>js/jquery.imagemapster.min.js"></script>-->
<link href="<?php echo $BASEDIR ?>css/mapify.css" rel="stylesheet">
<script src="<?php echo $BASEDIR ?>js/mapify.js"></script>
<script>


var sdate = <?php echo ds2d( $dts );?>;
var edate = <?php echo ds2d( $dte );?>;
/*
var invalid_dates = new Map();

function date_checker(d) {
	//console.log('date_checker'+d);
	if (d<sdate||d>edate) return [false,"",null];
	if (invalid_dates.has(d.toDateString())) return [false,"",null];
	return [true,"",null];
}
*/

var sd1 = new Date('2013-08-26');
var ed1 = new Date('2015-05-17');
function date_checker(d) {
	console.log('date_checker:'+d);
	if ((d<sdate)||(d>edate)) return [false,"",null];
	else if ((d>sd1)&&(d<=ed1)) return [false,"",null];
	return [true,"",null];
}

+function($) {
	$('.collapse').on('shown.bs.collapse', function() {
		//console.log('shown collapse');
		$(this).find('img').mapify();
	});
	$('.collapse').on('hide.bs.collapse', function() {
		//console.log('hide collapse');
		$(this).find('img').unmapify();
	});
	var region = "<?php echo $region;?>";
	// We need to do this after the modal has shown so the size gets through.
	// There will still be a problem if the modal is shown, minimised and
	// the window resized before being shown again.
	$('.npbut').click(function() {
		var dt = $(this).attr('data-date');
		var data = {'name': 'date', 'date': dt};
		$.ajax({
			url: "set.php",
			data: data,
			success: function(res, status) {
				window.location = 'eac.php';
			}
		});
	});
	$('.product-button').click( function() {
		var pname = $(this).attr('data-product');
		var data = {'name': 'product', 'product': pname};
		$.ajax({
			url: "set.php",
			data: data,
			success: function(res, status) {
				window.location = 'eac.php';
			}
		});
	});
	$('#product-select').change( function() {
		var pname = $("#product-select option:selected").attr('data-product');
		var data = {'name': 'product', 'product': pname};
		$.ajax({
			url: "set.php",
			data: data,
			success: function(res, status) {
				window.location = 'eac.php';
			}
		});
	});
	$('.rsa').click(function() {
		var dt = new Date();
		var yyyy = ""+dt.getUTCFullYear();
		var mm = ""+(dt.getUTCMonth()+1);
		var dd = ""+dt.getUTCDate();
		var hh = ""+dt.getUTCHours();
		var mn = ""+dt.getUTCMinutes();
		var ss = ""+dt.getUTCSeconds();
		if (mm.length==1) mm = "0"+mm;
		if (dd.length==1) dd = "0"+dd;
		if (hh.length==1) hh = "0"+hh;
		if (mn.length==1) mn = "0"+mn;
		if (ss.length==1) ss = "0"+ss;
		var dtstr = ""+yyyy+mm+dd+hh+mn+ss;
		var data = {'name': 'date', 'date': dtstr};
		$.ajax({
			url: "set.php",
			data: data,
			success: function(res, status) {
				window.location = 'eac.php';
			}
		});
	});
    var cdate = <?php echo ds2d( $dto );?>;
	$('#dsel').datepicker({
		dateFormat: "yymmdd",
		minDate: sdate,
		maxDate: edate,
		changeMonth: true,
		changeYear: true,
		yearRange: sdate.getFullYear()+":"+edate.getFullYear(),
		beforeShowDay: date_checker,
	});
	$("#dsel").datepicker("setDate", cdate);
	$("#dsel").change( function() {
		var d = $(this).datepicker('getDate');
		var ymd = ""+d.getFullYear();
		if( d.getMonth()<9) ymd += '0';
		ymd += d.getMonth()+1;
		if ( d.getDate()<10) ymd += '0';
		ymd += d.getDate();
		//console.log("ymd="+ymd+" d="+d);
		var dtstr = ymd+"000000";
		var data = {'name': 'date', 'date': dtstr};
		$.ajax({
			url: "set.php",
			data: data,
			success: function(res, status) {
				window.location = 'eac.php';
			}
		});
	});
	$('#dsel2').datepicker({
		dateFormat: "yymmdd",
		minDate: sdate,
		maxDate: edate,
		changeMonth: true,
		changeYear: true,
		yearRange: sdate.getFullYear()+":"+edate.getFullYear(),
		beforeShowDay: date_checker,
	});
	$("#dsel2").datepicker("setDate", cdate);
	$("#dsel2").change( function() {
		var d = $(this).datepicker('getDate');
		var ymd = ""+d.getFullYear();
		if( d.getMonth()<9) ymd += '0';
		ymd += d.getMonth()+1;
		if ( d.getDate()<10) ymd += '0';
		ymd += d.getDate();
		//console.log("ymd="+ymd+" d="+d);
		var dtstr = ymd+"120000";
		var data = {'name': 'date', 'date': dtstr};
		$.ajax({
			url: "set.php",
			data: data,
			success: function(res, status) {
				window.location = 'eac.php';
			}
		});
	});
	$('#ddsa').click(function() {
		$('#dsel').datepicker("show");
	});
	$('#ddsa2').click(function() {
		$('#dsel2').datepicker("show");
	});
	$('.url').click(function() {
		var url = $(this).attr('data-url');
		if (url.length > 0) window.location = url;
	});
	$('.dmlist').click(function() {
		$('#mlistModal').modal('show');
	});

	/*
	$('#sidebarCollapse').on('click', function() {
		$('#sidebar').toggleClass('hidden');
		$('#content').toggleClass('col-md-10').toggleClass('col-md-12');
		$('#sidebarbutton').toggleClass('glyphicon-chevron-left').toggleClass('glyphicon-chevron-right');

		$.ajax({
			url: "set.php",
			data: {'name': 'sidebar', 'sidebar': $('#sidebar').hasClass('hidden')?'0':'1'}
		});
	});
	$('#sidebarCollapse-xs').on('click', function() {
		$('#sidebar').toggleClass('hidden');
		//$('#content').toggleClass('col-md-10').toggleClass('col-md-12');
		$('#sidebarbutton-xs').toggleClass('glyphicon-chevron-left').toggleClass('glyphicon-chevron-right');

		$.ajax({
			url: "set.php",
			data: {'name': 'sidebar', 'sidebar': $('#sidebar-xs').hasClass('hidden')?'0':'1'}
		});
	});
	*/
	$('.movie').click(function() {
		var filename = $(this).attr('data-filename');
		$('#videoplayer').toggleClass('hidden').attr('src', filename);
		$('#icontent').toggleClass('hidden');

		var plink = $('#videoplayer').hasClass('hidden') ? $('#permlink').attr('data-ilink') : $('#permlink').attr('data-mlink');
		$('#permlink').attr('data-real-content', plink);
		$('#permlink2').attr('data-real-content', plink);
	});

	$('#permlink').popover({
		content: function() {
			// permlink
			var doc_referrer = getDocumentReferrer();
			var i = doc_referrer.indexOf('?');
			if ( i > 0 ) doc_referrer =  doc_referrer.slice(0,i)
			i = doc_referrer.indexOf('#');
			if ( i > 0 ) doc_referrer =  doc_referrer.slice(0,i)
			return doc_referrer + "?" + $(this).attr('data-real-content');
		}
	});

	// highlight ready for copying
	$('#permlink').on('shown.bs.popover', function () {
		$(this + ' .popover-content').selectText();
	});
	$('#permlink2').popover({
		content: function() {
			// permlink
			var doc_referrer = getDocumentReferrer();
			var i = doc_referrer.indexOf('?');
			if ( i > 0 ) doc_referrer =  doc_referrer.slice(0,i)
			i = doc_referrer.indexOf('#');
			if ( i > 0 ) doc_referrer =  doc_referrer.slice(0,i)
			return doc_referrer + "?" + $(this).attr('data-real-content');
		}
	});

	// highlight ready for copying
	$('#permlink2').on('shown.bs.popover', function () {
		$(this + ' .popover-content').selectText();
	});

	$('.about').click(function(){
		$('#aboutModal').modal('show');
	});
	$('.product-legend-panel').click(function(){
		$('#legendModal').modal('show');
	});

	/*
	$('img[usemap]').maphilight({
        'fillColor': 'FF7251',
        'fillOpacity': 0.4,
        'strokeColor': '00FF00',
        'strokeOpacity': 1,
        'strokeWidth': 2,
		'alwaysOn': true
	});
	*/
	//$('img[usemap]').maphilight();

	$('#tagmap').imageMapResize();
	
} (jQuery);

</script>
