[TITLE1]  Galerie
[TITLE2]  WebCam Archives
[KEYWORD]

Faites revivre les meilleurs moments de votre saison de ski...

[HEADER] >>>
<SCRIPT SRC="../js/slider.js"></SCRIPT>
<script language="JavaScript1.1">
var OnLoadFunction = '';
var imgs = new Array();        
var up=0;
var down=0;
var disp_img;
var ok2go=0;
<!-- begin hiding
// Preload Image With Update Bar Script
doPreload=1;
var lengthOfPreloadBar = 200 // Length of preload bar (in pixels)
var heightOfPreloadBar = 8 // Height of preload bar (in pixels)
// Put the URLs of images that you want to preload below (as many as you want)
var yourImages = new Array();
<?php
$choosed = isset($_POST['date']) ? $_POST['date'] : date("Ymd");
$offset  = isset($_POST['offset']) ? $_POST['offset'] : 5;
$start   = isset($_POST['from']) ? $_POST['from'] : 600;
$stop    = isset($_POST['to']) ? $_POST['to'] : 2000;
if ($start > $stop){
	$old = $start; $start = $stop; $stop = $old;
}
$dir = "../../webcam";
$daydir  = "$dir/$choosed";
$dayroot = "$dir/$choosed/$choosed";
// all days
$days = array();
if ($handle = opendir($dir)) {
	while (false !== ($d = readdir($handle))) {
	  if (false == preg_match("/^\d{8}/", $d)){ continue; }
	  $days[$d] =  substr($d, 6, 2) . "/" . substr($d, 4, 2) . "/" . substr($d, 0, 4);
	}
	closedir($handle);
}
$imagesCnt=0;
$images  = array();
if ($handle = opendir($daydir)) {
  while (false !== ($file = readdir($handle))) {
  if (filesize("$daydir/$file") < 500){ continue; }
  if (preg_match("/^\./", $file))  { continue; }
  $d = substr($file, 0, 8);
  $imgstr = substr($file, 8, 4);
  $imgid  = intval($imgstr);
  if (bcmod($imgid, $offset) != 0)        { continue; }
  if ($imgid < $start || $imgid > $stop)  { continue; }
  if ($imagesCnt == 0){ print "ok2go=1;\n"; }
  print "yourImages[$imagesCnt] = '$dayroot${imgstr}.jpg';\n"; 
  $imagesCnt++;
  $images[] = "imgs[$imgid] = '$imgstr';"; 
  }
  closedir($handle);
}
?>

// Do not modify anything beyond this point!
if (document.images) {
	var dots = new Array() 
	dots[0] = new Image(1,1)
	dots[0].src = "../php/black.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
	dots[1] = new Image(1,1)
	dots[1].src = "../php/blue.gif" // color of bar as preloading progresses (same note as above)
	var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
	var loaded = new Array(),i,covered,timerID
	var leftOverWidth = lengthOfPreloadBar%coverage
}
function stopPreload(){
	doPreload=0;
}
function loadImages() { 
for (i = 0; i < yourImages.length; i++) { 
	preImages[i] = new Image()
	preImages[i].src = yourImages[i]
}
for (i = 0; i < preImages.length; i++) { 
	loaded[i] = false
}
checkLoad()
}
function checkLoad() {
if (currCount == preImages.length) { 
	return
}
for (i = 0; i <= preImages.length; i++) {
	if (loaded[i] == false && preImages[i].complete) {
		loaded[i] = true
		eval("document.img" + currCount + ".src=dots[1].src")
		currCount++
	}
}
if (doPreload){
	timerID = setTimeout("checkLoad()",10) 
}
}
// end hiding -->
</script>
[/HEADER]



[raw] >>>
<center>
<font class=olicms> chargement de <?php echo $imagesCnt; ?> images... 

<script language="JavaScript1.1">
<!-- begin hiding
if (document.images) {
	var preloadBar = ''
	for (i = 0; i < yourImages.length-1; i++) {
		preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
	}
	preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
	document.write(preloadBar)
	loadImages()
}
// end hiding -->
// ----------------------------------------------------------------------------
// Slider
function get_image(which){
if (ok2go){
  var tick = (stop-start)*which.getValue(2) + start;
  img_cur = tick - (tick % offset);
  up = down = img_cur;
  while (! (imgs[up] || imgs[down])){
    up+=offset;
    down-=offset;
  }
  if (imgs[up]){
    disp_img = imgs[up];
  }
  else{
    disp_img = imgs[down];
  }
  document.getElementById('dynloadarea').innerHTML = "<img border=0 src='<?php echo $dayroot ?>" + disp_img + ".jpg'>";
  document.getElementById('wtime').innerHTML = " Prise à " + disp_img.substr(0,2) + ":" + disp_img.substr(2,2);
}
}
var wslide = new Slider( "Slider3" );
wslide.onchange = "get_image(this);";
wslide.maxSlide = 475;
wslide.buttonWidth = 25;
wslide.buttonHeight = 24;
wslide.buttonImg = "../img/site/sliderball.gif";
wslide.buttonHiliteImg = "../img/site/sliderballover.gif";

<!-- WEBCAM script -->
OnLoadFunction += 'wslide.placeSlider();';
<?php
print "
var offset=$offset;
var start=$start;
var stop=$stop;
";
foreach ($images as $k => $v){
	print "$v\n";
}
?>

</script>
</center>

<!-- WEBCAM FRAME -->
<div align=center>
<form name="webcam" method=post>
<table border=0>
<tr valign=top><td align=center>
<?php
// <date> SELECT
print "<select class=olicms name='date'>\n";
foreach ($days as $k => $v){
  print "<option value='$k'" . ($choosed == $k ? 'selected' : '') ."> $v </option>\n";
}
print "</select>\n";
// <from> SELECT
print "<font class=olicms> de : </font><select class=olicms name='from'>\n";
for($i=1; $i<23; $i++){
	$k = sprintf("%d",$i*100);
  print "<option value='$k'" . ($start == $k ? 'selected' : '') ."> " . sprintf("%d:00", $i) . " </option>\n";
}
print "</select>\n";
// <to> SELECT
print "<font class=olicms> à : </font><select class=olicms name='to'>\n";
for($i=1; $i<23; $i++){
	$k = sprintf("%d",$i*100);
  print "<option value='$k'" . ($stop == $k ? 'selected' : '') ."> " . sprintf("%d:00", $i) . " </option>\n";
}
print "</select>\n";
// <offset> SELECT
print "<font class=olicms> chaque : </font><select class=olicms name='offset'>\n";
$a = array(1,5,10,15,20,30,60);
foreach ($a as $i){
  print "<option value='$i'" . ($offset == $i ? 'selected' : '') ."> " . sprintf("%d", $i) . " </option>\n";
}
print "</select> <font class=olicms> minutes <a class=l href='#' onclick=\"document.forms['webcam'].submit();\">Voir</a></font>\n";
?>

</td></tr>

<tr valign=center><td align=center>
  <div align="center" id="dynloadarea" style="width:330; height:245px; border: thin groove; z-index:1"></div>
</td></tr>

<tr valign=center><td align=center>
<img src="../img/site/slider.gif" name="Slider3RailImg" id="Slider3RailImg">
<SCRIPT>
wslide.writeSlider();
</SCRIPT>
</td></tr>
<tr valign=top><td>
<font id="wtime" align=center class=olicms></font>
</td></tr>
</table>
</div>

</form>
[/raw]