var vFloodThumbnail1 = "wximages/flood/images/06092008_1.jpg";
var vFloodThumbnail2 = "wximages/flood/images/06092008_2.jpg";
var vFloodThumbnail3 = "wximages/flood/images/06092008_3.jpg";
var vFloodThumbnail4 = "wximages/flood/images/06092008_4.jpg";
var vFloodThumbnail5 = "wximages/flood/images/06092008_5.jpg";
var vFloodThumbnail6 = "wximages/flood/images/06092008_6.jpg";

//Always Change to the latest Gallery Number
var vGalleryNumber = '2'; 

function changeOpac(opacity, id)
{
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
}

function fade(id1, id2, image_number, millisec)
{
	var speed = Math.round(millisec / 100);
	var timer = 0;
	var url;
  
   switch(image_number)
	{
	case '1':
		url = vFloodThumbnail1;
		if(vGalleryNumber == '1')
			ChangeText_09062003_1();
		if(vGalleryNumber == '2')
			ChangeText_06092008_1();
		break;
	case '2':
		url = vFloodThumbnail2;
		if(vGalleryNumber == '1')
			ChangeText_09062003_2();
		if(vGalleryNumber == '2')
			ChangeText_06092008_2();
		break;
	case '3':
		url = vFloodThumbnail3;
		if(vGalleryNumber == '1')
			ChangeText_09062003_3();
		if(vGalleryNumber == '2')
			ChangeText_06092008_3();
		break;
	case '4':
		url = vFloodThumbnail4;
		if(vGalleryNumber == '1')
			ChangeText_09062003_4();
		if(vGalleryNumber == '2')
			ChangeText_06092008_4();
		break;
	case '5':
		url = vFloodThumbnail5;
		if(vGalleryNumber == '1')
			ChangeText_Blank();
		if(vGalleryNumber == '2')
			ChangeText_06092008_5();
		break;
	case '6':
		url = vFloodThumbnail6;
		if(vGalleryNumber == '1')
			ChangeText_Blank();
		if(vGalleryNumber == '2')
			ChangeText_06092008_6();
		break;
	default:
		document.getElementById('flood').innerHTML = 'ERROR';
	}

	document.getElementById(id1).style.backgroundImage = "url(" + document.getElementById(id2).src + ")";
    
   changeOpac(0, id2);
    
   document.getElementById(id2).src = url;
	
   for(i = 0; i <= 100; i++)
   {
   	setTimeout("changeOpac(" + i + ",'" + id2 + "')",(timer * speed));
      timer++;
   }
} 

function ReplaceThumbnails(image1,image2)
{
	document.getElementById(image1).src = image2;
}

function ChangeGallery(ID)
{
	switch(ID)
	{
	case '1':
		vGalleryNumber = '1';
		GotoGallery1();
		break;
	case '2':
		vGalleryNumber = '2';
		GotoGallery2();
		break;
	default:
		document.getElementById('flood').innerHTML = 'Error';
	}
}

function GotoGallery1()
{
	//Change the thumbnails to match the right gallery	
	ReplaceThumbnails('thumb1', 'wximages/flood/images/09062003_1.jpg');
	ReplaceThumbnails('thumb2', 'wximages/flood/images/09062003_2.jpg');
	ReplaceThumbnails('thumb3', 'wximages/flood/images/09062003_3.jpg');
	ReplaceThumbnails('thumb4', 'wximages/flood/images/09062003_4.jpg');
	ReplaceThumbnails('thumb5', 'wximages/flood/images/blank.png');
	ReplaceThumbnails('thumb6', 'wximages/flood/images/blank.png');
	
	//Load up the right images
	vFloodThumbnail1 = "wximages/flood/images/09062003_1.jpg";
	vFloodThumbnail2 = "wximages/flood/images/09062003_2.jpg";
	vFloodThumbnail3 = "wximages/flood/images/09062003_3.jpg";
	vFloodThumbnail4 = "wximages/flood/images/09062003_4.jpg";
	vFloodThumbnail5 = "wximages/flood/images/blank.png";
	vFloodThumbnail6 = "wximages/flood/images/blank.png";
	
	//Fade to the first image of the Gallery
	fade('id1','id2', '1',1500);
}

function GotoGallery2()
{
	//Change the thumbnails to match the right gallery	
	ReplaceThumbnails('thumb1', 'wximages/flood/images/06092008_1.jpg');
	ReplaceThumbnails('thumb2', 'wximages/flood/images/06092008_2.jpg');
	ReplaceThumbnails('thumb3', 'wximages/flood/images/06092008_3.jpg');
	ReplaceThumbnails('thumb4', 'wximages/flood/images/06092008_4.jpg');
	ReplaceThumbnails('thumb5', 'wximages/flood/images/06092008_5.jpg');
	ReplaceThumbnails('thumb6', 'wximages/flood/images/06092008_6.jpg');
	
	//Load up the right images
	vFloodThumbnail1 = "wximages/flood/images/06092008_1.jpg";
	vFloodThumbnail2 = "wximages/flood/images/06092008_2.jpg";
	vFloodThumbnail3 = "wximages/flood/images/06092008_3.jpg";
	vFloodThumbnail4 = "wximages/flood/images/06092008_4.jpg";
	vFloodThumbnail5 = "wximages/flood/images/06092008_5.jpg";
	vFloodThumbnail6 = "wximages/flood/images/06092008_6.jpg";
	
	//Fade to the first image of the Gallery
	fade('id1','id2', '1',1500);
}