/*
1. NAV LINK HIGHLIGHTS
2. PRELOAD IMAGES
3. STARTING IMAGE AND TEXT
4. PHOTO NAVIGATING
*/

$(document).ready(function(){
	var ImageFocus = 0;
	var PreLoadImages = new Array;

/* * * * * * * * * * * * * * * */
/* 1. NAV LINK HIGHLIGHTS      */
/* * * * * * * * * * * * * * * */
	MainNavLinkON--;//(Indexed from 0)
	$("#TopNavLinks a:eq("+MainNavLinkON+")").addClass("NavsON");
	if ($('#CVNavigation').length){//Check 'About' nav exists
		AboutNavLinkON--;//(Indexed from 0)
		$("#CVNavigation a:eq("+AboutNavLinkON+")").addClass("NavsON");
	}

/* * * * * * * * * * * * */
/* 2. PRELOAD IMAGES     */
/* * * * * * * * * * * * */
	for (i=0; i<ImagesArray.length; i++){
		PreLoadImages[i] = new Image;
		PreLoadImages[i].src = "/" + ImagesPath + ImagesArray[i];
	}

/* * * * * * * * * * * * * * * */
/* 3. STARTING IMAGE AND TEXT  */
/* * * * * * * * * * * * * * * */
	$("img.Lightbox").hide();
	$("img.Lightbox").attr({
		src: "/" + ImagesPath + ImagesArray[0]	
	});
	$CheckLoaded = PreLoadImages[0];
	$($CheckLoaded).load(function(){
		PositionVertically();
		$('img.Lightbox').fadeIn("slow");
	});
	//starting text
	document.getElementById('PhotoText').innerHTML = TextsArray[ImageFocus];

/* * * * * * * * * * * * */
/* 4. PHOTO NAVIGATING   */
/* * * * * * * * * * * * */
	// NAVIGATING IMAGES
	$(".NextImage").click(function () {
		$THEIMAGE = $("img.Lightbox");
		$THEIMAGE.fadeOut("slow", function(){
				// Loop?
				if(ImageFocus == ImagesArray.length-1){
					ImageFocus = 0;
				} else{
					ImageFocus++;
				}
				ChangeImageSrc(); PositionVertically(); FadeInImage(); ChangeText();
			}
		);
	});
	$(".PrevImage").click(function () {
		$THEIMAGE = $("img.Lightbox");
		$THEIMAGE.fadeOut("slow", function(){
				// Loop?
				if(ImageFocus == 0){
					ImageFocus = ImagesArray.length-1;
				} else{
					ImageFocus--;
				}
				ChangeImageSrc(); PositionVertically(); FadeInImage(); ChangeText();
			}
		);
	});
	function ChangeImageSrc(){
		$("img.Lightbox").attr({
			src: "/" + ImagesPath + ImagesArray[ImageFocus],
		});
	}
	function PositionVertically(){
		//remove any previous top margin
		$('img.Lightbox').css("margin-top","0");
		//if image is short, add top margin
		var ImgHeight = PreLoadImages[ImageFocus].height;
		if (ImgHeight < 398){
			var TopMargin = (400 - ImgHeight) / 2;
			$('img.Lightbox').css("margin-top",TopMargin);
		}
	}
	function FadeInImage(){
		$THEIMAGE.fadeIn("slow");
	}
	function ChangeText(){
		document.getElementById('PhotoText').innerHTML = TextsArray[ImageFocus];
	}


});//End doc ready