//totalImagesStart//
var totalImages = 6
//totalImagesEnd//

var images = new Array(totalImages);
var layers = new Array(totalImages);


var imageIndex = 1;	
var imageGap = 125;			
var imageMin = 0;
var imageMax = 2;			

var baseLayer = new DynLayer('',0,0,195,210,'');
dynapi.document.addChild(baseLayer);
var bgLayer = new DynLayer('',10,10,175,200,'#cccccc');
baseLayer.addChild(bgLayer);
var bgLayer1 = new DynLayer('',10,10,155,180,'#ffffff');
bgLayer.addChild(bgLayer1);
var bgLayer2 = new DynLayer('',15,15,145,170,'#aaaaaa');
bgLayer.addChild(bgLayer2);	

var textLayer = new DynLayer('',20,110,150,100);
bgLayer.addChild(textLayer);

//sliderWidthStart//
var sliderLayer = new DynLayer('',-85,40,750,75,'#006699');
//sliderWidthEnd//
baseLayer.addChild(sliderLayer);
		
//imagesStart//
images[0] = 'images/events/baron/THUMB/34.jpg';	
var imageTestLayer0 = new DynLayer(makeLink(dynapi.functions.getImage(images[0]).getHTML(),19),imageGap*0,0);
imageTestLayer0.eventID  = 19;
imageTestLayer0.photoID = 1480;
imageTestLayer0.description = 'DJ Baron';
imageTestLayer0.date = '15/06/2005';

layers[0] = imageTestLayer0;
sliderLayer.addChild(layers[0] );

images[1] = 'images/events/craggz/THUMB/PICT0106.jpg';	
var imageTestLayer1 = new DynLayer(makeLink(dynapi.functions.getImage(images[1]).getHTML(),27),imageGap*1,0);
imageTestLayer1.eventID  = 27;
imageTestLayer1.photoID = 1863;
imageTestLayer1.description = 'Craggz & Parallel Forces | Utah Jazz';
imageTestLayer1.date = '15/02/2006';

layers[1] = imageTestLayer1;
sliderLayer.addChild(layers[1] );

images[2] = 'images/events/cyantific/THUMB/P4190026.jpg';	
var imageTestLayer2 = new DynLayer(makeLink(dynapi.functions.getImage(images[2]).getHTML(),29),imageGap*2,0);
imageTestLayer2.eventID  = 29;
imageTestLayer2.photoID = 1884;
imageTestLayer2.description = 'Cyantific - Ghetto Blast-off';
imageTestLayer2.date = '19/04/2006';

layers[2] = imageTestLayer2;
sliderLayer.addChild(layers[2] );

images[3] = 'images/events/logistics/THUMB/P7200423.jpg';	
var imageTestLayer3 = new DynLayer(makeLink(dynapi.functions.getImage(images[3]).getHTML(),52),imageGap*3,0);
imageTestLayer3.eventID  = 52;
imageTestLayer3.photoID = 1957;
imageTestLayer3.description = 'Logistics & Danny Byrd';
imageTestLayer3.date = '19/07/2006';

layers[3] = imageTestLayer3;
sliderLayer.addChild(layers[3] );

images[4] = 'images/events/breakage1/THUMB/alex 007.jpg';	
var imageTestLayer4 = new DynLayer(makeLink(dynapi.functions.getImage(images[4]).getHTML(),61),imageGap*4,0);
imageTestLayer4.eventID  = 61;
imageTestLayer4.photoID = 2116;
imageTestLayer4.description = 'Breakage & Kasra';
imageTestLayer4.date = '20/12/2006';

layers[4] = imageTestLayer4;
sliderLayer.addChild(layers[4] );

images[5] = 'images/events/breakage1/THUMB/PC200037.jpg';	
var imageTestLayer5 = new DynLayer(makeLink(dynapi.functions.getImage(images[5]).getHTML(),61),imageGap*5,0);
imageTestLayer5.eventID  = 61;
imageTestLayer5.photoID = 2140;
imageTestLayer5.description = 'Breakage & Kasra';
imageTestLayer5.date = '20/12/2006';

