var photo_hrefs = new Array();
var photo_thumb_hrefs = new Array();
var photo_captions = new Array();
var group_names = new Array();
var group_descriptions = new Array();
var group_photo_indeces = new Array();
var group_cnt = 0;
var photo_cnt = 0;


function AddGroup(groupName,groupDescription){
	group_names[group_cnt] = groupName;
	group_descriptions[group_cnt] = groupDescription;
	group_cnt++;
}

function matchGroup(groupName){
	for(var x = 0; x < group_names.size(); x++){
		if(group_names[x] == groupName)
			return x;
	}
	return -1;
}

function AddPhoto(href,thumbnail,caption,groupName) {
	photo_hrefs[photo_cnt] = href;
	photo_thumb_hrefs[photo_cnt] = thumbnail;
	photo_captions[photo_cnt] = caption;
	var index = matchGroup(groupName);
	if(index != -1){
		if(group_photo_indeces[index]){
			group_photo_indeces[index][group_photo_indeces[index].size()] = photo_cnt;
		}
		else{
			group_photo_indeces[index] = new Array();
			group_photo_indeces[index][0] = photo_cnt;
		}
	}
	else{
		alert("You entered a group name wrong somewhere. Please make sure you check your capitalization and spelling.");
	}
	photo_cnt++;
}

function AddMultiple(href,start_number,end_number,groupName){
	var temp = new Array();
	temp = (""+href).split('%n');
	for(var x = start_number;x <= end_number; x++){
		if(x < 10){
			AddPhoto(temp[0]+"0"+x+temp[1],"","",groupName);
		}
		else{
			AddPhoto(temp[0]+x+temp[1],"","",groupName);
		}
	}
}


function makeBasicOutline(){
	var table = $C("table");
	table.setAttribute("cellSpacing","0");
	var tbody = $C("tbody");
	var tr = $C("tr");
	var td = $C("td");
	td.setAttribute("id","photo_group_listing");
	td.setAttribute("height","25");
	td.innerHTML = "Photo Groups";
	tr.appendChild(td);
	td = $C("td");
	td.setAttribute("id","photo_thumbs");
	td.setAttribute("width",400);
	td.setAttribute("class","photoPane");
	td.setAttribute("className","photoPane");
	td.setAttribute("rowSpan",group_names.size()+2);
	tr.appendChild(td);
	tbody.appendChild(tr);
	for(var x = 0; x < group_names.size(); x++){
		tr = $C("tr");
		td = $C("td");
		td.setAttribute("id","photo_row_"+group_names[x]);
		td.setAttribute("height","25");
		td.setAttribute("class","td_inactive_row");
		td.setAttribute("className","td_inactive_row");
		td.innerHTML += "<a href='#' onclick=\"makeThumbsPane('"+group_names[x]+"')\">"+group_names[x]+"</a>";
		tr.appendChild(td);
		tbody.appendChild(tr);
		
	}
	
	tr = $C("tr");
	td = $C("td");
	td.innerHTML = "&nbsp;";
	tr.appendChild(td);
	tbody.appendChild(tr);
	
	
	
	table.appendChild(tbody);
	$("content").appendChild(table);
	$("content").appendChild($C("br"));
}
	
	
function makeThumbsPane(groupName){
	var index = matchGroup(groupName);
	
	for(var x = 0; x < group_names.size(); x++){
		$("photo_row_"+group_names[x]).setAttribute("className","td_inactive_row");
		$("photo_row_"+group_names[x]).setAttribute("class","td_inactive_row");
	}
	
	$("photo_row_"+groupName).setAttribute("className","td_display");
	$("photo_row_"+groupName).setAttribute("class","td_display");
	
	var desc = group_descriptions[index];
	var pane = $("photo_thumbs");
	pane.setAttribute("class","td_active_row");
	pane.setAttribute("className","td_active_row");
	pane.innerHTML = "<center>"+desc+"</center>";
	if(group_photo_indeces[index]){
		var photo_index_array = group_photo_indeces[index];
		var table=$C("table");
		table.setAttribute("id","photo_container");
		table.setAttribute("align","center");
		table.style.display = 'none';
		var tbody = $C("tbody");
		var tr = $C("tr");
		for(var x = 0; x < photo_index_array.size(); x++){
			if(x % photos_per_row == 0 && x != 0){
				tbody.appendChild(tr);
				tr = $C("tr");
			}
			var currIndex = photo_index_array[x];
			var td = $C("td");
			if(photo_thumb_hrefs[currIndex] != "")
				td.innerHTML = "<a href='"+photo_hrefs[currIndex]+"' rel='lightbox' title='"+photo_captions[currIndex]+"'><img src='"+photo_thumbs_hrefs[currIndex]+"'/></a>";
			else
				td.innerHTML = "<a href='"+photo_hrefs[currIndex]+"' rel='lightbox' title='"+photo_captions[currIndex]+"'><img src='"+photo_hrefs[currIndex]+"' width="+thumb_width+" height="+thumb_height+"/></a>";
			tr.appendChild(td);
		}
		tbody.appendChild(tr);
		table.appendChild(tbody);
		pane.appendChild(table);
		Effect.Appear("photo_container");
	}
	else{
		
	}
	initLightbox();
}