
// The global variables used
		var gen_galleryWidth = new Array();
		var gen_galleryVisibleWidth = new Array();
		var gen_screenshotWidth = new Array();
		var gen_galleryXPosMin = new Array();
		var gen_galleryXPosMax = new Array();
		var gen_galleryObject = new Array(); 
		var gen_sliderSpeed = new Array();
		var gen_initialized = new Array();
		var gen_initializerInterval = new Array();		
		var gen_page=new Array();
		var gen_displayLoadingMessage = true;
		var slidewidth=600;
		
		var positionArray=new Array();
		positionArray[1]=0 * slidewidth;
		positionArray[2]=1 * slidewidth;
		positionArray[3]=2 * slidewidth;
		positionArray[4]=3 * slidewidth;
		positionArray[5]=4 * slidewidth;
		
		

function gen_initializeSlideShow(id) 
{	
	
	if (gen_galleryObject[id] != undefined){
		return;
	}
	
	if (navigator.appName == 'Microsoft Internet Explorer' && isIE6 == true)
	{
		slidewidth = 610;
	}
	
	positionArray[1]=0 * slidewidth;
	positionArray[2]=1 * slidewidth;
	positionArray[3]=2 * slidewidth;
	positionArray[4]=3 * slidewidth;
	positionArray[5]=4 * slidewidth;
	
	//set variables used by slider
	gen_galleryObject[id] = document.getElementById('theThumbnails'+id);
	//galleryXPosMax = document.getElementById('arrow_left').offsetLeft + document.getElementById('arrow_left').offsetWidth+5;
	gen_galleryXPosMax[id] = gen_galleryObject[id].offsetLeft;
	//galleryXPosMax = 35;
	var arrowWidth = document.getElementById('arrow_right'+id).offsetWidth + 3;
	
	gen_galleryVisibleWidth[id] = Math.floor(document.getElementById('galleryContainer'+id).offsetWidth - arrowWidth*2);
	
	if ((gen_galleryObject[id]).getElementsByTagName('IMG').length == 0)
	{
		//document.getElementById('galleryContainer'+id).style.display = 'none';
	}
	else
	{
		gen_screenshotWidth[id] = gen_galleryObject[id].getElementsByTagName('IMG')[0].offsetWidth;
		
		
		
		gen_galleryWidth[id] = gen_galleryObject[id].offsetWidth;
		gen_galleryXPosMin[id] = gen_galleryXPosMax[id] - gen_galleryWidth[id];
				
		
		//hide arrows if needed
		//hide left arrow
		//if (page == 1){
		//	document.getElementById('arrow_left'+id).style.visibility = 'hidden';
		//}

		//hide right arrow if not enough screenshots to go off the page
		if (gen_galleryWidth[id] <= (120 * 5))
		{
			document.getElementById('arrow_right'+id).style.visibility = 'hidden';	
		}
	}
	gen_page[id]=1;
	//set flag
	gen_initialized[id] = true;
}

function gen_changeOverLeftArrow()
{
	document.body.style.cursor = 'pointer';
}

function gen_changeNormalLeftArrow()
{
	document.body.style.cursor = 'default';
}

function gen_changeOverRightArrow()
{
	document.body.style.cursor = 'pointer';
}

function gen_changeNormalRightArrow()
{
	document.body.style.cursor = 'default';
}

function gen_shiftLeft(id)
{
	gen_checkInitialized(id);
	
	if (gen_page[id] == 5){return;}
	
	gen_page[id]++;
	//make sure slider is initialized
	
	var newLeftLocation = positionArray[gen_page[id]];
	new Tween(gen_galleryObject[id].style,'left',Tween.regularEaseOut,gen_galleryObject[id].offsetLeft,-1*newLeftLocation,1,'px').start();
	if (gen_page[id] > 1)
	{
		document.getElementById('arrow_left_img'+id).src = 'img/webstore/gen_slider_left.png';

	}else{
		document.getElementById('arrow_left_img'+id).src = 'img/webstore/gen_slider_left_grey.png';
	}
	
	if(gen_page[id] == 5){
		 document.getElementById('arrow_right_img'+id).src = 'img/webstore/gen_slider_right_grey.png';
	}else{
		document.getElementById('arrow_right_img'+id).src = 'img/webstore/gen_slider_right.png';
	}
	
	document.getElementById('pageinator'+id).innerHTML = ''+((gen_page[id]-1)*5 + 1)+' - '+((gen_page[id]-1)*5 + 5)+' of 25';
}

function gen_shiftRight(id) 
{
	gen_checkInitialized(id);
	
	if (gen_page[id] == 1){return;}
	//make sure slider is initialized
	gen_page[id]--;
	
	
	//make sure slider is initialized
	
	var newLeftLocation = positionArray[gen_page[id]];
		

	//now gallery looks like it did before this step.  slide new images into view
	new Tween(gen_galleryObject[id].style,'left',Tween.regularEaseOut,gen_galleryObject[id].offsetLeft,-1*newLeftLocation,1,'px').start();
	
	
	if (gen_page[id] > 1)
	{
		document.getElementById('arrow_left_img'+id).src = 'img/webstore/gen_slider_left.png';

	}else{
		document.getElementById('arrow_left_img'+id).src = 'img/webstore/gen_slider_left_grey.png';
	}
	
	if(gen_page[id] == 5){
		 document.getElementById('arrow_right_img'+id).src = 'img/webstore/gen_slider_right_grey.png';
	}else{
		document.getElementById('arrow_right_img'+id).src = 'img/webstore/gen_slider_right.png';
	}
	
	document.getElementById('pageinator'+id).innerHTML = ''+((gen_page[id]-1)*5 + 1)+' - '+((gen_page[id]-1)*5 + 5)+' of 25';
}

function gen_checkInitialized(id)
{

	if (typeof(gen_page[id])== "undefined"){
		gen_page[id]=1;
	}
	
		
	if (typeof(gen_initialized[id])== "undefined" || gen_initialized[id]==false)
	{
		gen_initializeSlideShow(id);
	}
	
}

//initializerInterval = setInterval(checkInitialized, 200);