function __xmlhttp_request()
{
	var XMLHttpObject = null;
	
	if(window.XMLHttpRequest)
	{
		XMLHttpObject = new XMLHttpRequest();
	}
	else if(window.ActiveXObject)
	{
		XMLHttpObject = new ActiveXObject("Microsoft.XMLHTTP"); 
	}
		
	if(XMLHttpObject != null)
	{				
		return XMLHttpObject;
	}
	else
	{
		return false;
	}	
}

//************************************************************************************

function __show_loader(state)
{
	if(document.getElementById)
	{
		if(document.getElementById('loader'))
		{
			document.getElementById('loader').style.visibility = state;
			document.getElementById('loader').style.top = 0 + document.body.scrollTop;
		}
	}
}

//************************************************************************************

function __get_page(mode)
{
	var formObject = document.forms['theForm'];
	
	if(formObject && document.getElementById)
	{
		var page = parseInt(formObject['page'].value);
		var category = formObject['category'].value;
			
		var XMLHttpObject = __xmlhttp_request();
			
		if(XMLHttpObject)
		{				
			if(mode == 'increase')
			{
				page+=1;	
			}
			else
			{
				page-=1;	
			}
		
			XMLHttpObject.open('POST','rpc.php?mode=page',true);
			
			XMLHttpObject.onreadystatechange = function()
			{
				if(XMLHttpObject.readyState == 4)
				{
					if(XMLHttpObject.status == 200)
					{
						var xmlData = XMLHttpObject.responseXML; 
						
						if(xmlData.getElementsByTagName('project')[0])
						{
							var page = parseInt(xmlData.getElementsByTagName('page')[0].firstChild.nodeValue);
							var pages = parseInt(formObject['pages'].value); 
							
							if(page > 1)
							{	
								document.getElementById('arrow_left').innerHTML = '<a href="" onClick="__get_page(\'decrease\'); return false;" title="previous page"><img src="pix/g_arrow_left.gif" class="arrow" border="0"></a>';
							}
							else
							{
								document.getElementById('arrow_left').innerHTML = '&nbsp;';
							}
							
							if(page < pages)
							{
								document.getElementById('arrow_right').innerHTML = '<a href="" onClick="__get_page(\'increase\'); return false;" title="next page"><img src="pix/g_arrow_right.gif" class="arrow" border="0"></a>';
							}	
							else
							{
								document.getElementById('arrow_right').innerHTML = '&nbsp;';
							}
							
							html =  '';							
							
							for(i=0 ; i<xmlData.getElementsByTagName('project').length || i<5 ; i++)
							{
								if(xmlData.getElementsByTagName('project')[i])
								{
									html += '<a href="our-website-graphic-design-work.php?projectID=' + xmlData.getElementsByTagName('project')[i].getAttribute("id") + "&amp;categoryID=" + formObject['category'].value + (page > 1 ? '&page=' + page : '') + '">';
									html += '<img src="admin/uploads/' + xmlData.getElementsByTagName('project')[i].getAttribute("image") + '" onmouseover="tooltip(\'' + xmlData.getElementsByTagName('project')[i].firstChild.nodeValue + '\');" onmouseout="hide_tooltip();" class="img" border="0">';
									html += '</a>';
								}
							}
							
							document.getElementById('thumbnails').innerHTML = html;
							
							formObject['page'].value = page;
						}
					}
				}
			}
			
			XMLHttpObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
			XMLHttpObject.send('mode=page&page=' + page + '&category=' + category);
		}
	}
}