// slide js

var page = 0;
var pagesize = 0;
var maxpage = 0;

// slide the list to the right
function previous(){
	if ( page > 0 )
	{
		page--;
		Effect.MoveBy('pictureList', 0, pagesize); 
		$('lnkPrevious').style.color = '';
		$('p').innerHTML = (page+1);

		//enable forward?
		if ( (page+1) < maxpage ) {
			$('lnkNext').style.visibility = 'visible';
		}

		if ( page == 0 )
		{	//disable prev
			$('lnkPrevious').style.visibility = 'hidden';
		}else{
			$('lnkPrevious').style.visibility = 'visible';
		}
	}
	//document.getElementById('d').innerHTML = "<br>" + Effect.currentlyExecuting;
}

// slide the list to the left
function next(){
	if ( maxpage > 0 && page < (maxpage-1) )
	{
		page++;
		var moveby = pagesize * -1;
		Effect.MoveBy('pictureList', 0, moveby); 
		$('p').innerHTML = (page+1);
		
		//enable back?
		if ( page > 0 )
		{
			$('lnkPrevious').style.visibility = 'visible';
		}

		if ( maxpage == (page+1) )
		{   //disable next
			$('lnkNext').style.visibility = 'hidden';
		}else{
			$('lnkNext').style.visibility = 'visible';
		}
	}
}

function prepareList(){
	maxpage = $('pm').innerHTML = Math.ceil($('pictureList').getDimensions().width / 470);
	pagesize = $('slides').getDimensions().width;

	var pcc = $('pictureList');
	var tds = pcc.getElementsByTagName('td');
	for ( i=0; i<tds.length; i++ )
	{
		tds[i].innerHTML += '<span>'+(i+1)+'</span>';
	}
	if ( maxpage > 1 )
	{
		$('lnkNext').style.visibility = 'visible';
	}
	
}

document.addEvent(window,"load",prepareList,false);