var currentModalPage = 0;

function displayModalWithIndex(index) {
	
	currentModalPage = index;
	showModalDisplayAnimated(true);
	setCarouseltoPageNum("modalContentItems", currentModalPage);	
}

function setModalContentPage(index) {

	currentModalPage = index;

	var items = modalContentItems();
	
	for (i=0;i<items.length;i++) {
		if(i == index) {
			items[i].style.display = "block";
		}else {
			items[i].style.display = "none";
		}
	}
}

function modalContentPageLeft() {

	var newPage = currentModalPage - 1;
		
	if(newPage >= 0) {
		setModalContentPage(newPage);
	}
}

function modalContentPageRight() {

	var newPage = currentModalPage + 1;
	
	var items = modalContentItems();
	
	if(newPage < items.length) {
		setModalContentPage(newPage);
	}
}

function showModalDisplayAnimated(animated) {

	var modalDisplayBG = modalDisplayElement();
	
	if(!animated) {
		modalDisplayBG.style.display = "block";
	}else {
	  	$(modalDisplayBG).fadeIn("slow", function() {
	  	
	  	});
	}
}
function hideModalDisplay() {
	var modalDisplayBG = modalDisplayElement();
	modalDisplayBG.style.display = "none";
}

function modalDisplayElement() {
	return document.getElementById("modalDisplayBG");
}
function modalContentItems() {
	return $(document.getElementById("modalContentItems")).children();
}