var vStormThumbnail1 = "wximages/storm/images/06272007_1.jpg";
var vStormThumbnail2 = "wximages/storm/images/06272007_2.jpg";
var vStormThumbnail3 = "wximages/storm/images/06272007_3.jpg";
var vFloodThumbnail4 = "wximages/storm/images/blank_4.jpg";
var vFloodThumbnail5 = "wximages/storm/images/blank_5.jpg";
var vFloodThumbnail6 = "wximages/storm/images/blank_6.jpg";

//Always Change to the latest Gallery Number
var vGalleryNumber = '5'; 

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 = vStormThumbnail1;
		if(vGalleryNumber == '1')
			ChangeText_unknown_1();
		if(vGalleryNumber == '2')
			ChangeText_07082001_1();
		if(vGalleryNumber == '3')
			ChangeText_05272004_1();
		if(vGalleryNumber == '4')
			ChangeText_04032006_1();
		if(vGalleryNumber == '5')
			ChangeText_06272007_1();
		break;
	case '2':
		url = vStormThumbnail2;
		if(vGalleryNumber == '1')
			ChangeText_unknown_2();
		if(vGalleryNumber == '3')
			ChangeText_05272004_2();
		if(vGalleryNumber == '4')
			ChangeText_04032006_2();
		if(vGalleryNumber == '5')
			ChangeText_06272007_2();
		break;
	case '3':
		url = vStormThumbnail3;
		if(vGalleryNumber == '1')
			ChangeText_09062003_3();
		if(vGalleryNumber == '3')
			ChangeText_05272004_3();
		if(vGalleryNumber == '4')
			ChangeText_04032006_3();
		if(vGalleryNumber == '5')
			ChangeText_06272007_3();
		break;
	case '4':
		url = vStormThumbnail4;
		if(vGalleryNumber == '1')
			ChangeText_09062003_4();
		if(vGalleryNumber == '3')
			ChangeText_05272004_4();
		break;
	case '5':
		url = vStormThumbnail5;
	//	if(vGalleryNumber == '2')
	//		ChangeText_06092008_5();
		break;
	case '6':
		url = vStormThumbnail6;
		
	//	if(vGalleryNumber == '2')
	//		ChangeText_06092008_6();
		break;
	default:
		document.getElementById('storm').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;
	case '3':
		vGalleryNumber = '3';
		GotoGallery3();
		break;
	case '4':
		vGalleryNumber = '4';
		GotoGallery4();
		break;
	case '5':
		vGalleryNumber = '5';
		GotoGallery5();
		break;
	default:
		document.getElementById('Storm').innerHTML = 'Error';
	}
}

function GotoGallery1()
{
	//Change the thumbnails to match the right gallery	
	ReplaceThumbnails('thumb1', 'wximages/storm/images/unknown_1.jpg');
	ReplaceThumbnails('thumb2', 'wximages/storm/images/unknown_2.jpg');
	ReplaceThumbnails('thumb3', 'wximages/storm/images/unknown_3.jpg');
	ReplaceThumbnails('thumb4', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb5', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb6', 'wximages/storm/images/blank.png');
	
	//Load up the right images
	vStormThumbnail1 = "wximages/storm/images/unknown_1.jpg";
	vStormThumbnail2 = "wximages/storm/images/unknown_2.jpg";
	vStormThumbnail3 = "wximages/storm/images/unknown_3.jpg";
	vStormThumbnail4 = "wximages/storm/images/blank.png";
	vStormThumbnail5 = "wximages/storm/images/blank.png";
	vStormThumbnail6 = "wximages/storm/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/storm/images/07082001_1.jpg');
	ReplaceThumbnails('thumb2', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb3', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb4', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb5', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb6', 'wximages/storm/images/blank.png');
	
	//Load up the right images
	vStormThumbnail1 = "wximages/storm/images/07082001_1.jpg";
	vStormThumbnail2 = "wximages/storm/images/blank.png";
	vStormThumbnail3 = "wximages/storm/images/blank.png";
	vStormThumbnail4 = "wximages/storm/images/blank.png";
	vStormThumbnail5 = "wximages/storm/images/blank.png";
	vStormThumbnail6 = "wximages/storm/images/blank.png";
	
	//Fade to the first image of the Gallery
	fade('id1','id2', '1',1500);
}

function GotoGallery3()
{
	//Change the thumbnails to match the right gallery	
	ReplaceThumbnails('thumb1', 'wximages/storm/images/05272004_1.jpg');
	ReplaceThumbnails('thumb2', 'wximages/storm/images/05272004_2.jpg');
	ReplaceThumbnails('thumb3', 'wximages/storm/images/05272004_3.jpg');
	ReplaceThumbnails('thumb4', 'wximages/storm/images/05272004_4.jpg');
	ReplaceThumbnails('thumb5', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb6', 'wximages/storm/images/blank.png');
	
	//Load up the right images
	vStormThumbnail1 = "wximages/storm/images/05272004_1.jpg";
	vStormThumbnail2 = "wximages/storm/images/05272004_2.jpg";
	vStormThumbnail3 = "wximages/storm/images/05272004_3.jpg";
	vStormThumbnail4 = "wximages/storm/images/05272004_4.jpg";
	vStormThumbnail5 = "wximages/storm/images/blank.png";
	vStormThumbnail6 = "wximages/storm/images/blank.png";
	
	//Fade to the first image of the Gallery
	fade('id1','id2', '1',1500);
}

function GotoGallery4()
{
	//Change the thumbnails to match the right gallery	
	ReplaceThumbnails('thumb1', 'wximages/storm/images/04032006_1.jpg');
	ReplaceThumbnails('thumb2', 'wximages/storm/images/04032006_2.jpg');
	ReplaceThumbnails('thumb3', 'wximages/storm/images/04032006_3.jpg');
	ReplaceThumbnails('thumb4', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb5', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb6', 'wximages/storm/images/blank.png');
	
	//Load up the right images
	vStormThumbnail1 = "wximages/storm/images/04032006_1.jpg";
	vStormThumbnail2 = "wximages/storm/images/04032006_2.jpg";
	vStormThumbnail3 = "wximages/storm/images/04032006_3.jpg";
	vStormThumbnail4 = "wximages/storm/images/blank.png";
	vStormThumbnail5 = "wximages/storm/images/blank.png";
	vStormThumbnail6 = "wximages/storm/images/blank.png";
	
	//Fade to the first image of the Gallery
	fade('id1','id2', '1',1500);
}

function GotoGallery5()
{
	//Change the thumbnails to match the right gallery	
	ReplaceThumbnails('thumb1', 'wximages/storm/images/04032006_1.jpg');
	ReplaceThumbnails('thumb2', 'wximages/storm/images/04032006_2.jpg');
	ReplaceThumbnails('thumb3', 'wximages/storm/images/04032006_3.jpg');
	ReplaceThumbnails('thumb4', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb5', 'wximages/storm/images/blank.png');
	ReplaceThumbnails('thumb6', 'wximages/storm/images/blank.png');
	
	//Load up the right images
	vStormThumbnail1 = "wximages/storm/images/06272007_1.jpg";
	vStormThumbnail2 = "wximages/storm/images/06272007_2.jpg";
	vStormThumbnail3 = "wximages/storm/images/06272007_3.jpg";
	vStormThumbnail4 = "wximages/storm/images/blank.png";
	vStormThumbnail5 = "wximages/storm/images/blank.png";
	vStormThumbnail6 = "wximages/storm/images/blank.png";
	
	//Fade to the first image of the Gallery
	fade('id1','id2', '1',1500);
}
