/* Enlarge the image. */

function larger() {

   // Set image.
   var image = new Image();
   image.src = 'images/project' + iIndex + '.jpg';
   document.getElementById('imagex').src = image.src; //'bureau.jpg'; //'project' + iIndex + '.jpg';

   // Set label.
   oLabel.innerHTML = aImages[iIndex];

   // Enlarge image.
   $("#imagex").animate({ 
      width: 279,
      height: 186
   }, 1500, 'swing');

   // Add to counter.
   iIndex = iIndex + 1;
   //var iLength = aImages.length;
   //alert(iLength);
   if (iIndex >= (aImages.length)) {iIndex = 0;}

   // Call the smaller function every 10 seconds.
   window.setTimeout(smaller, 4000);

}


/* Make the image smaller. */

function smaller() {

   // Make image smaller again.
   $("#imagex").animate({
      width: 0,
      height: 186
   }, 1500, 'swing', finishedSmaller);

}

function finishedSmaller() {

   // Change label.
   //$("#imgLabel").innerHTML = '';

   // Call larger.
   larger();

}

// Count the current array index.
var iIndex = 0;

// Array with project images.
var aImages = new Array();
aImages[0] = 'Woningen De Ceder Roosendaal';
aImages[1] = 'Woningen Mollenburg Gorinchem';
aImages[2] = 'Sociaal Cultureel Centrum Alblasserdam';
aImages[3] = 'Kantoorgebouw Isah Tilburg';
aImages[4] = 'Autobedrijf Bluekens Roosendaal';
aImages[5] = 'Woonzorgcomplex Pijnacker';
aImages[6] = 'Appartementen Elisabethpark Etten-Leur';
aImages[7] = 'Appartementen Nw Hadriani Voorburg';

/*document.getElementById('imgLabel2').contentWindow.document.body.innerHTML = "";*/
var oLabel = null;
jQuery(document).ready(function() {
	oLabel = document.getElementById('imgLabel');
	larger();
});