var icons = 7;
var iconlist = document.getElementById("iconlist");
function updateIcons(){
	for(var i=0;i<icons;i++){
		
		var td = iconlist.cells[i];
		var index = (start + i)%size;
		if(i>=size)
			td.innerHTML="";
		else
     		td.innerHTML = "<a onClick=\"changePicture("+id[index]+","+index+")\" ><img src=\"c/i/"+p[index]+"\" class=icon></a>";
 	}
}
function move(amount){
	start = (start+amount)%size;
	if(start<0) start = size-1;
	updateIcons();
}

function picMove(amount){
	curr = (curr+amount)%size;
	if(curr<0) curr = size-1;
	changePicture(id[curr],curr);
}
function changePicture(id,index){
	curr = index;
	makeRequest('js.php', "?xml=1&pictureid="+id);
	return false;
}

var http_request = false;
function makeRequest(url, parameters) {
  http_request = false;
  if (window.XMLHttpRequest) { // Mozilla, Safari,...
     http_request = new XMLHttpRequest();
     if (http_request.overrideMimeType) {
        http_request.overrideMimeType('text/xml');
     }
  } 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('Cannot create XMLHTTP instance');
     return false;
  }
  http_request.onreadystatechange = alertContents;
  http_request.open('GET', url + parameters, true);
  http_request.send(null);
}

function alertContents() {
  if (http_request.readyState == 4) {
     if (http_request.status == 200) {		
        var xmldoc = http_request.responseXML;
        var file = xmldoc.getElementsByTagName('pic')[0].getAttribute("file"); 
        var name = xmldoc.getElementsByTagName('pic')[0].getAttribute("name"); 
        var id = xmldoc.getElementsByTagName('pic')[0].getAttribute("id"); 

        document.getElementById("picture").innerHTML = '<img src="c/' + file + '" class=pic>';
         if( document.getElementById("picname"))
         document.getElementById("picname").innerHTML = '<a href="http://clomix.com/?i='+id+'">'+name+'</a>';
              
     } else {
        alert('There was a problem with the request.');
     }
  }
}

window.onkeydown =
function(event){
    event = event || window.event;

	if (event.keyCode == 39)
		picMove(1);
	else if (event.keyCode == 37)
		picMove(-1);
	return true;
}