// http://brainerror.net/scripts/javascript/blendtrans/

var slideShowSpeed = 5000;
var CurrentPic;
var Loader;
var SmoothResize;
var DivID;
var PictureID;
var LegendeID;
var ScaleXFactor;
var ScaleYFactor;

function StartSlideShow(DIV_ID,IMG_ID,LEGENDE_ID,Mode)
 {
 CurrentPic   = 0;
 DivID        = DIV_ID;
 PictureID    = IMG_ID;
 LegendeID    = LEGENDE_ID;
 SmoothResize = Mode;

 document.getElementById(PictureID).style.display = "none";
 changeOpac(0, PictureID);

 Loader     = new Image();
 Loader.src = Pic[CurrentPic][0];

 setTimeout("CheckLoadingStatus(0)", 200);
 }

function CheckLoadingStatus(Mode)
 {
 if ( Loader.complete == true )
  {
   //document.getElementById(LegendeID).style.backgroundImage = "url('Ressources/JS-1/Graphix/Puce.gif')";
   //document.getElementById(LegendeID).style.backgroundPosition = "2px 4px";

   if ( Mode == 0 )
    {
     document.getElementById(PictureID).src = Pic[CurrentPic][0];
     document.getElementById(PictureID).style.display = "inLine";
     document.getElementById(LegendeID).innerHTML = Pic[CurrentPic][1];
     document.getElementById(LegendeID).style.display = "inLine";


     //document.getElementById(PictureID).width    = Loader.width;
     //document.getElementById(PictureID).height   = Loader.height;

     currentOpac(PictureID, 100, 300);
    }
   else
    {
     currentOpac(PictureID, 0, 300);
    }
  }
 else
  setTimeout("CheckLoadingStatus("+Mode+")", 200);
 }

function NextPic()
 {
 CurrentPic = CurrentPic + 1;
 if ( CurrentPic >= Pic.length )
  CurrentPic = 0;

 Loader     = new Image();
 Loader.src = Pic[CurrentPic][0];

 //document.getElementById(LegendeID).style.backgroundImage = "url('Ressources/JS-1/Graphix/Load.gif')";
 //document.getElementById(LegendeID).style.backgroundPosition = "0px 0px";

 setTimeout("CheckLoadingStatus(1)", 200);
 }

function ShowNext() {
 /*
 if ( document.getElementById(PictureID).width != Loader.width && SmoothResize == 1 ) {
   StretchImage();
   return(0);
 }
 else if ( document.getElementById(PictureID).width != Loader.width && SmoothResize == 0 ) {
   document.getElementById(PictureID).width    = Loader.width;
   document.getElementById(PictureID).height   = Loader.height;
 }
 */
 document.getElementById(PictureID).src = Pic[CurrentPic][0];
 document.getElementById(LegendeID).innerHTML = Pic[CurrentPic][1];

 currentOpac(PictureID, 100, 300);
 }

function StretchImage()
 {
 ScaleXFactor = (document.getElementById(PictureID).width - Loader.width) / 10;
 ScaleYFactor = (document.getElementById(PictureID).height - Loader.height) / 10;
 setTimeout("ResizeFactor()",20);
 }

function ResizeFactor()
 {
 if ( document.getElementById(PictureID).width == Loader.width )
  {
   ShowNext();
   return(0);
  }

 Width  = document.getElementById(PictureID).width - ScaleXFactor;
 Height = document.getElementById(PictureID).height - ScaleYFactor;
 document.getElementById(PictureID).width    = Width;
 document.getElementById(PictureID).height   = Height;
 setTimeout("ResizeFactor()",20);
 }

function opacity(id, opacStart, opacEnd, millisec)
 {
 var speed = Math.round(millisec / 100);
 var timer = 0;

 if(opacStart > opacEnd)
  {
   for(i = opacStart; i >= opacEnd; i--)
    {
     setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
     timer++;
    }
   setTimeout("ShowNext()",(timer * speed));
  }
 else if(opacStart < opacEnd)
  {
   for(i = opacStart; i <= opacEnd; i++)
    {
     setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
     timer++;
    }
   setTimeout("NextPic()",slideShowSpeed);
  }
 }

function changeOpac(opacity, id)
 {
 var object = document.getElementById(id).style;
 object.opacity = (opacity / 100);
 object.MozOpacity = (opacity / 100);
 object.KhtmlOpacity = (opacity / 100);
 object.filter = "alpha(opacity=" + opacity + ")";

 var object = document.getElementById(LegendeID).style;
 object.opacity = (opacity / 100);
 object.MozOpacity = (opacity / 100);
 object.KhtmlOpacity = (opacity / 100);
 object.filter = "alpha(opacity=" + opacity + ")";
 }

function currentOpac(id, opacEnd, millisec)
 {
 var currentOpac = 100;

 if(document.getElementById(id).style.opacity < 100)
  currentOpac = document.getElementById(id).style.opacity * 100;

 opacity(id, currentOpac, opacEnd, millisec)
 }

function toggle(obj, toggler) {
	var el = document.getElementById(obj);
	var tg = document.getElementById(toggler);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
		tg.innerHTML = '<a title="Déplier" href="javascript:void(0);" onclick="toggle(\''+obj+'\', \''+toggler+'\');"><img border="0" src="http://www.tahitiheritage.pf/theme/test/picto-panel_header_expand.jpg" alt="Déplier" /></a>';
	}
	else {
		el.style.display = '';
		tg.innerHTML = '<a title="Replier" href="javascript:void(0);" onclick="toggle(\''+obj+'\', \''+toggler+'\');"><img border="0"  src="http://www.tahitiheritage.pf/theme/test/picto-panel_header_collapse.jpg" alt="Replier" /></a>';
	}
}

function showSendPage(TitrePage, UrlPage){
	var content = '';
	var el = document.getElementById('sendpage');
	el.style.display = '';
	content += '<h2>Envoyer cette page à un ami</h2>';
	content += '<form id=\'formulaire_sendpage\' action=\'template.php\' method=\'post\' >';
	content += '<fieldset><legend>&nbsp;Complétez le formulaire ci-dessous&nbsp;</legend>';
	content += '<div style=\'width:200px;float:left\'><label for=\'FromName\'>Votre nom :</label></div><div><input name=\'FromName\' type=\'text\' value=\'\' size=\'30\' /></div>';
	content += '<div style=\'width:200px;float:left\'><label for=\'FromAddress\'>Votre adresse email :</label></div><div><input name=\'FromAddress\' type=\'text\' value=\'\' size=\'30\' /></div>';
	content += '<div style=\'width:200px;float:left\'><label for=\'RecipientAddress\'>Emails du(des) destinataire(s) (séparés par une virgule) :</label></div><div><input name=\'RecipientAddress\' type=\'text\' value=\'\' size=\'30\' /></div>';
	content += '<div style=\'width:200px;float:left\'><label for=\'Comments\'>Commentaires :</label></div><br /><div><textarea name=\'ComPage\' value=\'\' size=\'30\' style=\'width:200px;float:left\' /></textarea></div><br />';
	content += '<input type=\'hidden\' name=\'page\' value=\'sendpage.php\' />';
	content += '<input type=\'hidden\' name=\'UrlPage\' value=\'' + UrlPage + '\' />';
	content += '<input type=\'hidden\' name=\'TitrePage\' value=\'' + TitrePage + '\' />';
	content += '<input type=\'hidden\' name=\'post_sendpage\' value=\'1\' />';
	content += '<div><input type=\'button\' value=\'Envoyer\' onClick=\'submit();\'></div>';
	content += '</fieldset>';
	content += '</form>';
	el.innerHTML = content;
}