// JavaScript Document

function mouseOver(id) {
	var imageTag = document.getElementById(id)
	var imageSrc = imageTag.src;
	var replaceIndex = imageSrc.indexOf(".jpg")
	if (replaceIndex >= 0) {
		imageTag.src = imageSrc.replace(".jpg", "_hover.jpg")
	}
}

function mouseOut(id) {
	var imageTag = document.getElementById(id)
	var imageSrc = imageTag.src;
	var replaceIndex = imageSrc.indexOf("_hover.jpg")
	if (replaceIndex >= 0) {
		imageTag.src = imageSrc.replace("_hover.jpg", ".jpg")
	}
}

function dotOver(dotId) {
	var currentImg = document.getElementById("currentImg")
	var imageSrc = currentImg.src
	var jpgIndex = imageSrc.indexOf(".jpg")
	if (jpgIndex >= 0) {
		var imageIndex = imageSrc.substr(jpgIndex - 2, 2)
		var dotIndex = dotId.substr(dotId.length - 2, 2)
		currentImg.src = imageSrc.replace(imageIndex, dotIndex)
		var currentDot = document.getElementById("dot_" + imageIndex)
		currentDot.src = currentDot.src.replace("_act.gif", ".gif")
		var newDot = document.getElementById(dotId)
		newDot.src = newDot.src.replace(".gif", "_act.gif")
	}
}

function galleryNavOver(id) {
	var imageTag = document.getElementById(id)
	var imageSrc = imageTag.src
	var isActive = imageSrc.indexOf("_act.jpg")
	var replaceIndex = imageSrc.indexOf(".jpg")
	if (isActive < 0 && replaceIndex >= 0) {
		imageTag.src = imageSrc.replace(".jpg", "_hover.jpg")
	}
}

function galleryNavOut(id) {
	var imageTag = document.getElementById(id)
	var imageSrc = imageTag.src
	var isActive = imageSrc.indexOf("_act.jpg")
	var replaceIndex = imageSrc.indexOf("_hover.jpg")
	if (isActive < 0 && replaceIndex >= 0) {
		imageTag.src = imageSrc.replace("_hover.jpg", ".jpg")
	}
}

function galleryNavSelect(id) {
	var currentImg = document.getElementById("currentImg")
	var currentImgSrc = currentImg.src
	var currentIndex = currentImgSrc.substr(currentImgSrc.indexOf(".jpg") - 2, 2)
	var currentId = currentImg.src.substr(currentImgSrc.lastIndexOf("/") + 1, (currentImgSrc.indexOf(".jpg") - 3) - (currentImgSrc.lastIndexOf("/") + 1)) 
	if (currentId != id) {
		if (currentIndex != "01") {
			var currentDotId = "dot_" + currentIndex
			var currentDot = document.getElementById(currentDotId)
			currentDot.src = currentDot.src.replace("_act.gif", ".gif")
			var initialDot = document.getElementById("dot_01")
			initialDot.src = initialDot.src.replace(".gif", "_act.gif")
		}
		currentImg.src = currentImg.src.replace(currentId, id)
		currentImg.src = currentImg.src.replace(currentIndex + ".jpg", "01.jpg")
		var currentActiveSelection = document.getElementById(currentId)
		currentActiveSelection.src= currentActiveSelection.src.replace("_act.jpg", ".jpg")
		var newActiveSelection = document.getElementById(id)
		if (newActiveSelection.src.indexOf("_hover.jpg") > 0) {
			newActiveSelection.src = newActiveSelection.src.replace("_hover.jpg", "_act.jpg")
		} else {
			newActiveSelection.src = newActiveSelection.src.replace(".jpg", "_act.jpg")
		}
	}
}

function weddingGalleryNavSelect(id) {
	var main = document.getElementById("weddingMain")
	var backgroundImage = "url(images/background_" + id + ".jpg)"
	main.style.backgroundImage = backgroundImage
	galleryNavSelect(id)
}