layers[5] = imageTestLayer5;
sliderLayer.addChild(layers[5] );
//imagesEnd//

sliderLayer.setClip([0,240, 300, imageGap]);		
		
var buttonHeight = 50;
var rightArrowImage = dynapi.functions.getImage('images/bg/arrowRight.gif');		
var rightButton = new Button(rightArrowImage.getHTML(),142,buttonHeight,25,25,'ButtonFlat');
rightButton.setLocalStyleAttribute('backColor','#bbbbbb');
rightButton.setLocalStyleAttribute('mOverBackColor','#999999');
rightButton.setLocalStyleAttribute('mDownBackColor','#888888');       
rightButton.setLocalStyleAttribute('borderColor','#777777');
bgLayer.addChild(rightButton);

var leftArrowImage = dynapi.functions.getImage('images/bg/arrowLeft.gif');		
var leftButton = new Button(leftArrowImage.getHTML(),7,buttonHeight,25,25,'ButtonFlat');
leftButton.setLocalStyleAttribute('backColor','#bbbbbb');
leftButton.setLocalStyleAttribute('mOverBackColor','#999999');
leftButton.setLocalStyleAttribute('mDownBackColor','#888888');       
leftButton.setLocalStyleAttribute('borderColor','#777777');
bgLayer.addChild(leftButton);

rightButton.onbuttonclick = function(e)
{
	rightImage();
	
};

leftButton.onbuttonclick = function(e)
{
	leftImage();
	
};	

function makeLink(html,eventID)
{	
	return '<a href=photo.aspx?eventID='+eventID+' target=_parent>'+html+'</a>';
}	
			
function textTemplate()
{
	
	return '<table cellspacing=0 cellpadding=0 id=textDiv><tr><td id=eventDiv>'+layers[imageIndex].description+'</td></tr><tr><td id=dateDiv>'+layers[imageIndex].date+'</td></tr><tr><td id=linkDiv><a href=photo.aspx?eventID='+layers[imageIndex].eventID+' target=_parent>view photos</a></td></tr></table>';
}			
			
function showText()
{
	//document.getElementById('eventDiv').innerHTML = layers[imageIndex].description;
	textLayer.setHTML(textTemplate());
}

function showFeedback()
{
	var feedback = document.getElementById('feedbackDiv');
	if (feedback!=null)
	{
	feedback.innerHTML = '';
	var i=0;
	for (i;i<totalImages;i++)
	{
		feedback.innerHTML += 'image'+i + ' x=' + layers[i].getX();
	}
	}
}
	
function rightImage()
{
	if (imageIndex >  0)
		imageIndex--;
	else imageIndex = totalImages-1;
	
	
	
	setImagePositions('right');	
	
	slideRight();
}

function leftImage()
{
	if (imageIndex < totalImages-1)
		imageIndex++;
	else imageIndex = 0;
	
	
	
	setImagePositions('left');
	
	slideLeft();
}


function setImagePositions(direction)
{
	if (direction == 'right')
	{		
		var imageToMove = 0;
		if (imageIndex == 0)
			imageToMove = totalImages-1;
		else
			imageToMove = imageIndex - 1;		
		
		layers[imageToMove].setX(-125);
		
	}
	else if (direction == 'left')
	{		
		var imageToMove = imageIndex - 2;
		
		if (imageToMove  < 0)
			imageToMove = totalImages + imageToMove;			
		
		layers[imageToMove].setX((totalImages-1)*imageGap);	
	}
	showText();
}

function slideRight()
{
	var i=0;
	for (i;i<totalImages;i++)
	{
		layers[i].slideTo(layers[i].getX()+imageGap);
	}	
}

function slideLeft()
{
	var i=0;
	for (i;i<totalImages;i++)
	{
		layers[i].slideTo(layers[i].getX()-imageGap);
	}	
}

function RandomStart()
{
	var randNo = Math.floor(Math.random()*totalImages);	
	if (randNo % 2 == 0)
		leftImage();
	else
		rightImage();
}
showText();