var landingPage = function(){
	var screenshots = ['home_small.png','screenshot_small_1.png','screenshot_small_2.png','screenshot_small_3.png','screenshot_small_4.png','screenshot_small_5.png', 'screenshot_small_6.png'];
	var screenshotIndex = 0;
	var screenshotInterval = 0;
	var screenshotIntervalTime = 5000;
	var screenshotFadeTime = 600;

	function init(){
		// login form
		//$('#forgotten-pass-link').click(showForgottenPasswordForm);
		//$('#register-link').click(showRegisterForm);

		// screenshots
		$('#screens').parent().click(onScreenShotClick);
		$('#screenshot-prev').click(onScreenPrevClick);
		$('#screenshot-next').click(onScreenNextClick);

		screenshotInterval = setTimeout(nextScreenshot, screenshotIntervalTime);
		site.checkLayout();
	}

	function showForgottenPasswordForm(e){
		e.preventDefault();
		if($('#loginForm').hasClass('hidden')){
			$('#loginForm').removeClass('hidden')
			$('#forgotPassForm').addClass('hidden');
		} else {
			$('#loginForm').addClass('hidden')
			$('#forgotPassForm').removeClass('hidden');
		}
	}

	function showRegisterForm(e){
		e.preventDefault();
		if($('#loginForm').hasClass('hidden')){
			$('#loginForm').removeClass('hidden')
			$('#registerForm').addClass('hidden');
		} else {
			$('#loginForm').addClass('hidden')
			$('#registerForm').removeClass('hidden');
		}
	}

	function nextScreenshot(){
		if(screenshotIndex < screenshots.length-2){
			screenshotIndex++;
		} else {
			screenshotIndex = 0;
		}

		$('#screens').fadeOut(screenshotFadeTime);
		$('#overlayScreens').fadeOut(screenshotFadeTime);

		setTimeout(goToScreen, screenshotFadeTime);
	}

	function prevScreenshot(){
		if(screenshotIndex > 0){
			screenshotIndex--;
		} else {
			screenshotIndex = screenshots.length-1;
		}

		$('#screens').fadeOut(screenshotFadeTime);
		$('#overlayScreens').fadeOut(screenshotFadeTime);
		setTimeout(goToScreen, screenshotFadeTime);
	}

	function goToScreen(){
		$('#screens').attr('src', '/img/facebook/screens/'+screenshots[screenshotIndex]);
		$('#screens').fadeIn(screenshotFadeTime);
		$('#overlayScreens').attr('src', String('/img/facebook/screens/'+screenshots[screenshotIndex]).replace(/_small/, '').replace(/png$/i, 'jpg'));
		$('#overlayScreens').fadeIn(screenshotFadeTime);

		clearInterval(screenshotInterval);
		screenshotInterval = setTimeout(nextScreenshot, screenshotIntervalTime);
	}

	function onScreenShotClick(e){
		e.preventDefault();
		var html = '<div id="screenShotContainer" style="background-color:#060101;padding:5px;"><img src="/img/facebook/screen-prev.png" style="vertical-align:middle;cursor:pointer;" id="overlay-prev"><img src="' + $('#screens').attr('src').replace(/_small/, '').replace(/png$/i, 'jpg') + '" style="vertical-align:middle;cursor:pointer;" id="overlayScreens"><img src="/img/facebook/screen-next.png" style="vertical-align:middle;cursor:pointer;" id="overlay-next">';
		site.showOverlay(html, 410, 490, '#060101');
		$('#overlay-prev').click(onScreenPrevClick);
		$('#overlay-next').click(onScreenNextClick);
		$('#overlayScreens').click(onScreenNextClick);
		$('#overlay').click(startScreenShotInterval);
		clearInterval(screenshotInterval);
	}

	function onScreenNextClick(e){
		e.stopImmediatePropagation();
		e.preventDefault();
		nextScreenshot();
	}

	function onScreenPrevClick(e){
		e.stopImmediatePropagation();
		e.preventDefault();
		prevScreenshot();

	}

	function startScreenShotInterval(){
		clearInterval(screenshotInterval);
		screenshotInterval = setTimeout(nextScreenshot, screenshotIntervalTime);
	}

	return {
		init: init
	}
}();

$(document).ready(landingPage.init);