g_folderBase = "images_portfolio/";
g_imagePrefix = "img_";
g_thumbPrefix = "thb_";
g_selectedThumbPrefix = "sel_thb_";
g_imageTypeExtention = ".jpg";
g_bUseSelectedImage = false;

function insertContainerHere()
{
	document.write(buildContainer());
}

function displayImage(obj, folderName, pageName, image)
{
	setSelected(obj, folderName, pageName, image);
	clear("img_currentImage");
	clear("div_currentImage");
	//This is all a weird hack to get around a goofy Safari bug that improperly retains height/widths
	//First, create an image object and load the image into it.
	var imagePath = buildImagePath(folderName, pageName, image);
	var loadedImage = new Image();
	loadedImage.src = imagePath;
	//Then, temporarily resize the image.
	var curImage=document.createElement("img");
	curImage.setAttribute("id","img_currentImage");
	document.getElementById("div_currentImage").appendChild(curImage);
	//Set the source to our image object from above
	document.getElementById("img_currentImage").setAttribute("src",loadedImage.src);
	setCopy(image);
}

function initThumbs(folderName, pageName, imageCount)
{
	var htmlFrag = "";
	for(i = 1; i <= imageCount; ++i)
	{
		var thumbPath = buildThumbPath(folderName, pageName, i);
		var onclickHandler = "javascript:displayImage( this, '" + folderName + "', '" + pageName + "', " + i +");";
		var image_tag = "<div id='thumb_container'><img id='normal_thumb' src='" + thumbPath  + "' onclick=\"" + onclickHandler + "\" onmouseover=\"javascript:rollIn(this);\" onmouseout=\"javascript:rollOut(this);\"/></div>";
		htmlFrag += image_tag;
	}
	var divThumbButtons = document.getElementById("thumb_bar");
	divThumbButtons.innerHTML = htmlFrag;
	displayImage(null, folderName, pageName, 1);
}

function rollIn(obj)
{
	var id = obj.id;
	if(null == id || "selected_thumb" != id)
	{
		obj.id = "rollover_thumb";
	}
}

function rollOut(obj)
{
	var id = obj.id;
	if(null == id || "selected_thumb" != id)
	{
		obj.id = "normal_thumb";
	}
}

function setSelected(obj, folderName, pageName, image)
{
	var obj_selected = document.getElementById("selected_thumb");
	if(null != obj_selected)
	{
		if(g_bUseSelectedImage)
		{
			obj_selected.src = buildThumbPath(folderName, pageName, image);
		}
		else
		{
			obj_selected.id = "normal_thumb";
		}
	}
	if(null != obj)
	{
		if(g_bUseSelectedImage)
		{
			obj.src = buildThumbPath(folderName, pageName, image);
		}
		else
		{
			obj.id = "selected_thumb";
		}
	}
}

function clear(id)
{
	if (document.getElementById(id))
	{
		var element = document.getElementById(id);
		while(element.childNodes.length > 0)
		{
			element.removeChild(element.childNodes[0]);
		}
	}
}

function buildImagePath(folderName, pageName, image)
{
	var retval = "";
	retval = g_folderBase + folderName + "/" + g_imagePrefix + pageName + "_" + image + g_imageTypeExtention;
	return retval;
}

function buildThumbPath(folderName, pageName, image)
{
	var retval = "";
	retval = g_folderBase + folderName + "/" + g_thumbPrefix + pageName + "_" + image + g_imageTypeExtention;
	return retval;
}

function buildSelectedThumbPath(folderName, pageName, image)
{
	var retval = "";
	retval = g_folderBase + folderName + "/" + g_selectedThumbPrefix + pageName + "_" + image + g_imageTypeExtention;
	return retval;
}

function buildContainer()
{
	var container = "";
	container += "<div id='container'>";
	container += "<div id='thumb_bar' align='left'>";
	container += "</div>";
	container += "<div id='content'>";
	container += "<div id='copy'>";
	container += "</div>";
	container += "<div id='div_currentImage'>";
	container += "</div>";
	container += "</div>";
	container += "</div>";
	return container;
}