// JavaScript Document
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

var popUpWin=0;

function popUpWindow(URLStr, left, top, width, height)

{

  if(popUpWin)

  {

    if(!popUpWin.closed) popUpWin.close();

  }

  popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');

}

var initImage = 1; //1 based
var currentImage = initImage; 
var imageBaseSrc = 'images/portfolio/Portfolio_';
var imageExt = '.jpg';
var NB_IMAGES = 14;
var imageName = 'portfolio_content';
var descriptionName = 'portfolio_desc';

var imageDescription = ['',
'Banque Laurentienne du Canada<br/>Envoi postal promotionnel Boni REER', 
'Banque Laurentienne du Canada<br/>Affiche pour guichet automatique lors de l\'Omnium de tennis au Stade Uniprix',
'Sanexen services environnementaux<br/>Logo, illustrations et brochure du logiciel Terrasys',
'Banque Laurentienne du Canada<br/>Pièces annonce financement du prêt marchand',
'Écoles de conduite Tecnic<br/>Affiche et carte promotionnelle pour site web',
'Boxxo<br/>Brochure pour logiciels de billeterie',
'Roctest<br/>Rapport annuel 2005',
'Banque Laurentienne du Canada<br/>Dépliant programme de primes Passeport VISA Or',
'Sekoia assurances<br/>Dépliants corporatifs',
'Écoles de conduite Tecnic<br/>Affiches et feuillets concours « Roule avec Tecnic » 2005',
'Les promotions Jonathan<br/>Logo et papeterie',
'Association Québécoise de l’Hygiène, la Santé et la Sécurité au Travail<br/>Visuel entoutant le 26e congrès de l’AQHSST',
'Escargot mode enfantine<br/>Logo, sac et étiquette',
'Banque Laurentienne du Canada<br/>Brochure de candidature aux Octas 2005'
];

function Next()
{
	if(++currentImage > NB_IMAGES)	
	{
		currentImage = initImage;	
	}
	
	switchImage(imageName, imageBaseSrc+currentImage+imageExt);
	updateDescription(descriptionName, imageDescription[currentImage]);
}

function Previous()
{
	if(--currentImage < initImage)
	{
		currentImage = NB_IMAGES;	
	}
	switchImage(imageName, imageBaseSrc+currentImage+imageExt);
	updateDescription(descriptionName, imageDescription[currentImage]);
}

function switchImage(imgName, imgSrc) 
{
  if (document.images)
  {
    if (imgSrc != "none")
    {
      document.images[imgName].src = imgSrc;
    }
  }
}

function updateDescription(descName, descHTML)
{
	document.getElementById(descName).innerHTML = descHTML;
}

// BODY Example:

// <body onLoad="mySlideShow1.play(); mySlideShow2.play();">

// <img src="originalImage1.gif" name="slide1">

// <img src="originalImage2.gif" name="slide2">

//

// SCRIPT Example:

// var mySlideList1 = ['image1.gif', 'image2.gif', 'image3.gif'];

// var mySlideShow1 = new SlideShow(mySlideList1, 'slide1', 3000, "mySlideShow1");

// var mySlideList2 = ['image4.gif', 'image5.gif', 'image6.gif'];

// var mySlideShow2 = new SlideShow(mySlideList2, 'slide2', 1000, "mySlideShow2");

function SlideShow(slideList, image, speed, name)          

{

  this.slideList = slideList;

  this.image = image;

  this.speed = speed;

  this.name = name;

  this.current = 0;

  this.timer = 0;

}

SlideShow.prototype.play = SlideShow_play;  

function SlideShow_play()       

{

  with(this)

  {

    if(current++ == slideList.length-1) current = 0;

    switchImage(image, slideList[current]);

    clearTimeout(timer);

    timer = setTimeout(name+'.play()', speed);

  }

}




