var right_arrow_url = "/pictures/right-arrow.gif";
var left_arrow_url = "/pictures/left-arrow.gif";
var displayType = "text";

	  
function display_by_image_id(image_id, image_element, arr_nav_elements)
  {
  var i;
  for (i = 0; i < image_array.length; i++)
    {
    if (image_array[i][4] == image_id)
      {
      display(i);
      return;
      }
    }
  }


function loadContent(file)
  {
  var scriptTag = document.getElementById('loadScript');
  var head = document.getElementsByTagName('head').item(0)
  //if(scriptTag) head.removeChild(scriptTag);
    
  script = document.createElement('script');
  script.src = file;
  script.type = 'text/javascript';
  script.id = 'loadScript';
  
  head.appendChild(script)
  }	  

function getNavigationHtml(currImg, displayType)
  {
  var navHtml;
   
  if(displayType == "text")
    {
    var prevTitle = "";
    var prevLink = "";
    var leftArrow = "";
    var nextTitle = "";
    var nextLink = "";
    var rightArrow = "";
  
    if (currImg + 1 < image_array.length)
      {
      var nextName = (image_array[currImg+1][0] != "") ? image_array[currImg+1][0] : "Image";
      nextTitle = "Next:";
      nextLink = "<a href=\"javascript:display(" + (currImg+1) + ")\">" + nextName + "</a>";
      //nextLink = "<a href=\"\" id=" + >" + nextName + "</a>";
      rightArrow = "<a href=\"javascript:display(" + (currImg+1) + ")\"><img src=\"" + right_arrow_url + "\" align=\"right\" border=0 width=25 height=49></a>";
      }
  
    if (currImg > 0)
      {
      var prevName = (image_array[currImg-1][0] != "") ? image_array[currImg-1][0] : "Image";
      prevTitle = "Previous:";
      prevLink = "<a href=\"javascript:display(" + (currImg-1) + ")\">" + prevName + "</a>";
      leftArrow = "<a href=\"javascript:display(" + (currImg-1) + ")\"><img src=\"" + left_arrow_url + "\" align=\"left\" border=0 width=25 height=49></a>";
      }

    navHtml = "<div class=\"article\"><table class=\"title\" width=\"100%\">";
    navHtml += "<tr><td rowspan=3>" + leftArrow + "</td>";
    navHtml += "<th style=\"text-align: right;\">" + nextTitle + "</th><td>" + nextLink + "</td>";
    navHtml += "<td rowspan=3>" + rightArrow + "</td></tr>";
  
    navHtml += "<tr><th style=\"text-align: right;\">Thumbnails:</th><td><a href=\"" + folder_url + "\">" + folder_name + "</a></td></tr>";
    navHtml += "<tr><th style=\"text-align: right;\">" + prevTitle + "</th><td>" + prevLink + "</td></tr>";
  
    navHtml += "</table></div>";
    }
  else
    {
    if (currImg + 1 < image_array.length)
      {
      navHtml = image_array[currImg+1][5];
      }
    
    }
  return navHtml
  }
  
	  
	  
function display(currImg)
  {
  //
  // Load the comments for this picture
  //
  loadContent("/comments/comment_array.php?type=picture&value=" + image_array[currImg][4]);
  
  var imgHtml = "<div><img src=\"" + image_array[currImg][1] + "\" alt=\"" + image_array[currImg][0] + "\""
  	+ " width=" + image_array[currImg][2] + " height=" + image_array[currImg][3] + " border=0></div>"
  	+ image_array[currImg][0];
  	document.getElementById(image_element).innerHTML = imgHtml;
	      	      
	
  var navHtml = getNavigationHtml(currImg, displayType);
  
  for (var iNav = 0; iNav < arr_nav_elements.length; iNav++)
    {
    document.getElementById(arr_nav_elements[iNav]).innerHTML = navHtml;
    }
    
  // preload the previous and next images
    if (currImg + 1 < image_array.length)
      {
      var nextImg = document.createElement("img");
      nextImg.src = image_array[currImg + 1][1];
      }
    if (currImg > 0)
      {
      var prevImg = document.createElement("img");
      prevImg.src = image_array[currImg - 1][1];
      }
  
  }


function updateComments(currImg)
    {
    var commentHtml = "";
    
    commentHtml += "<div class=\"comment\">";
    commentHtml += "<div class=\"comment_content\"><em><a href=\"javascript:add_comment('picture', '" + currImg + "');\">Add your comment!</a></em></div>";
    commentHtml += "</div>";
    
    for (i = 0; i < comment_array.length; i++)
        {
	if (comment_array[i][2] == "")
	  {
	  pre_name_html = "";
	  post_name_html = "";
	  }
	else
	  {
	  pre_name_html = "<a href=\"" + comment_array[i][2] + "\">";
	  post_name_html = "</a>";
	  }
        
        commentHtml += "<div class=\"comment\">";
        commentHtml += "\n<div class=\"comment_content\">" + comment_array[i][3] + "</div>";
        commentHtml += "\n<div class=\"comment_name\">" + pre_name_html + comment_array[i][1] + post_name_html + " <img src=\"/graphics/email.php?comment_id=" + comment_array[i][0] + "\" width=200 height=13></div>";
	commentHtml += "<div class=\"comment_name\">" + comment_array[i][4] + "</div>";
	commentHtml += "\n</div>\n";
        }
    document.getElementById(comment_element).innerHTML = commentHtml;
    }