<?php
$title = "SealCTD";
ini_set('include_path', './' . PATH_SEPARATOR . '../' . PATH_SEPARATOR . ini_get('include_path'));
if ( !isset( $_COOKIE['about'])) {
	$show_about_dialog = true;
	//setcookie('about','1');
}
else $show_about_dialog = false;

include_once("include/header.php");
include_once("include/normpath.php");



function is_fli_file( $file )
{
	if ( substr($file,-4) === '.fli' ) return true;
	return false;
}

function is_gif_file( $file )
{
	if ( substr($file,-4) === '.gif' ) return true;
	return false;
}

function is_txt_file( $file )
{
	if ( substr($file,-4) === '.txt' ) return true;
	return false;
}

function get_latest( $directory ) {
	$files = scandir( $directory );
	$files = array_filter( $files, 'is_gif_file' );
	if (count($files) <= 0) return null;
	$sfiles = sort($files);
	return $directory.'/'.$files[count($files)-1];
}

function get_latest_movie( $directory ) {
	$files = scandir( $directory );
	$files = array_filter( $files, 'is_fli_file' );
	if (count($files) <= 0) return null;
	$sfiles = sort($files);
	return $directory.'/'.$files[count($files)-1];
}

function get_latest_with_data( $trackdir, $tagdir ) {
	$files = scandir( $tagdir );
	$files = array_filter( $files, 'is_txt_file' );
	if (count($files) <= 0) return null;
	$sfiles = sort($files);
	// Pull off the last name and extract the date
	$lastfile = $files[count($files)-1];
	$ldt = substr($lastfile,-12,-4);
	$xfile = $trackdir.'/'.$ldt.'.gif';
	if ( !file_exists( $xfile )) return get_latest( $trackdir );
	return $xfile;
}

function get_latest_year( $directory ) {
	$files = scandir( $directory );
	$files = array_filter( $files, 'is_gif_file' );
	if (count($files) <= 0) return null;
	$sfiles = sort($files);
	return substr( $files[count($files)-1], 2, 4 );
}

?>


<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/imageMapResizer.min.js"></script>

<div class="row">
	<div class="col-md-2">


		<h3 class="highlightedHeader">Tracks & Timeseries</h3>
		<div class="panel-group" id="accordian" role="tablist" aria-multiselectable="true">
			<div class="panel panel-default">
				<div class="panel-heading" role="tab" data-toggle="collapse"  data-parent="#accordian" data-target="#PolarContent" >
					<h4 class="panel-title">
						<a class="external" href="#" aria-expanded="true" aria-controls="PolarContent"> Antarctica </a>
					</h4>
				</div>
				<div id="PolarContent" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="Polar">
					<div class="panel-body">
						<a class="tracks" href="#" data-file="<?php echo get_latest_with_data( 'AATAMS/POLAR/tracks', 'AATAMS/POLAR/tag_html');?>" title="Tracks"><img src="AATAMS/POLAR/tracks/20220101.gif" width="100%" class="img-thumbnail img-responsive"></a>
						<a class="timeseries" href="#" data-dir="AATAMS/POLAR/timeseries" data-year="<?php echo get_latest_year( 'AATAMS/POLAR/timeseries');?>" title="Timeseries"><img src="AATAMS/POLAR/timeseries/T_2016_p0.gif" width="100%" class="img-thumbnail img-responsive"></a>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading" role="tab"  data-toggle="collapse" data-parent="#accordian" data-target="#GABContent">
					<h4 class="panel-title">
						<a class="external" href="#" aria-expanded="false" aria-controls="GABContent"> GAB </a>
					</h4>
				</div>
				<div id="GABContent" class="panel-collapse collapse" role="tabpanel" aria-labelledby="GAB">
					<div class="panel-body">
						<a class="tracks" href="#" data-file="<?php echo get_latest_with_data( 'AATAMS/GAB/tracks', 'AATAMS/GAB/tag_html');?>" title="Tracks"><img data-src="misc/Tux.png" src="AATAMS/GAB/tracks/20160101.gif" width="100%" class="img-thumbnail img-responsive"></a>
						<a class="timeseries" href="#" data-dir="AATAMS/GAB/timeseries" data-year="<?php echo get_latest_year( 'AATAMS/GAB/timeseries');?>" title="Timeseries"><img data-src="misc/Tux.png" src="AATAMS/GAB/timeseries/T_2015_2016_p0.gif" width="100%" class="img-thumbnail img-responsive"></a>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading" role="tab"  data-toggle="collapse" data-parent="#accordian" data-target="#NSWContent">
					<h4 class="panel-title">
						<a class="external" href="#" aria-expanded="false" aria-controls="NSWContent"> NSW </a>
					</h4>
				</div>
				<div id="NSWContent" class="panel-collapse collapse" role="tabpanel" aria-labelledby="NSW">
					<div class="panel-body">
						<a class="tracks" href="#" data-file="<?php echo get_latest_with_data( 'AATAMS/NSW/tracks', 'AATAMS/NSW/tag_html');?>" title="Tracks"><img data-src="misc/Tux.png" src="AATAMS/NSW/tracks/20140101.gif" width="100%" class="img-thumbnail img-responsive"></a>
						<a class="timeseries" href="#" data-dir="AATAMS/NSW/timeseries" data-year="<?php echo get_latest_year( 'AATAMS/NSW/timeseries');?>" title="Timeseries"><img data-src="misc/Tux.png" src="AATAMS/NSW/timeseries/T_2014_p0.gif" width="100%" class="img-thumbnail img-responsive"></a>
					</div>
				</div>
			</div>

		</div>
	</div>
	<div class="col-md-10">
		<div id="proxiedPagesContainer">
			<!--
			<img class="img-responsive" src="news/20161207/SealCTD_graphic.png">
			-->
			<h4>Select a region</h4>
			<h4>Click on timeseries or map</h4>
			<p><a href="news.php#20161207" class="btn btn-primary " type="button">About SealCTDs</a></p>
			<p><a href="https://portal.aodn.org.au/search?uuid=b2548767-514f-4a31-b65e-36bb894382d5" class="btn btn-primary " type="button">SealCTDs on the AODN portal</a></p>
		
		</div>
	</div>
