var xmlHttp = null;

function changePage(page)
{
	xmlHttp = GetXmlHttpObject();
	if(xmlHttp == null)
	{
		alert("Browser does not support HTTP Request");
		return;
	}
	
	Jelo.Anim.ate({me:$('#videos'),css:'opacity',from:1,to:0,duration:5,easing:'out'});
	
	var url = "./get_videos.php";
	url += "?page=" + page;
	xmlHttp.onreadystatechange = function() { stateChangedChangePage(page); };
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
}

function stateChangedChangePage(page)
{
	if(xmlHttp.readyState == 4)
	{	
		var xmlDoc = xmlHttp.responseXML;
		
		var tbl = document.getElementById('videos');
		var rows = tbl.rows;
		
		//Remove rows in table, if any
		while(rows.length)
        	tbl.deleteRow(rows.length-1);
		
		var rows = tbl.rows.length;
		var vidCount = xmlDoc.getElementsByTagName('video').length;
		for(var i = 0; i < vidCount; i++)
		{
			var video = xmlDoc.getElementsByTagName('id')[i].childNodes[0].nodeValue;
			var title = xmlDoc.getElementsByTagName('title')[i].childNodes[0].nodeValue;
			
			var row = tbl.insertRow(rows);
			var cell = row.insertCell(0);
			
			var str = '<a href="javascript:{}" onclick="viewVideo(\'' + video + '\');">';
			str += '<img id="' + video +'" src="http://img.youtube.com/vi/' + video + '/default.jpg" alt="' + title + '" border="0" /></a><br />';
			str += '<b style="color: #8B0000;">' + title + '</b>';
			
			//link.appendChild(img);
			cell.innerHTML = str;
			rows++;
		}
		
		var row = tbl.insertRow(rows);
		var cell = row.insertCell(0);
		
		var last = xmlDoc.getElementsByTagName('rows')[0].childNodes[0].nodeValue;
		var str = '';
		
		//Previous Page Links
		if (page != 1)
		{
			var prev = page - 1;
			str += '<a href="javascript:{}" onclick="changePage(1);">&laquo</a>&nbsp;&nbsp;';
			str += '<a href="javascript:{}" onclick="changePage(' + prev + ');">&lt;</a>&nbsp;&nbsp;';
		}
		else
		{
			str += '&laquo&nbsp;&nbsp;';
			str += '&lt;&nbsp;&nbsp;';
		}
		
		str += 'page ' + page + ' of ' + last;
		
		//Next Page Links
		if(page != last)
		{
			var next = page + 1;
			str += '&nbsp;&nbsp;<a href="javascript:{}" onclick="changePage(' + next + ');">&gt;</a>';
			str += '&nbsp;&nbsp;<a href="javascript:{}" onclick="changePage(' + last + ');">&raquo</a>';
		}
		else
		{
			str += '&nbsp;&nbsp;&gt;';
			str += '&nbsp;&nbsp;&raquo';
		}
		cell.innerHTML = str;
		
		Jelo.Anim.ate({me:$('#videos'),css:'opacity',from:0,to:1,duration:3,easing:'out'});
	}
}

function GetXmlHttpObject()
{
	var xmlHttp = null;
	try
 	{
 		// Firefox, Opera 8.0+, Safari
 		xmlHttp = new XMLHttpRequest();
 	}
	catch (e)
 	{
 		//Internet Explorer
 		try
  		{
  			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  		}
 		catch (e)
  		{
  			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  		}
 	}
	return xmlHttp;
}