/* ENTRIES PAGINATION STARTS HERE */

var entries = new Array();
var change1 = false;
var change2 = false;
var page = 1;
var maxPages;
var totalCategories = 2;
var page = 1;
var friendEntryWidth = 495;

function rollOver(obj, bool) {
	var x = obj.id.toString();
	var imgName = x + "img";
	if (bool) {
		obj.style.backgroundColor = "#ffcc66";
	} else {
		obj.style.backgroundColor = "#ffffff";
	}
}

/* PHOTO POPUP STARTS HERE */

function mouseX(evt) {
	if (!evt) evt = window.event;
	if (evt.pageX) return evt.pageX //relative to whole doc
	else if (evt.clientX) return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft);
	else return 0;
}

function mouseY(evt) {
	if (!evt) evt = window.event;
	if (evt.pageY) return evt.pageY;
	else if (evt.clientY) return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	else return 0;
}

var appear = false;
document.getElementById('photoThumb');

function follow(evt) {
	if (document.getElementById('photoThumb')) {
		if (appear) {
			document.getElementById('photoThumb').style.display = 'block';
			document.getElementById('photoThumb').style.visibility = 'visible';
			document.getElementById('photoThumb').style.left = (parseInt(mouseX(evt))+20) + 'px';
			document.getElementById('photoThumb').style.top = (parseInt(mouseY(evt))+20) + 'px';
		} else {
			document.getElementById('photoThumb').style.display = 'none';
			document.getElementById('photoThumb').style.visibility = 'hidden';
		}
	}
}

function photoPopup(bool) {
  appear = bool;
}

function moveLeft()
{
	if (page == 1) 
	{
		return;
	}
	if (page == maxPages)
	{
		$('rightbg').style.visibility = 'visible';
	}
	new Effect.Move('friendEntries', { x: friendEntryWidth, y: 0, transition: Effect.Transitions.sinoidal, duration:0.5, queue:{position:'end', scope: 'scope'} });
	page--;
	if (page == 1) 
	{
		$('leftbg').style.visibility = 'hidden';
	}
}

function moveRight()
{
	if (page == maxPages) return;
	if (page == 1)
	{
		$('leftbg').style.visibility = 'visible';
	}
	new Effect.Move('friendEntries', { x: -friendEntryWidth, y: 0, transition: Effect.Transitions.sinoidal, duration:0.5, queue:{position:'end', scope: 'scope'} });
	page++;
	if (page == maxPages)
	{
		$('rightbg').style.visibility = 'hidden';
	}
}

document.onmousemove = follow;