var SCREENS = 5;
var currScreenshot = 0;

var screenshotText=[
	'Quickly build UI sketches',
	'View your designs as sketches or in WindowsXP or Mac OS X themes',
	'Support for rich text and stylish annotations',
	'Realistic controls, data elements, and multimedia',
	'Zoom in for pixel-perfect control or out for the big picture'
]

window.onload=function(){
	ge('fpScreenshotThumb').onclick = function(){
		ge('fpScreenshotWrap').style.display = 'inline';
		ge('fpFullScreenshot').src = 'images/screenshots/' + currScreenshot + '_full.png'
		ge('fpScreenshotTitle').innerHTML = screenshotText[currScreenshot];
	}

	var prevButton = ge('fpCarouselPrev');
	var nextButton = ge('fpCarouselNext');
	
	prevButton.onclick = goPrevScreenshot;
	nextButton.onclick = goNextScreenshot;
	
	prevButton.onmouseover = function(e){
		if(!e){var e = event;}
		prevButton.src = 'images/prev_screenshot_over.png';
	}
	
	prevButton.onmouseout = function(e){
		if(!e){var e = event;}
		prevButton.src = 'images/prev_screenshot.png';
	}
	
	nextButton.onmouseover = function(e){
		if(!e){var e = event;}
		nextButton.src = 'images/next_screenshot_over.png';
	}
	
	nextButton.onmouseout = function(e){
		if(!e){var e = event;}
		nextButton.src = 'images/next_screenshot.png';
	}

	ge('fpScreenshotCloseButton').onclick = function(){
		ge('fpScreenshotWrap').style.display = 'none';
	}
	
	setInterval(goNextScreenshot, 8000);
}

var goNextScreenshot = function(){
	var index = (currScreenshot == SCREENS-1 ? 0 : currScreenshot + 1);
	currScreenshot = index;
	ge('fpScreenshotThumb').src = 'images/screenshots/' + index + '_thumb.png';
	ge('fpCarouselIndicator').src = 'images/screenshots/' + index + '_indicator.png';
}

var goPrevScreenshot = function(){
	var index = (currScreenshot == 0 ? SCREENS-1 : currScreenshot - 1);
	currScreenshot = index;
	ge('fpScreenshotThumb').src = 'images/screenshots/' + index + '_thumb.png';
	ge('fpCarouselIndicator').src = 'images/screenshots/' + index + '_indicator.png';
}