function clickNewImage(image_id, gid) {
	var scroll = false;
	image_index = get_index(image_id);
//	alert(image_id + " " + scroll + " " + gid);
	requestNewImage(image_id, scroll, gid)
}

function requestNewImage(image_id, scroll, gid) {
	showit("loading");
	frames[0].colorImage(image_id);
	var oXmlHttp = zXmlHttp.createRequest();
	oXmlHttp.open("get", "otherphoto_info.php?image_id="+image_id+"&gid="+gid, true);
	oXmlHttp.onreadystatechange = function () {
		if (oXmlHttp.readyState == 4) {
			if (oXmlHttp.status == 200) {
 // alert("Got HTTP Response**" + oXmlHttp.responseText + "**");
				saveResult(oXmlHttp.responseText, image_id, scroll);
			} else {
				saveResult("An error occurred: " + oXmlHttp.statusText);
			}
		}            
	};
	oXmlHttp.send(null);        
}

function updateInterest(image_id, add, type) {
	var divImage;
	divImage = document.getElementById("addremovemessage");
	divImage.innerHTML = "updating......"; 
	var oXmlHttp2 = zXmlHttp.createRequest();
	oXmlHttp2.open("get", "update_interest.php?image_id="+image_id+"&add="+add+"&type="+type, true);
	oXmlHttp2.onreadystatechange = function () {
		if (oXmlHttp2.readyState == 4) {
			if (oXmlHttp2.status == 200) {
// alert("update response "+ oXmlHttp2.responseText);
				saveResult2(oXmlHttp2.responseText);
			} else {
				saveResult2("An error occurred: " + oXmlHttp2.statusText);
			}
		}            
	};
	oXmlHttp2.send(null);        
}
        
function saveResult(sMessage, image_id, scroll) {
	var results = sMessage.split("::::", sMessage.length);
$("#imageinfo").slideUp('normal', function()	{
	$(this).html(results[0]).slideDown('normal');
});
	
//	var divImage;
//alert(results[1]+"*"+results[2]+ "*"+results[3]);
//	divImage = document.getElementById("imageinfo");
//	divImage.innerHTML = results[0]; 
//	divImage = document.getElementById("imagetext");
//	divImage.innerHTML = results[1]; 
//	divImage = document.getElementById("addremovemessage");
//	divImage.innerHTML = ""; 
//	$("#imagetext img").attr(
//		{src: results[1], width: results[2], height: results[3]}
//);
//var isrc = $("#imagetext img").attr("src");
//alert("Displayed Image Source " + isrc);
$("#imagetext img").fadeTo('fast', 0.0, function()	{
//		alert(done fading);
		$(this).attr('src', results[1]);
		$(this).animate({width: results[2], height: results[3], opacity:1.0}, 500, 'swing');
		}
);
	hideit("loading");
	if (scroll)		{
// alert("scroll to " + image_id);
		frames[0].scrollImage(image_id);
	}
}

function saveResult2(sMessage) {
// alert(sMessage);
	var divImage;
	divImage = document.getElementById("addremovemessage");
	divImage.innerHTML = sMessage; 
}

function updateSize(quantity, type, image_id) {
// alert("Change Quantity for iid:"+image_id+" size:"+type+" to "+quantity);
	var divImage;
	divImage = document.getElementById("qmessage");
	divImage.innerHTML = "updating......"; 
	var oXmlHttp3 = zXmlHttp.createRequest();
	oXmlHttp3.open("get", "update_quantity.php?image_id="+image_id+"&quantity="+quantity+"&type="+type, true);
	oXmlHttp3.onreadystatechange = function () {
		if (oXmlHttp3.readyState == 4) {
			if (oXmlHttp3.status == 200) {
				saveResult3(oXmlHttp3.responseText);
			} else {
				saveResult3("An error occurred: " + oXmlHttp3.statusText);
			}
		}            
	};
	oXmlHttp3.send(null);        
}

function saveResult3(sMessage) {
// alert(sMessage);
	var divImage;
	divImage = document.getElementById("qmessage");
	divImage.innerHTML = sMessage; 
}

var source_array = new Array();
var image_array = new Array();
var image_index = 0;
var slideshow_active = false;
var ss_gid;
function navigate(where, gid)	{
	var scroll = true;
	if(image_array.length == 0)	{
		requestNewImage( 0, scroll, gid);
		return;
	}
	if (where == 1)	{
		image_index++;
		if (image_index >= image_array.length)	{
			image_index = 0;
		}
	}
	else if (where == -1)	{
		image_index--;
		if (image_index < 0)	{
			image_index = image_array.length - 1;
		}
	}
	else if (where == 0)	{
		image_index = 0;
	}
	else if (where == 2)	{
		image_index = image_array.length - 1;
	}
	requestNewImage(image_array[image_index], scroll, gid);
}

function toggle_slideshow(gid)	{
	if (slideshow_active == true)	{
//alert("toggle to inactive");
		slideshow_active = false;
		ss_gid=gid;
	}
	else	{
//alert("toggle to active ");
		slideshow_active = true;
		ss_gid=gid;
		play_slideshow();
	}
}

function play_slideshow()	{
//alert("play gid= " + ss_gid);
	if (slideshow_active)	{
		navigate(+1, ss_gid)
		setTimeout("play_slideshow();", 3000);
	}
	else	{
		return;
	}
}

function get_index(image_id)  {
  for (var ix = 0; ix < image_array.length; ix++)  {
    if (image_array[ix] == image_id)  {
      return ix;
    }
  }
  return 0;
}

function addImage(id)  {
//  alert ("Add Image Id " + id);
  updateInterest(id, 1, "ph");
}

function removeImage(id)  {
//  alert ("Remove Image Id " + id);
  updateInterest(id, 0, "ph");
}