var idx=0;
var missionIdx=0;
var visionIdx=0;

// starting index
var crntSlide;
var nextSlide;
var stepLength;
var crntPane = "mission";
var missionStepLength;
var visionStepLength;
var inTransition = false;

$(document).ready(function() {
	
	// hide all apart from the first to begin with
	$('#mission p:not(:eq('+idx+'))').hide();
	
	// hide vision
	$('#vision p:not(:eq('+idx+'))').hide();
	
	//stepLength = $('#mission').find('p').size();
	
	missionStepLength = $('#mission').find('p').size();
	visionStepLength = $('#vision').find('p').size();
	
	// handle next link	
	$('#mission > .nextStep').click(function() {
		if(missionIdx < (missionStepLength-1) && !inTransition) {
			pIdx = (missionIdx+1);
			handleTransition(pIdx);
		}
		return false;
	});
	
	$('#vision > .nextStep').click(function() {
		if(visionIdx < (visionStepLength-1) && !inTransition) {
			pIdx = (visionIdx+1);
			handleTransition(pIdx);
		}
		return false;
	});
	
	// handle prev link
	$('#mission > .prevStep').click(function() {
		if(missionIdx > 0 && !inTransition) {
			pIdx = (missionIdx-1);
			handleTransition(pIdx);
		}
		return false;
	});
	
	$('#vision > .prevStep').click(function() {
		if(visionIdx > 0 && !inTransition) {
			pIdx = (visionIdx-1);
			handleTransition(pIdx);
		}
		return false;
	});
	
	
	/* mission tab handling */
	
	var tabMission = $('#tabMission');
	var tabVision = $('#tabVision');
	
	tabMission.click(function() {
		
		crntPane = "mission";
		
		$(this).addClass('navOn');
		tabVision.removeClass('navOn');
		
		$('#mission').show();
		$('#vision').hide();
		return false;
	});
	
	tabVision.click(function() {
		
		crntPane = "vision";
		
		$(this).addClass('navOn');
		tabMission.removeClass('navOn');
		
		$('#mission').hide();
		$('#vision').show();
		return false;
	});
	
	$('#header > ul > li > a').click(function() {
		var anchor = $(this).attr('id');
		
		//$(this).addClass('navOn');
		var nIdx = $('#header > ul > li > a').index(this);
		//$('#header > ul > li > a:not(:eq('+nIdx+'))').removeClass('navOn');
		
		$(document).scrollTo('#'+anchor+'Div', 700, {offset: {top:-240} });
		return false;
	});
	
	// home click... send to top
	$('#header > h1 > a').click(function() {
		$(document).scrollTo('#latestWorkDiv', 700, {offset: {top:-240} });
		return false;
	});
	
	
	// pretty photo stuff
	$("a[rel^='prettyPhoto']").prettyPhoto({
		animationSpeed: 'normal', /* fast/slow/normal */
		padding: 40, /* padding for each side of the picture */
		opacity: 0.9, /* Value betwee 0 and 1 */
		showTitle: false, /* true/false */
		allowresize: false, /* true/false */
		counter_separator_label: ' of ', /* The separator for the gallery counter 1 "of" 2 */
		theme: 'dark_square', /* light_rounded / dark_rounded / light_square / dark_square */
		callback: function(){}
	});
	

});

function handleTransition(pIdx)
{
	
	var selector = (crntPane == 'mission') ? '#mission' : '#vision';
	idx = (crntPane == 'mission') ? missionIdx : visionIdx;
	stepLength = (crntPane == 'mission') ? missionStepLength : visionStepLength;
	
	//crntSlide = $('#mission p:eq('+idx+')');
	crntSlide = $(selector+' p:eq('+idx+')');
	
	// hide current slide
	inTransition = true;
	crntSlide.fadeOut(300, handleFadeIn);
	
	// set new slide index
	//nextSlide = $('#mission p:eq('+pIdx+')');
	nextSlide = $(selector+' p:eq('+pIdx+')');
	
	
	if(crntPane == 'mission') {
		missionIdx = pIdx;
		idx = missionIdx;
	} else {
		visionIdx = pIdx;
		idx = visionIdx;
	}
	
	// toggle button states
	if (idx == (stepLength-1)) {
		//$('#mission > .nextStep').css({'background-position' : '-23px 0px'});
		$(selector +' > .nextStep').css({'background-position' : '-23px 0px'});
	} else {
		$(selector +' > .nextStep').css({'background-position' : '-23px -23px'});
	}
	
	// toggle button states
	if (idx == 0) {
		$(selector +' > .prevStep').css({'background-position' : '0px 0px'});
	} else {
		$(selector +' > .prevStep').css({'background-position' : '0px -23px'});
	}
	
	return false;
}

function handleFadeIn()
{
	nextSlide.fadeIn(300, finishedTransition);
	crntSlide = nextSlide;
}

function finishedTransition() {
	inTransition = false;
}