var startnum;
var pos; // initial position
var projectnum; // number of projects
var pos2;
var runit;
var dir;
var target;
var next;
var leftend;
var projectid = startnum;
var rightend;
var loaded = false;

function createRequest() {
	var request = null;
	try {
	  request = new XMLHttpRequest();
	} catch (trymicrosoft) {
	  try {
		request = new ActiveXObject("Msxml2.XMLHTTP");
	  } catch (othermicrosoft) {
		try {
		  request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (failed) {
		  request = null;
		}
	  }
	}
	
	if (request == null) {
		alert("Error creating request object!");
	} else {
		return request;
	}
}

var inforeq = createRequest();

function getProjectInfo(pid) {
	var url = 'php/GetProjectInfo.php?pid=' + pid + '&pnum=' + projectnum;
	inforeq.open("GET", url, true);
  	inforeq.onreadystatechange = updateInfo;
  	inforeq.send(null);
}
	
function updateInfo() {
  var infobox = document.getElementById('prodinfo');
  if (inforeq.readyState == 4 && inforeq.status == 200) {
	infobox.innerHTML =  inforeq.responseText;
  } 
}

function setStartVals(pnum, start, slider) {
	projectnum = pnum;
	startnum = start;
	projectid = startnum;
  	pos = 92 - (268 * (startnum -1));
	target = slider;
	next = false;
	leftend = 92;
	rightend = 92 - (268 * (projectnum -1));
	loaded = true;
	box = document.getElementById(target);
	box.style.left = pos + 'px';
	box.style.width = 268 * projectnum;
	box.style.display = 'block';
	document.getElementById('loadingbox').style.display = 'none';
	getProjectInfo(projectid);
}

function startMove(arg1) {
  if (!runit && !next && loaded) {
	  setVals(arg1);
  }	
}

function setVals(arg1) {	
  if (arg1 != 'stop') {
	  runit = true; 
	  dir = arg1;		
	  if (dir == 'left') {
		  pos2 = pos - 268;
	  } else {
		  pos2 = pos + 268;	
	  }	
	  next = true;	
	  shiftView();
  } else {	
	  next = false;			
  }
}

function shiftView() { 			
  if (dir == 'left' && pos2 >= rightend) {	
	if (pos > pos2) {	
		pos -= 26;		
		box.style.left = pos + 'px';	
	} else {	
		box.style.left = pos2 + 'px';	
		pos = pos2;	
		runit = false;		
	}	
  } else if (dir == 'left' && pos2 < rightend) {
	runit = false;
	next = false;
  }
  if (dir == 'right' && pos2 <= leftend) {	
	if (pos < pos2) {	
		pos += 26;				
		box.style.left = pos + 'px';			
	} else {		
		box.style.left = pos2 + 'px';		
		pos = pos2;			
		runit = false;				
	}		
  } else if (dir == 'right' && pos2 > leftend) {
	runit = false;
	next = false;
  }
  if (pos <= rightend) {
	document.getElementById('fadebox2').style.display = 'none';  
  } else {
	document.getElementById('fadebox2').style.display = 'block';  
  }
  if (pos >= leftend) {
	document.getElementById('fadebox1').style.display = 'none';  
  } else {
	document.getElementById('fadebox1').style.display = 'block';  
  }
  if (runit) {		
	  setTimeout("shiftView();", 20);		
  } else if (next) {		
	  setVals(dir);		
  } else {
	projectid = Math.abs((pos - 92)/268) + 1;
	getProjectInfo(projectid);
  }
}