String.prototype.stripslashes = function()
{
	return this.replace(/\\/g, '');
}

function preloadImages()
{
	imgSpinner = new Image();
	imgSpinner.src = 'images/spinner.gif';
}

function moar()
{
	if (page <= maxlolz)
	{
		loadLolz(page+1);
		page++;
	}
}

// AJAXzor
var req;

function loadLolz(pageX)
{		
	if (pageX <= maxlolz)
	{
		// loading state
		document.getElementById('moar').innerHTML = '<div><img src="images/spinner.gif" align="absmiddle" /> Loadcat is loading...</div>';
		document.getElementById('share').style.visibility = 'hidden';
	
		req = false;
	
		args = 'page=' + pageX;
	
	    // branch for native XMLHttpRequest object
	    if (window.XMLHttpRequest && !(window.ActiveXObject))
	    {
	    	try
	    	{
				req = new XMLHttpRequest();
	        }
	        catch(e)
	        {
				req = false;
	        }
	    // branch for IE/Windows ActiveX version
	    }
	    else if(window.ActiveXObject)
	    {
	       	try
	       	{
	        	req = new ActiveXObject("Msxml2.XMLHTTP");
	      	}
	      	catch(e)
	      	{
	        	try
	        	{
	          		req = new ActiveXObject("Microsoft.XMLHTTP");
	        	}
	        	catch(e)
	        	{
	          		req = false;
	        	}
			}
	    }
		if (req)
		{		
			// get data
			req.onreadystatechange = processReqChange;
			req.open("POST", 'get.php', true);
			req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			req.send(args);
		}
	}
}

function processReqChange()
{
    // only if req shows "loaded"
    if (req.readyState == 4)
    {
        // only if "OK"
        if (req.status == 200)
        {
			// final output
			document.getElementById('list').innerHTML += '<div id="page' + page + '" class="hidden"></div>';
			document.getElementById('list').innerHTML += req.responseText.stripslashes();		
			document.getElementById('share').style.visibility = 'visible';
			
			if (page != 1) // don't scroll down on load
				document.location = '#page' + page;		
			
			// show moar link only if it's allowed - we can't load indefinitely
			if (page < maxlolz)
			{
				document.getElementById('moar').innerHTML = '<b>Moar!</b>';
			}
			else
			{
				document.getElementById('moar').innerHTML = '<div>Sorry...<br /> Can load only so many lolcats.</div>';
			}
        }
        else
        {
           document.getElementById('moar').innerHTML = "No can has lolz cuz of error :(";
        }
    }
}