avatars = new Array();

function moveAvatars( direction )
{
	if ( avatars.length == 0 ) loadAvatars();

	// get input "newavatar" for previous value
	var currentAvatar = document.getElementById("newavatar").value;
	
	if ( direction == 'left' )
	{
		// decrement avatar pointer
		currentAvatar--;
		if ( currentAvatar < 1 ) currentAvatar = 199;
	}
	else if ( direction == 'right' )
	{
		// increment avatar pointer
		currentAvatar++;
		if ( currentAvatar > 199 ) currentAvatar = 1;
	}
	// set input "newavatar" to new value
	document.getElementById("newavatar").value = currentAvatar;
	document.getElementById('avatarImage').src = "images/avatars/" + avatars[document.getElementById("newavatar").value];
}

function saveAvatar( usrid )
{
	// get input "newavatar" for selected value
	var params = "?avatarid=" + document.getElementById("newavatar").value
	// ajax call to php script for save
	ahah( 'saveavatars.php' + params, 'ajaxresponses' );
	setTimeout( 'saveAvatarCompleted()', 1000 );
}

function saveAvatarCompleted()
{
  var validate = clearAjax();
  	
  if ( validate == 'OK' )
  {
	alert("your selection was saved");
  }
  else if ( validate != '' )
  {
	alert( validate );	
  }
  else
  {
	setTimeout( 'saveAvatarCompleted()', 250 );
  }
}

function loadAvatars()
{
	// load all avatars into memory
	ahah( 'avatars.php', 'ajaxresponses' );
	setTimeout( 'loadAvatarsCompleted()', 1000 );
}

function loadAvatarsCompleted()
{
  var results = clearAjax();
 
  if ( results != '' )
  {
	// take data and make into JS array
	var holdArray = results.split(";");
	for ( var x = 0; x < holdArray.length; x++ )
	{
		var holdRow =  holdArray[x].split(",");
		avatars["" + holdRow[0]] = holdRow[1];
	}
  }
  else
  {
	setTimeout( 'avatarCompleted()', 250 );
  }
}