/*Thi is the Script file to obtain the image wipeout effect on the home page*/

//timer variable for the first cover effect
var coverTimer1;
var cov=0;
//timer variable for the second cover effect
var coverTimer2;

//width of the cover that changes continuously
var coverWidth;

//timer variable for the backward rolling cover effect
var backwardcoverTimer;

//image counter to select sequntial images
var imageCounter = 0;

//This is the scroll timer variable. Set a time in seconds to get the wipout effect for the images
var scrollTime=4;

//array of images that will be displayed on the scroller
var locationArray=["/graphics/flipper/edinburgh_b.jpg","/graphics/flipper/newcastle_a.jpg","/graphics/flipper/edinburgh_a.jpg","/graphics/flipper/london_a.jpg","/graphics/flipper/london_b.jpg","/graphics/flipper/angel.jpg","/graphics/flipper/tyne.jpg","/graphics/flipper/stone.jpg","/graphics/flipper/liverpool_a.jpg","/graphics/flipper/europe_a.jpg","/graphics/flipper/edinburgh_c.jpg"];
var exampleInteriorArray=["graphics/example_interiors/a.jpg","graphics/example_interiors/b.jpg","graphics/example_interiors/c.jpg","graphics/example_interiors/d.jpg","graphics/example_interiors/e.jpg"];

//image type
var typeofImage;
	

//function that starts to scroll the images and selects a random image from the array to display
function scrollImage(type)
{
	typeofImage=type;
	if(typeofImage=="location")
	{
		var imageArray=locationArray;
		//use this code to generate a randon number
		imageCounter=Math.floor(Math.random()* (imageArray.length))
	}
	else if(typeofImage=="example_interior")
	{
		var imageArray=exampleInteriorArray;
		//use this code for scrolling the imgaes sequentially
		if(imageCounter == (imageArray.length-1))
			imageCounter=0;
		else
			imageCounter++;
	}
		
	cov++;
	var scrollHolder=document.getElementById("scroller");
	
	scrollHolder.src=imageArray[imageCounter];

	
	if(cov==1)
		hideImage();
}

function showImage()
{
	var coverHolder=document.getElementById("cover");
	
	if(navigator.appName=="Microsoft Internet Explorer")
	{
		if(parseFloat(coverHolder.filters.alpha.opacity)!=0)
		{
			if(parseFloat(coverHolder.filters.alpha.opacity)==10)
				scrollImage(typeofImage);
			coverHolder.filters.alpha.opacity = parseFloat(coverHolder.filters.alpha.opacity) - 10;
			coverTimer2=setTimeout("showImage()",50);
		}
		else
		{
			var s=setTimeout("hideImage()",200);
		}
	}
	else
	{
		if(parseFloat(coverHolder.style.opacity)!=0)
		{
			if(parseFloat(coverHolder.style.opacity)==0.1)
				scrollImage(typeofImage);
			coverHolder.style.opacity = parseFloat(coverHolder.style.opacity) - 0.1;
			coverTimer2=setTimeout("showImage()",50);
		}
		else
		{
			var s=setTimeout("hideImage()",200);
		}
	}
}

function hideImage()
{
	var coverHolder=document.getElementById("cover");

	if(navigator.appName=="Microsoft Internet Explorer")
	{
		if(parseFloat(coverHolder.filters.alpha.opacity)!=100)
		{
			coverHolder.filters.alpha.opacity = parseFloat(coverHolder.filters.alpha.opacity) + 10;
			coverTimer2=setTimeout("hideImage()",100);
		}
		else
		{
			setTimeout("showImage()",2500);
		}
	}
	else
	{
		if(parseFloat(coverHolder.style.opacity)!=1)
		{
			coverHolder.style.opacity = parseFloat(coverHolder.style.opacity) + 0.1;
			coverTimer2=setTimeout("hideImage()",100);
		}
		else
		{
			setTimeout("showImage()",2500);
		}
	}
}