//////////////////////////// VARIABLES ///////////////////////////////////
var xmlhttp = false;
	
//////////////////////////// AJAX OBJECT SETUP ///////////////////////////
try
{
	// ms browser js greater than v5
	xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
	try
	{
		// ms browser js less than v5
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	catch (e)
	{
		// non ms browser
		xmlhttp = false;
	}
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
{
	// non ms browser
	xmlhttp = new XMLHttpRequest();
}


/* AJAX LOADING GIF */
function Animation(objName)
{
	hidden = document.getElementById(objName);
	hidden.innerHTML = '<div id="Loader"><center>Loading...<br /><img src="../Content/Ajax.gif" width="16" height="16" alt="Loading Data" class="parse" /></center></div>';
	document.getElementById(objName).style.visibility = 'visible';
}
		
//////////////////////////// AJAX CALLS ////////////////////////////
function LoadPage(ID)
{
	Animation('MainItem');
	xmlhttp.open("GET", "/Ajax/LoadPage.php?ID="+ID, true);
	xmlhttp.onreadystatechange = function()
	{
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
		{
			document.getElementById('MainItem').innerHTML = xmlhttp.responseText;

		$(function()
		{
			$('#MoreDetails a').lightBox();
		});

	}
	}
	xmlhttp.send(null);	
}

/* Detail Pop Up */
function LoadDetail(ID)
{
	Animation('DetailOverlay');
	xmlhttp.open("GET", "/Ajax/LoadDetail.php?ID="+ID, true);
	xmlhttp.onreadystatechange = function()
	{
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
		{
			document.getElementById('DetailOverlay').innerHTML = xmlhttp.responseText;
		}
	}
	xmlhttp.send(null);	
}

/* Detail Pop Up */
function GetFirstIDInCategory(ID)
{
//	Animation('DetailOverlay');
	xmlhttp.open("GET", "/Ajax/GetFirstIDInCategory.html?ID="+ID, true);
	xmlhttp.onreadystatechange = function()
	{
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
		{
//alert(xmlhttp.responseText);
			LoadPage(xmlhttp.responseText);
		}
	}
	xmlhttp.send(null);
}

function HideDetail(ID)
{
	document.getElementById('DetailOverlay').style.visibility = 'hidden';
}


////////////////////// GALLERY MENU ////////////////////////////////
function MenuChange(Menu)
{
	document.getElementById('Japanese').className='RightJapaneseOff';
	document.getElementById('OtherPrints').className='RightOtherPrintsOff';
//	document.getElementById('OtherItems').className='RightOtherItemsOff';

	if (Menu == "1")
	{
		// Japanese Prints
		document.getElementById('Japanese').className='RightJapaneseOn';
		GetFirstIDInCategory(Menu);
	}
	else if (Menu == "2")
	{
		// Other Prints
		document.getElementById('OtherPrints').className='RightOtherPrintsOn';
		GetFirstIDInCategory(Menu);
	}
	else if (Menu == "3")
	{
		// Other Items
		document.getElementById('OtherItems').className='RightOtherItemsOn';
		GetFirstIDInCategory(Menu);
	}
}