var pictures = new Array();
var current_location;

function create_object()
{
	var xmlhttp;
	
	if (window.XMLHttpRequest)
  	{
  		xmlhttp=new XMLHttpRequest();
	}
	else
  	{
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	return xmlhttp;
}

function setup_gallery()
{
	xml = create_object();
	
	xml.onreadystatechange = state_action;
	xml.open("GET", "/inc/php/v_image_grabber.php", true);
	xml.send(null);
}

function state_action()
{
	if(xml.readyState == 4 || xml.readyState == "complete")
	{
		window.pictures = xml.responseText.split(", ");	
		window.current_location = 14;
		change_image();
	}
}

function change_image()
{
	element = $("v_main_image");
	var t = setTimeout('element.src = "/images/guide/"+window.pictures[window.current_location]', 500);
}

function first()
{
	fade_out();
	window.current_location = 14;
	change_image();	
	var t = setTimeout('fade_in()', 520);
}
function previous()
{
	fade_out();
	window.current_location--;
	if(window.current_location == -1)
	{
		window.current_location = window.pictures.length-1;	
	}
	change_image();	
	var t = setTimeout('fade_in()', 520);
}
function next()
{
	fade_out();
	window.current_location++;
	if(window.current_location == window.pictures.length)
	{
		window.current_location = 0;
	}
	change_image();	
	var t = setTimeout('fade_in()', 520);
}
function last()
{
	fade_out();
	window.current_location = 13;
	change_image();
	var t = setTimeout('fade_in()', 520);
}

// Utility Functions
//========================================================================
//
// fade_in(), fade_out(), image_loader()
//

function fade_out()
{
	new Effect.Appear($("v_main_image"), {duration: .5, from: 1, to: 0});	
}
function fade_in()
{
	new Effect.Appear($("v_main_image"), {duration: .5, from: 0, to: 1});
}