// define vars
var imageTotal;
var imageNo = 0;
var aniRunning = false;
var slideRunning = true;
var imagePath;
var timer;

var imageArray = new Array();
var creditArray = new Array();


	

$(document).ready(function() {
	

	
	
	// image resize
	$(window).bind("resize", resizeWindow);
	function resizeWindow( e ) {
		imageResize();
		
		
	}
	
	$("#maincol ul li").each(function() {
		var item = this.innerHTML.split("<SPAN>").join("<span>");
		item = item.split("</SPAN>").join("</span>");
		var itemArray = new Array();
		itemArray = item.split("<span>");
		imageArray.push(itemArray[0]);
		creditArray.push("<span>" + itemArray[1]);
	});
	
	imageTotal = imageArray.length;
	
	
	if(imageTotal == 0){
		$("#playback").children().remove();
		imageArray.push("<img src='http://www.bobcooper.org.uk/blog/wp-content/uploads/belize_2.jpg' alt='' title='' />");
		creditArray.push("<span>All Photographs are copyright of their respective photographers.</span>");
	}
	
	if(imageTotal <= 1){
		$("#playback").children().remove();
		$("#maincol").css("display", "block" );
	} else {
		$("#maincol").css("display", "none" );
	}
	
	fadeOutImage();
});

// resize function
function imageResize(){
	var imageWidth = $("#imageHolder img").width();
	var imageHeight = $("#imageHolder img").height();
	var imageRatio = 1350/900;
	
	var maxWidth = $(window).width();
	var maxHeight = $(window).height();
	
	var newImageWidth = maxWidth;
	var newImageHeight = newImageWidth / imageRatio;
	
	if(newImageHeight < maxHeight){
		newImageHeight = maxHeight;
		newImageWidth = newImageHeight * imageRatio;
	}
	
	if(newImageWidth < maxWidth){
		newImageWidth = maxWidth;
		newImageHeight = newImageWidth / imageRatio;
	}
	
	$("#imageHolder img").css("width", newImageWidth );
	$("#imageHolder img").css("height", newImageHeight );
	
	var leftPos = maxWidth/2 - newImageWidth/2;
	var topPos = maxHeight/2 - newImageHeight/2;
		
	$("#imageHolder img").css("margin-left", leftPos );
	$("#imageHolder img").css("margin-top", topPos );
}

// fade out image
function fadeOutImage(){
	// fadeout previous image
	$('#imageHolder').fadeOut('slow', function() {
		$("#imageHolder img").remove();
		$("#imageCredit span").remove();
		loadImage();
	});
}

// load image
function loadImage(){
	imagePath = imageArray[imageNo];
	$('#imageHolder').prepend(imagePath);
	$('#imageCredit').prepend(creditArray[imageNo]);
	$("#imageHolder img").load(function(){
		imageResize();
		
		// fade in div
		fadeInImage();
	});
	
}

// fade in image
function fadeInImage(){
	$('#imageHolder').fadeIn('slow', function() {
		// Animation complete
		aniRunning = false;
		
		if(imageTotal > 1){
			// stop interval
			clearInterval(timer);
			if(slideRunning == true){
				timer = setInterval("slideShow()", 5000);
			}
		}
		
	});
}

// slideshow
function slideShow(){
	if(aniRunning == false){
	
		aniRunning = true;
		if(imageNo < imageTotal -1){
			imageNo++;
		} else {
			imageNo = 0;
		}
		fadeOutImage();
	}
}

// play / pause button
function playPause(){
	if(slideRunning == false){
		slideRunning = true;
		$("#playback").children().remove();
		$('#playback').prepend('<a href="#" onclick="prevClick();return false;"><img src="' + themeDir + '/images/prev_btn.png" /></a><a href="#" onclick="playPause();return false;"><img src="' + themeDir + '/images/pause_btn.png" /></a><a href="#" onclick="nextClick();return false;"><img src="' + themeDir + '/images/next_btn.png" /></a>');
		// stop interval
		clearInterval(timer);
		slideShow();
	} else {
		slideRunning = false;
		$("#playback").children().remove();
		$('#playback').prepend('<a href="#" onclick="prevClick();return false;"><img src="' + themeDir + '/images/prev_btn.png" /></a><a href="#" onclick="playPause();return false;"><img src="' + themeDir + '/images/play_btn.png" /></a><a href="#" onclick="nextClick();return false;"><img src="' + themeDir + '/images/next_btn.png" /></a>');
		// stop interval
		clearInterval(timer);
		
	}
}

// prevClick
function prevClick(){
	slideRunning = false;
	$("#playback").children().remove();
	$('#playback').prepend('<a href="#" onclick="prevClick();return false;"><img src="' + themeDir + '/images/prev_btn.png" /></a><a href="#" onclick="playPause();return false;"><img src="' + themeDir + '/images/play_btn.png" /></a><a href="#" onclick="nextClick();return false;"><img src="' + themeDir + '/images/next_btn.png" /></a>');
	// stop interval
	clearInterval(timer);
	
	if(imageNo > 0){
		imageNo--;
	} else {
		imageNo = imageTotal -1;
	}
	fadeOutImage();
}

// nextClick
function nextClick(){
	slideRunning = false;
	$("#playback").children().remove();
	$('#playback').prepend('<a href="#" onclick="prevClick();return false;"><img src="' + themeDir + '/images/prev_btn.png" /></a><a href="#" onclick="playPause();return false;"><img src="' + themeDir + '/images/play_btn.png" /></a><a href="#" onclick="nextClick();return false;"><img src="' + themeDir + '/images/next_btn.png" /></a>');
	// stop interval
	clearInterval(timer);
	
	if(imageNo < imageTotal -1){
		imageNo++;
	} else {
		imageNo = 0;
	}
	fadeOutImage();
}