var x_ctr = 1;
	var y_ctr = 1;
	var z_ctr = 1;
	
	var MAX_X = 5;
	var MAX_Y = 12;
	var MAX_Z = 7;
	
	var imgName = "imgx";
	
	function newImage(arg)
	{
		if (document.images)
		{
			rslt = new Image();
			rslt.src = arg;
			return rslt;
		}
	}

	function preloadImages()
	{
		if (document.images)
		{
			dir_01 = newImage("images/NavBar-Cleaning-and-Organization-HOME-Roll.jpg");
			dir_02 = newImage("images/NavBar-Cleaning-and-Organization-Gift-Certificates-Roll.jpg");
			dir_03 = newImage("images/NavBar-Cleaning-and-Organization-Gift-Certificates-LINKS-Roll.jpg");
		}
	}
	
	function init()
	{
		preloadImages();
		Effect.toggle('imgx1', 'appear');
		Effect.toggle('imgx2', 'appear');
		Effect.toggle('imgx3', 'appear');
		Effect.toggle('imgx4', 'appear');
		Effect.toggle('imgx5', 'appear');
		
		Effect.toggle('imgy1', 'appear');
		Effect.toggle('imgy2', 'appear');
		Effect.toggle('imgy3', 'appear');
		Effect.toggle('imgy4', 'appear');
		Effect.toggle('imgy5', 'appear');
		Effect.toggle('imgy6', 'appear');
		Effect.toggle('imgy7', 'appear');
		Effect.toggle('imgy8', 'appear');
		Effect.toggle('imgy9', 'appear');
		Effect.toggle('imgy10', 'appear');
		Effect.toggle('imgy11', 'appear');
		Effect.toggle('imgy12', 'appear');
		Effect.toggle('imgy13', 'appear');
		Effect.toggle('imgy14', 'appear');
		
		Effect.toggle('imgz1', 'appear');
		Effect.toggle('imgz2', 'appear');
		Effect.toggle('imgz3', 'appear');
		Effect.toggle('imgz4', 'appear');
		Effect.toggle('imgz5', 'appear');
		Effect.toggle('imgz6', 'appear');
		Effect.toggle('imgz7', 'appear');
		
		document.getElementById("imgx").style.background = "#ffffff";
		document.getElementById("imgy").style.background = "#ffffff";
		document.getElementById("imgz").style.background = "#ffffff";
		
		var func_01	= "start_cycler();";
		var startup = setTimeout(func_01, 2000);
	}
	
	function start_cycler()
	{
		var func_1 = "cycle_images();"
		var cycler = setInterval(func_1, 2000);
	}
	
	function cycle_images()
	{
		switch(imgName)
		{
			case 'imgx':
				if (x_ctr == 0) { prevIndex = MAX_X; } else { prevIndex = x_ctr-1; }
				document.getElementById(imgName+prevIndex).style.zIndex = 1;
				Effect.toggle(imgName+prevIndex, 'appear');
				Effect.toggle(imgName+x_ctr, 'appear');
				document.getElementById(imgName+x_ctr).style.zIndex = 100;
				if (x_ctr == MAX_X)
				{
					x_ctr = 0;
				}
				else
				{
					x_ctr++;	
				}
				imgName = 'imgy';
				break;
				
			case 'imgy':
				if (y_ctr == 0) { prevIndex = MAX_Y; } else { prevIndex = y_ctr-1; }
				document.getElementById(imgName+prevIndex).style.zIndex = 1;
				Effect.toggle(imgName+prevIndex, 'appear');
				Effect.toggle(imgName+y_ctr, 'appear');
				document.getElementById(imgName+y_ctr).style.zIndex = 100;
				if (y_ctr == MAX_Y)
				{
					y_ctr = 0;
				}
				else
				{
					y_ctr++;	
				}
				imgName = 'imgz';
				break;
				
			case 'imgz':
				if (z_ctr == 0) { prevIndex = MAX_Z; } else { prevIndex = z_ctr-1; }
				document.getElementById(imgName+prevIndex).style.zIndex = 1;
				Effect.toggle(imgName+prevIndex, 'appear');
				Effect.toggle(imgName+z_ctr, 'appear');
				document.getElementById(imgName+z_ctr).style.zIndex = 100;
				if (z_ctr == MAX_Z)
				{
					z_ctr = 0;
				}
				else
				{
					z_ctr++;	
				}
				imgName = 'imgx';
				break;
				
			default:
				if (x_ctr == 0) { prevIndex = MAX_X; } else { prevIndex = x_ctr-1; }
				document.getElementById(imgName+prevIndex).style.zIndex = 1;
				Effect.toggle(imgName+prevIndex, 'appear');
				Effect.toggle(imgName+x_ctr, 'appear');
				document.getElementById(imgName+x_ctr).style.zIndex = 100;
				if (x_ctr == MAX_X)
				{
					x_ctr = 0;
				}
				else
				{
					x_ctr++;	
				}
				imgName = 'imgy';
				break;
		} // END SWITCH
	}
	window.onload=init;