var currentNode;
var currentNum = 0;
var MAX_THUMBS = 50;

function initGallery()
{
	loadWeddingsPhoto(document.getElementById('first-load'));
}

function initRomance()
{
	loadRomancePhoto(document.getElementById('first-load'));
}

function loadWeddingsPhoto(urlNode)
{	
	if (currentNode != undefined) 
	{
		currentNode.firstChild.style.border = "none";
	}
	currentNode = urlNode;
	
	if (document.getElementById)
	{
		document.getElementById('gallery_holder').src = urlNode.href;
		urlNode.firstChild.style.border = "2px solid #3297cb";
	}
	else
	{
		return true;	
	}
	
	return false;
}

function loadRomancePhoto(urlNode)
{	
	var tmp;
	
	if (currentNode != undefined) 
	{
		currentNode.firstChild.style.border = "none";
		tmp = urlNode.parentNode.id.split('thumb_');
		currentNum = parseInt(tmp[1]);
	}
	currentNode = urlNode;
	
	if (document.getElementById)
	{
		document.getElementById('romance-holder').src = urlNode.href;
		urlNode.firstChild.style.border = "2px solid #3297cb";
		
		if (urlNode.title == undefined)
		{
			document.getElementById('credit').style.display = "none";
		}
		else
		{
			document.getElementById('credit').style.display = "block";
			document.getElementById('credit').innerHTML = urlNode.title;
		}
	}
	else
	{
		return true;
	}
	
	return false;
}

function prevPhoto()
{
	currentNum--;
	if (currentNum < 0) currentNum = MAX_THUMBS-1;
	
	loadRomancePhoto(document.getElementById("thumb_"+currentNum).firstChild);
}

function nextPhoto()
{
	currentNum++;
	if (currentNum >= MAX_THUMBS) currentNum = 0;
	loadRomancePhoto(document.getElementById("thumb_"+currentNum).firstChild);
}


function	toggleLayer(whichLayer, hide1, hide2, hide3, hide4)
{
	if (document.getElementById)
	{
	
			// this is the way the standards work
			var style2 = document.getElementById(whichLayer).style;
				//alert("here "+style2.display);
			style2.display = "block";
			                              	
			
			var style3 = document.getElementById(hide1).style;
			style3.display = "none";
			
			var style4 = document.getElementById(hide2).style;
			style4.display = "none";
			
			var style5 = document.getElementById(hide3).style;
			style5.display = "none";
			
			var style6 = document.getElementById(hide4).style;
			style6.display = "none";
			
			
	}
	else if (document.all)
	{
			// this is the way old msie versions work
			var style2 = document.all[whichLayer].style;
			style2.display = "block";
			
			var style3 = document.all(hide1).style;
			style3.display = "none";
			
			var style4 = document.all(hide2).style;
			style4.display = "none";
			
			var style5 = document.all(hide3).style;
			style5.display = "none";
			
			var style6 = document.all(hide4).style;
			style6.display = "none";
	}
	else if (document.layers)
	{
			// this is the way nn4 works
			var style2 = document.layers[whichLayer].style;
			style2.display = "block";
			
				var style3 = document.layers(hide1).style;
			style3.display = "none";
			
			var style4 = document.layers(hide2).style;
			style4.display = "none";
			
			var style5 = document.layers(hide3).style;
			style5.display = "none";
			
			var style6 = document.layers(hide4).style;
			style6.display = "none";
	}
	
}