// -----------------------------------------------------------
// this function accepts a media id and gets the data for this
// video from the database and populates the update form
// -----------------------------------------------------------
function GetGridForGenre(genre_id,limit,start,page)
{

if (limit == '')
{
	limit = 20;
}

if (start == '')
{
	start = 0;
} 

if (genre_id.length==0)
  {
  	return;
  }
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url = '/cgi-bin/yourphotos.pl';
url=url+"?id="+genre_id+'&limit='+limit+'&start='+start+'&page='+page;

xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
window.location.hash="green_nav_grid";
setTimeout('LoadFirstImage();',3000);
}

// -----------------------------------------------------------
function LoadFirstImage()
{
// this function loads the first image in the bottom grid.
var media_id = $('#grid ul li:first').attr('id');
var url = document.getElementById(media_id + '_image_url').innerHTML;
var prev = document.getElementById(media_id + '_prev').innerHTML;
var next = document.getElementById(media_id + '_next').innerHTML;
var genre_id = document.getElementById('current_genre').innerHTML;

loadUserImage(media_id,url,next,prev,genre_id);

}

// ------------------------------------

function stateChanged() 
{ 
if (xmlHttp.readyState==4)
{ 

if (xmlHttp.responseText != '')
{
	mydata = xmlHttp.responseText;
  	document.getElementById("grid").innerHTML=mydata;
	return false;
} else {
	alert('there was an error');
  	document.getElementById("grid").innerHTML="<b>There was an error loading the data.";
} // if
} // if
} 

// -----------------------------------------------------------

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
if (!xmlHttp)
{ alert('Error initializing XMLHttpRequest'); }
return xmlHttp;
}

// ------------------------------------------------------

function loadUserImage(media_id,url,next,prev,genre_id){

var p_prev = prev + "_prev";
var p_next = prev + "_next";
var p_jpeg = prev + "_image_url";

var n_prev = next + "_prev";
var n_next = next + "_next";
var n_jpeg = next + "_image_url";

var prev_link = "PREV";
var next_link = "NEXT";

var page_id =  genre_id + "_pages";
var pages = document.getElementById(page_id).innerHTML;

var title_id =  media_id + '_title';
var desc_id =  media_id + '_desc';
var author_id =  media_id + '_author';

var title = document.getElementById(title_id).innerHTML;
var author = document.getElementById(author_id).innerHTML;
var description = document.getElementById(desc_id).innerHTML;

if (author != '')
{ author = 'By ' + author; }

// set up the prev link
if (prev != '')
{
prev_link = "<b><a href=\"#\" onclick=\"javascript:loadUserImage('"+prev+"','"+document.getElementById(p_jpeg).innerHTML + "','" + document.getElementById(p_next).innerHTML + "','" + document.getElementById(p_prev).innerHTML + "','" + genre_id + "');\">&lt;&lt; PREV</a>&nbsp;</b>";
} else {
prev_link = document.getElementById('prev_set_photos').innerHTML;
}

// set up the next link
if (next != '')
{
next_link = "&nbsp;<b><a href=\"#\" onclick=\"javascript:loadUserImage('"+next+"','"+document.getElementById(n_jpeg).innerHTML + "','" + document.getElementById(n_next).innerHTML + "','" + document.getElementById(n_prev).innerHTML + "','" + genre_id + "');\">NEXT &gt;&gt;</a></b>";
} else {
next_link = document.getElementById('next_set_photos').innerHTML;
}
document.getElementById("user_submitted_top_photo").innerHTML = '<h2>' +title +"</h2>"+author+"<br><br><img src=\"" + url + "\"><br><div id=userphotodesc style='width:400px;' ><br>" + description + "<br>" + prev_link + " " + next_link + "<br><br></div>";
}
// -----------------------------------------------------------
/*GetGridForGenre('00004675'); 
$(function() {
        $('li#00004675 a').trigger('click');        
});			
*/

// ------------------------------------------------------