var htmlElement = document.getElementById( "randImages" )

// Total number of image sets.
imageArray	=	new Array(6)

// Image set 1.
imageArray[0]	=	new Array(5)
imageArray[0][0]	=	'1_01.jpg'
imageArray[0][1]	=	'1_02.jpg'
imageArray[0][2]	=	'1_03.jpg'
imageArray[0][3]	=	'1_04.jpg'
imageArray[0][4]	=	'1_05.jpg'
imageArray[0][5]	=	'1_06.jpg'

// Image set 2.
imageArray[1]	=	new Array(5)
imageArray[1][0]	=	'2_01.jpg'
imageArray[1][1]	=	'2_02.jpg'
imageArray[1][2]	=	'2_03.jpg'
imageArray[1][3]	=	'2_04.jpg'
imageArray[1][4]	=	'2_05.jpg'
imageArray[1][5]	=	'2_06.jpg'

// Image set 3.
imageArray[2]	=	new Array(5)
imageArray[2][0]	=	'3_01.jpg'
imageArray[2][1]	=	'3_02.jpg'
imageArray[2][2]	=	'3_03.jpg'
imageArray[2][3]	=	'3_04.jpg'
imageArray[2][4]	=	'3_05.jpg'
imageArray[2][5]	=	'3_06.jpg'

// Image set 4.
imageArray[3]	=	new Array(5)
imageArray[3][0]	=	'4_01.jpg'
imageArray[3][1]	=	'4_02.jpg'
imageArray[3][2]	=	'4_03.jpg'
imageArray[3][3]	=	'4_04.jpg'
imageArray[3][4]	=	'4_05.jpg'
imageArray[3][5]	=	'4_06.jpg'

// Image set 5.
imageArray[4]	=	new Array(5)
imageArray[4][0]	=	'5_01.jpg'
imageArray[4][1]	=	'5_02.jpg'
imageArray[4][2]	=	'5_03.jpg'
imageArray[4][3]	=	'5_04.jpg'
imageArray[4][4]	=	'5_05.jpg'
imageArray[4][5]	=	'5_06.jpg'

// Image set 6.
imageArray[5]	=	new Array(5)
imageArray[5][0]	=	'6_01.jpg'
imageArray[5][1]	=	'6_02.jpg'
imageArray[5][2]	=	'6_03.jpg'
imageArray[5][3]	=	'6_04.jpg'
imageArray[5][4]	=	'6_05.jpg'
imageArray[5][5]	=	'6_06.jpg'

/*
 * Handle onload event for unobtrusive Javascript.
 */
function addHandlers()
{
	// Preload images stuff.
	if (document.images)
	{
		preload_image_object = new Image();
		var parentSize = imageArray.length-1;
		for ( var a=0; a<parentSize; a++ )
		{
			var childSize = imageArray[a].length;
			for( var b=0; b<childSize; b++ )
			{
				preload_image_object.src = imageArray[a][b];
			}
		}

	}
  
	// Call randomImage once.
	randomImage()

	// Call function for setInterval on random Images.
	randomImages();
}

//
// Shitty handling differences in IE compared to standards complant browsers.
//
if ( window.attachEvent )
{
	window.attachEvent( 'onload', addHandlers );
}
else
{
	window.addEventListener('load', addHandlers, false);
}

//
// Return item from image array.
//
function randomImage( )
{
	var randInt = Math.round( (imageArray.length - 1) * Math.random() )

	htmlElement.innerHTML = "<img src='Images/" + imageArray[randInt][0] + "' /><img src='Images/" + imageArray[randInt][1] + "' /><img src='Images/" + imageArray[randInt][2] + "' /><img src='Images/" + imageArray[randInt][3] + "' /><img src='Images/" + imageArray[randInt][4] + "' /><img src='Images/" + imageArray[randInt][5] + "' />"
}

//
// Creates the random images inside the specified div every x seconds.
//
function randomImages()
{
	setInterval( "randomImage()", 20000 )
}