function makeHttpRequest(url, callback_function, return_xml)
{
   var http_request = false;

   if (window.XMLHttpRequest) { // Mozilla, Safari,...
       http_request = new XMLHttpRequest();
       if (http_request.overrideMimeType) {
           http_request.overrideMimeType('text/xml; charset=ISO-8859-1');
       }
   } else if (window.ActiveXObject) { // IE
       try {
           http_request = new ActiveXObject("Msxml2.XMLHTTP");
       } catch (e) {
           try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (e) {}
       }
   }

   if (!http_request) {
       alert('Your browser does not support AJAX requests...');
       return false;
   }
   http_request.onreadystatechange = function() {
       if (http_request.readyState == 4) {
           if (http_request.status == 200) {
               if (return_xml) {
                   eval(callback_function + '(http_request.responseXML)');
               } else {
                   eval(callback_function + '(http_request.responseText)');
               }
           }
       }
   }
   http_request.open('GET', url, true);
   http_request.send(null);
}

function nextCeleb(number) {
	document.getElementById('show-loader').style.display='block';
	makeHttpRequest('celebrities/showceleb.php?number='+number, 'showCeleb',true);
}

function showCeleb(xmldoc) {
	var all = xmldoc.getElementsByTagName('all')[0];
	var number = all.getElementsByTagName('number')[0].firstChild.nodeValue;
	var photo = all.getElementsByTagName('photo')[0].firstChild.nodeValue;
	var story = all.getElementsByTagName('story')[0].firstChild.nodeValue;
	story = story.replace(/!!/g, "<br />");
	var who = all.getElementsByTagName('who')[0].firstChild.nodeValue;
	var out = '';
	
	out += '<div id="show-loader"><img src="celebrities/ajax-loader.gif" alt="" /></div>';
	if(photo!='-') out += '<img src="celebrities/' +photo+ '.png" alt="" title="' +who+ '" id="clipphoto" style="width:126px;height:154px" />';
	out += story+ '<br /><br /><b>' +who+ '</b>';
	out += '<div style="border-top:1px dotted #555555;margin-top:5px;padding-top:3px">';
	out += '<a href="#" onclick="nextCeleb(' +(number*1-1)+ ');return false"><img src="/sites/all/themes/wrs/gfx/previous.gif" alt="" style="border:0px;vertical-align:middle" /></a> ';
	out += '<a href="#" onclick="nextCeleb(' +(number*1-1)+ ');return false">Prev</a> ';
	out += '<a href="#" onclick="nextCeleb(' +(number*1+1)+ ');return false">Next</a> ';
	out += '<a href="#" onclick="nextCeleb(' +(number*1+1)+ ');return false"><img src="/sites/all/themes/wrs/gfx/next.gif" alt="" style="border:0px;vertical-align:middle" /></a> ';
	out += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/?q=makepledge/supporters/celebs">Celebrities</a> ';
	out += '<a href="/?q=makepledge/supporters/celebs"><img src="/sites/all/themes/wrs/gfx/ribbon.gif" alt="" style="border:0px;vertical-align:middle" /></a></div>';
	
	document.getElementById('show-join-me').innerHTML = out;
}