var span = document.getElementById("span");
var spanImg = document.getElementById("spanImg");
var main = document.getElementById("main");
var mainIn = document.getElementById("mainIn");
var mail = document.getElementById("mail");
var background = document.getElementById("background");



var toggles = new Array (10);
for (var i=0; i<10; i++) toggles[i]=false;


function swSpan (src) {spanImg.src = src;}


function centerElements ()
{
   //  width   -->  50  150  [20 620 20]
   //  height  -->  600

   var w = document.body.offsetWidth;
   var h = document.body.offsetHeight;

   // resize the divs if window is too small
   spanImg.style.height = min(600, h-20) + "px";
   mainIn.style.height  = min(600, h-20) + "px";
   mainIn.style.width   = min(620, w-250) + "px";
   mainIn.style.paddingLeft  = "20px";
   mainIn.style.paddingRight = "20px";

   // center the divs
   var h_span = span.offsetHeight;
   var w_main = mainIn.offsetWidth;

   span.style.top  = Math.floor(1+(h-h_span)/2) + "px";
   span.style.left = Math.floor((w-150-w_main)/2) + "px";
   main.style.top  = Math.floor(1+(h-h_span)/2) + "px";
   main.style.left = Math.floor((w-150-w_main)/2 + 150) + "px";

   // make them visible
   span.style.visibility="visible";
   main.style.visibility="visible";
}



function toggleView (id,bg)
{
   var small = 120;
   var big = min(600, main.offsetWidth-40);
   var padding = 0;
   var img = document.getElementById(id);

   if (img.width>small+20)   // close viewer    // (+20 to accept possible padding)
   {
      img.width=small;
      background.src="pics/"+bg+".jpg";
      switchOpacity("spanImg",100);
      document.body.style.color = "#DDEEFF";
   }
   else                    // open viewer
   {
      img.width=big-padding;
      background.src="pics/black.jpg";
      switchOpacity("spanImg",10);
      document.body.style.color = "#111111";
   }

   mainIn.scrollTop = max (0, img.offsetTop - Math.floor ((main.offsetHeight-img.height)/2));
}



function toggleVisio (n, file, pic, bg)
{

   var player = document.getElementById("player"+n);
   var icon_w = 100;
   var w = min(600, main.offsetWidth-40);
   var h = Math.floor (3*w/4);
   var str = "";
   var storeColorFr = "#FFFFFF";

   if (toggles[n])  // close viewer
   {
      toggles[n]=false;
      str += "<A HREF=\"javascript:toggleVisio("+n+", '"+file+"', '"+pic+"', '"+bg+"');\">";
      str += "<IMG SRC='picviews/"+pic+".jpg' ALT='' WIDTH="+icon_w+" BORDER=0 /></A>";
      background.src="pics/"+bg+".jpg";
      switchOpacity("spanImg",100);
      player.innerHTML = str;
      mainIn.scrollTop = max (0, player.offsetTop - Math.floor ((main.offsetHeight-50)/2));
      document.body.style.color = "#DDEEFF";
      var nbp = document.getElementsByTagName("p").length;
      for (var i=0; i<nbp; i++)
	  if (document.getElementsByTagName("p")[i].className=="fr")
	     document.getElementsByTagName("p")[i].style.color = storeColorFr;
   }

   else            // open viewer
   {
      toggles[n]=true;

      str += "<BR><BR>\n"
      str += "<A HREF=\"javascript:toggleVisio("+n+", '"+file+"', '"+pic+"', '"+bg+"');\">CLOSE</A><BR>";
      str += "<OBJECT CLASSID='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'";
      str += "        CODEBASE='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0'";
      str += "        WIDTH='"+w+"' HEIGHT='"+h+"' ID='flvplayer' ALIGN='top'>\n";
      str += "<PARAM NAME=allowFlashAutoInstall VALUE=true>\n";
      str += "<PARAM NAME='allowScriptAccess' value='sameDomain'>\n";
      str += "<PARAM NAME='allowfullscreen' value='true' />\n";
      str += "<PARAM NAME='movie' value='media/flvplayer.swf?file="+file+".flv' />\n";
      str += "<PARAM NAME='loop' value='false' />\n";
      str += "<PARAM NAME='menu' value='true' />\n";
      str += "<PARAM NAME='bgcolor' value='#000000' />\n";
      str += "<PARAM NAME='quality' value='high'>\n";
      str += "<PARAM NAME='flashvars' value='&displayheight="+h+"&file=WORLD&height="+h+"&width="+w+"&autostart=true' />\n";
      str += "<EMBED SRC='media/flvplayer.swf?file="+file+".flv'";
      str += "loop='false' menu='false' quality='high' bgcolor='#ffffff' width='"+w+"' height='"+h+"' name='flvplayer' ";
      str += "flashvars='&displayheight="+h+"&file=media/"+file+".flv&height="+h+"&width="+w+"&autostart=true' ";
      str += "allowScriptAccess='sameDomain' allowfullscreen='true'  type='application/x-shockwave-flash' ";
      str += "pluginspage='http://www.macromedia.com/go/getflashplayer' align='top' />\n";
      str += "</OBJECT>\n";
      str += "<BR><BR>\n"

      background.src="pics/black.jpg";
      switchOpacity("spanImg",10);
      player.innerHTML = str;
      mainIn.scrollTop = max (0, player.offsetTop);
      document.body.style.color = "#111111";
      var nbp = document.getElementsByTagName("p").length;
      for (var i=0; i<nbp; i++)
	  if (document.getElementsByTagName("p")[i].className=="fr")
	  {
	     storeColorFr = document.getElementsByTagName("p")[i].style.color;
	     document.getElementsByTagName("p")[i].style.color = "#111111";
	  }
   }

}


