var projects = new Array();
var current_project = 0;
var current_image = 0;

function projects_add(title, description, images) {
 projects.push([title, description, images]);
}

function projects_done() {
 var project_list_html = "";
 var project_list_html_array = Array();
 for (var ii=0; ii < projects.length; ii++ ) {
//  project_list_html = project_list_html + '<a href="javascript:projects_select(' + (ii+1) + ')">' + (ii+1) +'</a>&nbsp;&nbsp;';
  project_list_html_array.push('<a href="javascript:projects_select(' + (ii+1) + ')" id="project' + (ii+1) + '">' + (ii+1) +'</a>');
 }
 project_list_html = project_list_html_array.join("&nbsp;&nbsp;");
 document.getElementById("project_list").innerHTML = project_list_html;
 projects_select(1);
}

function projects_select(num) {
 current_project = num-1;
 for (var ii=0; ii < projects.length; ii++ ) {
    if(ii==current_project)
		document.getElementById("project" + (ii+1)).style.color = "#d6d800"
	else
		document.getElementById("project" + (ii+1)).style.color = "#999"
 }
 document.getElementById("project_description").innerHTML = "<h1>" + projects[current_project][0] + "</h1>" + "<p>" + projects[current_project][1] + "</p>";

 if(projects[current_project][2].length > 1)
	projects_image_navigator_enabled();
 else
	projects_image_navigator_disabled();

 if(projects[current_project][2].length > 0)
	projects_image_select(0);
}

function projects_image_select(num) {
 current_image = num;
 document.getElementById("project_image").innerHTML = "<img src='" + projects[current_project][2][num] + "' />";
}

function projects_image_right() {
 if(projects[current_project][2].length > 1) {
	current_image++;
	if(current_image >= projects[current_project][2].length)
		current_image = 0;
	projects_image_select(current_image);
 }
}

function projects_image_left() {
 if(projects[current_project][2].length > 1) {
	current_image--;
	if(current_image < 0)
		current_image = projects[current_project][2].length-1;
	projects_image_select(current_image);
 }
}

function projects_image_navigator_enabled() {
 document.getElementById("project_image_navigator").innerHTML = '<a href="javascript:projects_image_left();"><img src="images/left_arrow.gif" border=0 /></a>&nbsp;<a href="javascript:projects_image_right();"><img src="images/right_arrow.gif" border=0 /></a>';
}

function projects_image_navigator_disabled() {
 document.getElementById("project_image_navigator").innerHTML = '<img src="images/left_arrow_disabled.gif" border=0 />&nbsp;<img src="images/right_arrow_disabled.gif" border=0 />';
}