var menuPosition;
var menuIsMoving;
var homeImageIsLoaded;
var currentFrame;
var showingSlide;

$.fn.image = function(doClear, src, f){ 
	return this.each(function(){ 
		var i = new Image(); 
		i.src = src; 
		i.onload = f;
		if(doClear) {
			if ( this.hasChildNodes() ) {
				while ( this.childNodes.length >= 1 ) {
					this.removeChild( this.firstChild );       
				} 
			}
		}
		this.appendChild(i);
	}); 
} 

function toggleAboutSlide() {
	if(!aboutIsMoving) {
		aboutIsMoving = true;
		if(aboutPosition == "open") {
			$('#aboutMe').fadeOut(500,function() {aboutPosition = "closed"; aboutIsMoving = false;});
		}
		else {
			$('#aboutMe').fadeIn(2000,function() {aboutPosition = "open"; aboutIsMoving = false;});
		}
	}
}

function slideShow() {
	currentFrame = 0;
	currentImage = 1;
	showingSlide = false;
	$('#loading').fadeIn(200, function() {
		$('#photoContainerLink1').image(true, "images/homePortraits.jpg", function() {
			homeImageIsLoaded[0] = true;
			$('#loading').fadeOut(200);
			$('#photoContainer1').fadeIn(1500);
			loadOtherImages();
			$('#loading').everyTime(7000, loopImages);
		});
	});
}

function loopImages() {
	// set all pointers
	var currentImage = currentFrame + 1;
	var nextFrame = currentFrame + 1;
	if(nextFrame > 6) {
		nextFrame = 0;
	}
	var nextImage = nextFrame + 1;
	
	if(homeImageIsLoaded[nextFrame]) {
		$('#photoContainer'+currentImage).fadeOut(750, function() {
			$('#photoContainer'+nextImage).fadeIn(1500, function() {
				currentFrame = nextFrame;												
			});
		});
	}
	
}

function loadOtherImages() {
	$('#photoContainerLink2').image(true, "images/homeWeddings.jpg", function() {
		homeImageIsLoaded[1] = true;
	});
	$('#photoContainerLink3').image(true, "images/homeMusic.jpg", function() {
		homeImageIsLoaded[2] = true;
	});
	$('#photoContainerLink4').image(true, "images/homeChildren.jpg", function() {
		homeImageIsLoaded[3] = true;
	});
	$('#photoContainerLink5').image(true, "images/homeFood.jpg", function() {
		homeImageIsLoaded[4] = true;
	});
	$('#photoContainerLink6').image(true, "images/homeUrban.jpg", function() {
		homeImageIsLoaded[5] = true;
	});
	$('#photoContainerLink7').image(true, "images/homeTravels.jpg", function() {
		homeImageIsLoaded[6] = true;
	});
}



$(document).ready(function() {
	menuPosition = "open";
	menuIsMoving = false;
	aboutPosition = "closed";
	aboutIsMoving = false;
	homeImageIsLoaded = [false, false, false];

	$('#aboutMeButton').click(function() { toggleAboutSlide(); });
	$('#aboutMe').click(function() { toggleAboutSlide(); });

	$('#menuButton').click(function() {
		if(!menuIsMoving) {
			menuIsMoving = true;
			if(menuPosition == "open") {
				$('#header').animate({top: -45},500,"linear",function() {menuPosition = "closed"; menuIsMoving = false;});
			}
			else {
				$('#header').animate({top: 0},500,"linear",function() {menuPosition = "open"; menuIsMoving = false;});
			}
		}
	});
	
	slideShow();
});