function toggleLinkVisio (n, file, title, bg)
{

   var player = document.getElementById("player"+n);
   var w = min(600, main.offsetWidth-60);
   var h = Math.floor (3*w/4);
   var str = "";
   var storeColorFr = "#FFFFFF";

   if (toggles[n])  // close viewer
   {
      toggles[n]=false;
      str += "<A HREF=\"javascript:toggleLinkVisio("+n+", '"+file+"', '"+title+"', '"+bg+"');\">";
      str += title + "</A>";
      background.src="pics/"+bg+".jpg";
      switchOpacity("spanImg",100);
      player.innerHTML = str;
      mainIn.scrollTop = max (0, player.offsetTop - Math.floor ((main.offsetHeight-50)/2));
      document.body.style.color = "#DDEEFF";
      var nbp = document.getElementsByTagName("p").length;
      for (var i=0; i<nbp; i++)
	  if (document.getElementsByTagName("p")[i].className=="fr")
	     document.getElementsByTagName("p")[i].style.color = storeColorFr;
   }

   else            // open viewer
   {
      toggles[n]=true;

      str += "<BR><BR>\n"
      str += "<A HREF=\"javascript:toggleLinkVisio("+n+", '"+file+"', '"+title+"', '"+bg+"');\">CLOSE</A><BR>";

      str += "<OBJECT CLASSID='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'";
      str += "        CODEBASE='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0'";
      str += "        WIDTH='"+w+"' HEIGHT='"+h+"' ID='flvplayer' ALIGN='top'>\n";
      str += "<PARAM NAME=allowFlashAutoInstall VALUE=true>\n";
      str += "<PARAM NAME='allowScriptAccess' value='sameDomain'>\n";
      str += "<PARAM NAME='allowfullscreen' value='true' />\n";
      str += "<PARAM NAME='movie' value='media/flvplayer.swf?file="+file+".flv' />\n";
      str += "<PARAM NAME='loop' value='false' />\n";
      str += "<PARAM NAME='menu' value='true' />\n";
      str += "<PARAM NAME='bgcolor' value='#000000' />\n";
      str += "<PARAM NAME='quality' value='high'>\n";
      str += "<PARAM NAME='flashvars' value='&displayheight="+h+"&file=WORLD&height="+h+"&width="+w+"&autostart=true' />\n";
      str += "<EMBED SRC='media/flvplayer.swf?file="+file+".flv'";
      str += "loop='false' menu='false' quality='high' bgcolor='#ffffff' width='"+w+"' height='"+h+"' name='flvplayer' ";
      str += "flashvars='&displayheight="+h+"&file="+file+".flv&height="+h+"&width="+w+"&autostart=true' ";
      str += "allowScriptAccess='sameDomain' allowfullscreen='true'  type='application/x-shockwave-flash' ";
      str += "pluginspage='http://www.macromedia.com/go/getflashplayer' align='top' />\n";
      str += "</OBJECT>\n";
      str += "<BR><BR>\n"

      background.src="pics/black.jpg";
      switchOpacity("spanImg",10);
      player.innerHTML = str;
      mainIn.scrollTop = max (0, player.offsetTop);
      document.body.style.color = "#111111";
      var nbp = document.getElementsByTagName("p").length;
      for (var i=0; i<nbp; i++)
	  if (document.getElementsByTagName("p")[i].className=="fr")
	  {
	     storeColorFr = document.getElementsByTagName("p")[i].style.color;
	     document.getElementsByTagName("p")[i].style.color = "#111111";
	  }
   }

}


function antiSpam (id)
{
   var a1 = "olivier";
   var a2 = "perriquet.net";
   var str = "<P CLASS='blue'>CONTACT <A HREF='mai" + "lto:" + a1 + "@" + a2 + "' CLASS='z'>" + a1 + "@" + a2 + "</A></P>";
   document.getElementById(id).innerHTML = str;
}




window.onload = centerElements;
window.onresize = centerElements;