</div>

<?php if ( $show_about_dialog ): ?>
        <div class="modal fade" id="aboutModal" role="dialog">
                <div class="modal-dialog">
                        <div class="modal-content">
                                <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title">About</h4>
                                </div>
                                <div class="modal-body">
									<h2>The muppets live</h2>
                                </div>
                                <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                </div>
                        </div>
                </div>
        </div>
<?php endif ?>


<script src="js/moceancolour.js"></script>
<!--<script src="js/bootstrap.js"></script>-->
<script>

$(document).ready( function() {
$('.tracks').each( function() {
	var dfile = $(this).attr("data-file");
	var dt = dfile.slice(-12,-4);
	var aregion = dfile.split('/');
	var region = aregion[aregion.length-3];
	$(this).click( function() {
		var url = "views/aatamsSpatial.php";
		var data = {'date': dt, 'region': region };
		if (dfile.length < 1 ) {
			$('#proxiedPagesContainer').html('<h4>Coming soon...</h4>');
			return;
		}
		$.ajax({
			url: url,
			data: data,
			success: function( res, status ) {
				if ( status == "success" ) {
					$('#proxiedPagesContainer').html(res);
				}
			}
		});
	});
});

$('.movie').each( function() {
	var dfile = $(this).attr("data-file");
	$(this).click( function() {
		var url = "views/aatamsAnimations.php";
		var data = {'link': dfile};
		if (dfile.length < 1 ) {
			$('#proxiedPagesContainer').html('<h4>Coming soon...</h4>');
			return;
		}
		$.ajax({
			url: url,
			data: data,
			success: function( res, status ) {
				if ( status == "success" ) {
					$('#proxiedPagesContainer').html(res);
				}
			}
		});
	});
});

$('.timeseries').on( "click", function() {
	var ddir = $(this).attr("data-dir");
	var dyear = $(this).attr("data-year");
	var url = "views/aatamsTimeseries.php";
	var data = {'year': dyear, 'dir': ddir, 'mode': "T"};
	if (ddir.length < 1 ) {
		$('#proxiedPagesContainer').html('<h4>Coming soon...</h4>');
		return;
	}
	$.ajax({
		url: url,
		data: data,
		success: function( res ) {
			$('#proxiedPagesContainer').html(res);
		}
	});
});

});

<?php
	if ( isset( $_REQUEST['type'] )) {
		$type = $_REQUEST['type'];
		$script = normalise_path( 'views/'.$type.'.php' );
		if (!file_exists( $script )) die('link error');
?>
		var url = "<?php echo $script?>";
		var data = {
<?php
			$start = true;
			foreach( $_GET as $key=>$val ) {
				if ( $key === 'type' ) continue;
				if ( $start ) {
					echo "'$key':'$val'";
					$start = false;
				}
				else {
					echo ",'$key':'$val'";
				}
			}
?>
		};

		$.ajax({
			url: url,
			data: data,
			success: function( res, status ) {
				if ( status == "success" ) {
					$('#proxiedPagesContainer').html(res);
				}
			}
		});
<?php
	}
?>


<?php if ($show_about_dialog): ?>
/*
+function($) { 
	$('#aboutModal').modal();
}(jQuery);
*/
<?php endif ?>


</script>

<?php
include("include/sfooter.php");
?>
