var http = createRequestObject();
// Get base url
url = document.location.href;
xend = url.lastIndexOf("/") + 1;
var base_url = url.substring(0, xend);

function ajax_do (url) {
        // Does URL begin with http?
        if (url.substring(0, 4) != 'http') {
                url = base_url + url;
        }

        // Create new JS element
        var jsel = document.createElement('SCRIPT');
        jsel.type = 'text/javascript';
        jsel.src = url;

        // Append JS element (therefore executing the 'AJAX' call)
        document.body.appendChild (jsel);
}


function stop() {
         clearTimeout(t)
         document.getElementById('stop').innerHTML = '<img src="images/stopon.gif">'
         document.getElementById('play').innerHTML = '<img src="images/play.gif">'
}
function play() {
         document.getElementById('stop').innerHTML = '<img src="images/stop.gif">'
         document.getElementById('play').innerHTML = '<img src="images/playon.gif">'
         ajax_do('pictures.php?move=next&index='+document.getElementById('index').value);
         t=setTimeout("play()",5000)
}
	
function createRequestObject(){
	var request_o; 
	var browser = navigator.appName; //find browser name
	if(browser == "Microsoft Internet Explorer"){
	     request_o = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_o = new XMLHttpRequest();
	}
	return request_o; //return the object
}

function next() {
    	var p = document.getElementById('img')
        var i = document.getElementById('index')
	var id = parseInt(i.innerHTML)+1

        if (id==131) id=0
	p.innerHTML='Loading...'
		
	var url='picturefetch.php?id='+id
        
	http.open('get', url);
	http.onreadystatechange = function(){	
	     if(http.readyState == 4){ //Finished loading the response
			var response = http.responseText;
			p.innerHTML = response;
                        i.innerHTML=id
	     }  
	}
	http.send(null);
        
}
function previous() {
    	var p = document.getElementById('img')
        var i = document.getElementById('index')
	var id = parseInt(i.innerHTML)-1
        if (id<0) id=130
	p.innerHTML='Loading...'
		
	var url='picturefetch.php?id='+id
        
	http.open('get', url);
	http.onreadystatechange = function(){	
	     if(http.readyState == 4){ //Finished loading the response
			var response = http.responseText;
			p.innerHTML = response;
                        i.innerHTML=id
	     }  
	}
	http.send(null);
        
}
function jump(index) {
    	var p = document.getElementById('img')
        var i = document.getElementById('index')

	p.innerHTML='Loading...'
	var url='picturefetch.php?id='+index
        
	http.open('get', url);
	http.onreadystatechange = function(){	
     		if(http.readyState == 4){ //Finished loading the response
			var response = http.responseText;
			p.innerHTML = response;
                       	i.innerHTML=index+1
     		}  
	}
	http.send(null);
}