// new version of bgr rotate 2.0
// uses jquery dom/event/animation management

// create object
var rotate = 
{
	// vars
	newImage: null,
	imageArray: new Array(),
	arrayLength: null,
	nextElem: null,
	randomNum: 0,

	setImage: function(id)
	{
		// get random number
		var rand = Math.floor(Math.random() * rotate.imageTotal);
		while(rand == rotate.randomNum)
		{
			rand = Math.floor(Math.random() * rotate.imageTotal);
		}
		rotate.randomNum = rand;

		// load image
		rotate.newImage = new Image();
		rotate.newImage.src = 'contentImages/'+rotate.imageArray[rotate.randomNum];		

		// animate
		if(rotate.newImage.complete)
		{
			// fade new image in		
			$('#'+id).css('background', '#ffffff url('+rotate.newImage.src+') right top no-repeat');
			$('#homeImage2').animate({ opacity: 'toggle'}, 'slow');

			// deteremine next image to load
			rotate.nextElem = (id == 'homeImage2') ? 'homeImage1' : 'homeImage2';

			// change image again
			setTimeout("rotate.setImage('"+rotate.nextElem+"')", 2000);
		}
		else
		{
			rotate.newImage.onload = function()
			{
				// fade new image in
				$('#'+id).css('background', '#ffffff url('+rotate.newImage.src+') right top no-repeat');
				$('#homeImage2').animate({ opacity: 'toggle'}, 'slow');

				// deteremine next image to load
				rotate.nextElem = (id == 'homeImage2') ? 'homeImage1' : 'homeImage2';

				// change image again
				setTimeout("rotate.setImage('"+rotate.nextElem+"')", 2000);
			}
		}
	},

	init: function()
	{
		// setup image array
		rotate.imageArray[0] = 'approach.jpg';
		rotate.imageArray[1] = 'employment.jpg';
		rotate.imageArray[2] = 'expertise.jpg';
		rotate.imageArray[3] = 'history.jpg';
		rotate.imageArray[4] = 'index.jpg';
		rotate.imageArray[5] = 'portfolio.jpg';
		rotate.imageArray[6] = 'profile.jpg';
		rotate.imageArray[7] = 'services.jpg';
		rotate.imageArray[8] = 'contentBack01.jpg';
		rotate.imageArray[9] = 'contentBack02.jpg';
		rotate.imageArray[10] = 'contentBack03.jpg';

		rotate.imageTotal = rotate.imageArray.length;

		// set top image
		$('#homeImage2').css('display','none');
		
		setTimeout("rotate.setImage('homeImage2')",2000);
	}	
}

// load js when dom is loaded
$(document).ready( function(){ rotate.init() });