//////////////////////////////////  1 IMAGE - WITH TEXT  ///////////////////////////////////////////


function changeCaption(index) {
	
	var caption = document.getElementById("caption");
	caption.innerHTML = captions[index];
	caption.style.visibility = "";
	
}


function createImage(index) {

	var theSrc = "images/";
	var holder = document.getElementById("picture");
	var content = ""
	
	// exception for dual compromise video
	if (images[index] == "video") {
			content += "<OBJECT CLASSID=\"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\" height=194 CODEBASE=\"http://www.apple.com/qtactivex/qtplugin.cab\" style=\"float: left; margin-top: 181px;\">"
			content += "<param name=\"src\" value=\"DualCompromise.mov\">"
        	content += "<param name=\"QTSRC\" VALUE=\"DualCompromise.mov\">"
        	content += "<param name=\"autoplay\" value=\"true\">"
			content += "<param name=\"controller\" value=\"true\">"
			content += "<param name=\"loop\" value=\"false\">"
			
			content += "<embed src=\"DualCompromise.mov\" qtsrc=\"DualCompromise.mov\" width=240 height=194 autoplay=\"true\" CONTROLLER=\"true\" loop=\"false\" PLUGINSPAGE=\"http://www.apple.com/quicktime/download\">"
			content += "</embed>"
			content += "</OBJECT>"
			
			
			
			content += "<img src=\"images/gallery_04.jpg\" height=552 border=0 style=\"margin-left:25px;\">"
	}
	
	else {
	
		content += "<img src=\"images/" + images[index] + ".jpg\" height=552 border=0 >"
		
	}
	
	holder.innerHTML = content;
	holder.style.display = "";
	
}


function getPage(index) {

	// create image
	createImage(index);
	
	// check to see if there is a "more" state
	getMore(index);
	
	
	// build arrows
	var dirSize = eval(images.length);
	
	var holder = document.getElementById("arrows");
	
	
	var content = ""
	
	// first image on page
	if (index == 0){
	
		content += "<a href=\"javascript:getPage('1');\">&gt;</a>"
	
	}
	
	// last image on page
	else if (index == Number(dirSize-1) ){
			var prevPage = Number(dirSize-2);
		content += "<a href=\"javascript:getPage('" + prevPage + "');\">&lt;</a>"
		content += " &nbsp; &nbsp; &nbsp; "
		content += "<span style='color: #DBD8CE;'>&gt;</a>"
	}
	
	else {
	
		var prev = Number(index) - 1;
		var next = Number(index) + 1;
	
		content += "<a href=\"javascript:getPage('" + prev + "');\">&lt;</a>"
		content += " &nbsp; &nbsp; &nbsp; "
		content += "<a href=\"javascript:getPage('" + next + "');\">&gt;</a>"
		
	}
	
	holder.innerHTML = content;
	holder.style.display = "block";	
	changeCaption(index);
	
}

function getMore(index) {

	var holder = document.getElementById("moreless");
	
	var content = ""
	
	// if there isn't a 'more' for the image
	if (moreImages[index] == "") {
		content += ""
	}
	
	// if there is a 'more'
	else {
		content += " | &nbsp; <a href=\"javascript:moreImage('" + index + "');\">more</a>"
		
	}
	
	holder.innerHTML = content;
	
}

function moreImage(index) {
	
	var theSrc = "images/";
	var holder = document.getElementById("picture");
	var content = ""
	
	content += "<img src=\"images/" + moreImages[index] + ".jpg\" height=552 border=0 >"
	
	holder.innerHTML = content;
	holder.style.display = "";
	getLess(index);
	
}

function getLess(index) {
	
	var holder = document.getElementById("moreless");
	
	var content = ""
	
	content += " | &nbsp; <a href=\"javascript:getPage('" + index + "');\">back</a>"
	
	holder.innerHTML = content;
	
}