// ========================
// = Image Viewer Builder =
// ========================

var maskNextBackgoundClick = 0;
var imageViewerVisible = false;


function buildImageViewer(selectedImage, imageList) {
	
	$("#image_popup_container_image").attr("src", selectedImage);
	
	$("#image_popup_navigation").html("");
	
	$.each(imageList, function(index) {
		
		imagePath = imageList[index][1];
		
		var navigationDot = $("<img src=\"assets/images/navigation_dot.gif\" width=\"8\" height=\"8\">");
		
		
		navigationDot.attr("id", imagePath);
		
		if (selectedImage == imagePath) {
			navigationDot.addClass("active");
		}
		
		navigationDot.click(function() {
			maskNextBackgoundClick = 1;
			buildImageViewer($(this).attr("id"), imageList);
		});
		
		$("#image_popup_navigation").append(navigationDot);
		
		// Determine what the next image in the list would be
		if (selectedImage == imagePath) {
			nextImagePathIndex = index + 1;
			
			if (nextImagePathIndex >= imageList.length) {
				nextImagePathIndex = 0;
			}
			
		}
		
	});

	$("#image_popup_overlay").show();
	$("#image_popup").show();
	
	
	$("#image_popup_container_image").unbind();
	$("#image_popup_navigation").unbind();
	$("#image_popup").unbind();
	
	$("#image_popup_navigation").click(function() {
		maskNextBackgoundClick = 1;
	});
	
	$("#image_popup_container_image").click(function() {
		// window.console.log("Image popup container image");
		// window.console.log("maskNextBackgoundClick", maskNextBackgoundClick);
		maskNextBackgoundClick = 1;
		
		// window.console.log("Next image index " + nextImagePathIndex);
		// window.console.log("Next image path " + imageList[nextImagePathIndex][1]);
		
		buildImageViewer(imageList[nextImagePathIndex][1], imageList);
		
	});
	
	// Make the overlay go away on clicking outside image container
	$("#image_popup").click(function() {
		
		// window.console.log("Image popup click");
		// window.console.log("maskNextBackgoundClick", maskNextBackgoundClick);
		
		// if (!$.browser.msie) {
		if (maskNextBackgoundClick > 0) {
			maskNextBackgoundClick = 0;
			return;
		}
		// }
		
		$("#image_popup_overlay").hide();
		$("#image_popup").hide();
	});

}

function buildImageViewers(list) {
	$.each(list, function(index) {
		$(list[index][0]).click(function() {
			buildImageViewer(list[index][1], list);
		});
	});
}

function setupImageViewers() {

	buildImageViewers([
		[".digital-1", "assets/images/reprint_big.jpg"],
		[".digital-2", "assets/images/remeet_big.jpg"],
		[".digital-3", "assets/images/retrain_big.jpg"],
		[".digital-4", "assets/images/multimedia_big.jpg"]]);

	buildImageViewers([
		[".consulting-1", "assets/images/adboards_big.jpg"],
		[".consulting-2", "assets/images/articles_big.jpg"],
		[".consulting-3", "assets/images/reports_big.jpg"],
		[".consulting-4", "assets/images/publications_big.jpg"]]);

	buildImageViewers([
		[".reprint-1", "assets/images/reprint/reprint_1_big.jpg"],
		[".reprint-2", "assets/images/reprint/reprint_2_big.jpg"],
		[".reprint-3", "assets/images/reprint/reprint_3_big.jpg"],
		[".reprint-4", "assets/images/reprint/reprint_4_big.jpg"]]);
	
	buildImageViewers([
		[".remeet-1", "assets/images/remeet/remeet_1_big.jpg"],
		[".remeet-2", "assets/images/remeet/remeet_2_big.jpg"],
		[".remeet-3", "assets/images/remeet/remeet_3_big.jpg"],
		[".remeet-4", "assets/images/remeet/remeet_4_big.jpg"]]);
	
	buildImageViewers([
		[".retrain-1", "assets/images/retrain/retrain_1_big.jpg"],
		[".retrain-2", "assets/images/retrain/retrain_2_big.jpg"],
		[".retrain-3", "assets/images/retrain/retrain_3_big.jpg"],
		[".retrain-4", "assets/images/retrain/retrain_4_big.jpg"]]);
	
	buildImageViewers([
		[".multimedia-1", "assets/images/multimedia/multimedia_1_big.jpg"],
		[".multimedia-2", "assets/images/multimedia/multimedia_2_big.jpg"],
		[".multimedia-3", "assets/images/multimedia/multimedia_3_big.jpg"],
		[".multimedia-4", "assets/images/multimedia/multimedia_4_big.jpg"]]);
	
	buildImageViewers([
		[".exemplarcentres-1", "assets/images/events/exemplarcentres_1_big.jpg"],
		[".exemplarcentres-2", "assets/images/events/exemplarcentres_2_big.jpg"],
		[".exemplarcentres-3", "assets/images/events/exemplarcentres_3_big.jpg"],
		[".exemplarcentres-4", "assets/images/events/exemplarcentres_4_big.jpg"]]);

	buildImageViewers([
		[".events-1", "assets/images/globe.jpg"],
		[".events-2", "assets/images/learning.jpg"],
		[".events-3", "assets/images/literature.jpg"],
		[".events-4", "assets/images/vtemeet.jpg"]]);
};

function setupFullScreen() {
	
	$(".fullscreen").each(function() {
		
		node = $(this);
		
		node.css({
			"position":"absolute",
			"top": "0px",
			"left": "0px",
			"right": "0px",
			"bottom": "0px"
		});
		
		
		$(node).css("height", $(document).height());
		
		if ($.browser.msie) {
			
			function resize() {
				$(node).css("width", $(window).width());
			}
			
			resize();

			$(window).scroll(resize);
			$(window).bind('resize', resize);
				
		} 
		
	});
}