function showAnswers(anscount){
var showrow;
var showrow2;
var counter=0;
while(counter<anscount)
{
	showrow='answertablerow' + counter + 'a';
	showrow2='answertablerow' + counter + 'b';
	document.getElementById(showrow).style.display='';
	document.getElementById(showrow2).style.display='';
	counter++;
}
while(counter<10)
{
	showrow='answertablerow' + counter + 'a';
	showrow2='answertablerow' + counter + 'b';
	document.getElementById(showrow).style.display='none';
	document.getElementById(showrow2).style.display='none';
	counter++;
}
}

function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } 
}

function strMse(event){
if(!event) var event=window.event;
if (document.all){ return [event.clientX+strDocS()[0],event.clientY+strDocS()[1]]; }
return [event.pageX,event.pageY];
}

function strDocS(){
if (!document.body.scrollTop){ return [document.documentElement.scrollLeft,document.documentElement.scrollTop]; }
return [document.body.scrollLeft,document.body.scrollTop];
}

function strPos(strobj){
strlft=strobj.offsetLeft;
strtop=strobj.offsetTop;
while(strobj.offsetParent!=null)
{
strpar=strobj.offsetParent;
strlft+=strpar.offsetLeft;
strtop+=strpar.offsetTop;
strobj=strpar;
}
return [strlft,strtop];
}

function printXY(event,objname, marker){
pos_x = strMse(event)[0]-strPos(document.getElementById(objname))[0];
pos_y = strMse(event)[1]-strPos(document.getElementById(objname))[1];
alert('X position: '+pos_x+'\nY position: '+pos_y);
var divframe = document.getElementById('light');
framepos_x=divframe.scrollLeft;
alert('Frame X position: ' + framepos_x);
imgpos_x=pos_x + framepos_x - 2;
//imgpos_x=pos_x - 2;
obj=document.getElementById(marker);
obj.style.left=imgpos_x +"px";
var startx = document.getElementById('startpointid');
//alert('Current Stored Pos: ' + startx.value);
startx.value = imgpos_x;
}


function updateScroll(event,objname){
pos_x = strMse(event)[0]-strPos(document.getElementById(objname))[0];
pos_y = strMse(event)[1]-strPos(document.getElementById(objname))[1];
//alert('X position: '+pos_x+'\nY position: '+pos_y);
var divframe = document.getElementById('light');
framepos_x=divframe.scrollLeft;
//alert('Frame X position: ' + framepos_x);
imgpos_x=pos_x + framepos_x - 2;
//imgpos_x=pos_x - 2;

var startx = document.getElementById('scrollchange');
var startfieldcurrent = document.getElementById('startpointid');
var endfieldcurrent = document.getElementById('endpointid');
var scrollfieldcurrent = document.getElementById('scrollpointid');
//alert('Scrollchange value: ' + startx.value);
var error = 0;
if(startx.value==1)
{
	marker = 'startpoint';
	field = 'startpointid';
	fieldpopup = 'startpointidpopup';
	if(imgpos_x > endfieldcurrent.value && endfieldcurrent.value!=0)
	{
		alert('Your start point cannot be after your end point, please try again.');
		error = 1;
	}
	if(imgpos_x > scrollfieldcurrent.value && scrollfieldcurrent.value!=0 && error == 0)
	{
		alert('Your start point cannot be after your scroll point, please try again.');
		error = 1;
	}
}
if(startx.value==2)
{
	marker = 'endpoint';
	field = 'endpointid';
	fieldpopup = 'endpointidpopup';
	if(imgpos_x < startfieldcurrent.value)
	{
		alert('Your end point cannot be before your start point, please try again.');
		error = 1;
	}
	if(imgpos_x < scrollfieldcurrent.value && scrollfieldcurrent.value!=0 && error == 0)
	{
		alert('Your end point cannot be before your scroll point, please try again.');
		error = 1;
	}
}
if(startx.value==3)
{
	marker = 'scrollpoint';
	field = 'scrollpointid';
	fieldpopup = 'scrollpointidpopup';
	if(imgpos_x > endfieldcurrent.value && endfieldcurrent.value!=0)
	{
		alert('Your scroll point cannot be after your end point, please try again.');
		error = 1;
	}
	if(imgpos_x < startfieldcurrent.value && error == 0)
	{
		alert('Your scroll point cannot be before your start point, please try again.');
		error = 1;
	}
}
if(error!=1)
{
	obj=document.getElementById(marker);
	obj.style.left=imgpos_x +"px";
	var fieldid = document.getElementById(field);
	fieldid.value = imgpos_x;
	var fieldidpopup = document.getElementById(fieldpopup);
	fieldidpopup.value = imgpos_x;
	//alert('fieldid value: ' + fieldid.value);
}
}

function updateScrollManual(event,objname){
var imgpos_x = document.getElementById(objname);
var imgpos_xvalue = parseInt(document.getElementById(objname).value);

var startx = document.getElementById('scrollchange');
var startfieldcurrent = document.getElementById('startpointid');
var endfieldcurrent = document.getElementById('endpointid');
var scrollfieldcurrent = document.getElementById('scrollpointid');
var error = 0;

//alert('objname: '+objname+'\nimgpos_x: '+imgpos_xvalue+'\nstartfieldcurrent: '+startfieldcurrent.value+'\nendfieldcurrent: '+endfieldcurrent.value+'\nscrollfieldcurrent: '+scrollfieldcurrent.value);

if(objname=='startpointidpopup')
{
	marker = 'startpoint';
	field = 'startpointid';
	fieldpopup = 'startpointidpopup';
	pulldown=1;
	if(imgpos_xvalue > endfieldcurrent.value && endfieldcurrent.value!=0)
	{
		alert('Your start point cannot be after your end point, please try again.');
		error = 1;
	}
	if(imgpos_xvalue > scrollfieldcurrent.value && scrollfieldcurrent.value!=0 && error == 0)
	{
		alert('Your start point cannot be after your scroll point, please try again.');
		error = 1;
	}
}
if(objname=='endpointidpopup')
{
	marker = 'endpoint';
	field = 'endpointid';
	fieldpopup = 'endpointidpopup';	
	pulldown=2;
	if(imgpos_xvalue < startfieldcurrent.value)
	{
		alert('Your end point cannot be before your start point, please try again.');
		error = 1;
	}
	if(imgpos_xvalue < scrollfieldcurrent.value && scrollfieldcurrent.value!=0 && error == 0)
	{
		alert('Your end point cannot be before your scroll point, please try again.');
		error = 1;
	}
}
if(objname=='scrollpointidpopup')
{
	marker = 'scrollpoint';
	field = 'scrollpointid';
	fieldpopup = 'scrollpointidpopup';
	pulldown=3;
	if(imgpos_xvalue > endfieldcurrent.value && endfieldcurrent.value!=0)
	{
		alert('Your scroll point cannot be after your end point, please try again.');
		error = 1;
	}
	if(imgpos_xvalue < startfieldcurrent.value && error == 0)
	{
		alert('Your scroll point cannot be before your start point, please try again.');
		error = 1;
	}
}
if(error!=1)
{
	obj=document.getElementById(marker);
	obj.style.left=imgpos_xvalue +"px";
	var fieldid = document.getElementById(field);
	fieldid.value = imgpos_xvalue;
	var fieldidpopup = document.getElementById(fieldpopup);
	fieldidpopup.value = imgpos_xvalue;
	//alert('fieldid value: ' + fieldid.value);
	startx.value=pulldown;
}
else
{
	var fieldidpopup = document.getElementById(objname);
	if(objname=='startpointidpopup')
	{
		fieldidpopup.value = startfieldcurrent.value;	
	}
	if(objname=='endpointidpopup')
	{	
		fieldidpopup.value = endfieldcurrent.value;	
	}
	if(objname=='scrollpointidpopup')
	{	
		fieldidpopup.value = scrollfieldcurrent.value;	
	}
}

}


function resetXY(inputid, marker, inputid2){
imgpos_x=0;
obj=document.getElementById(marker);
obj.style.left=imgpos_x +"px";
var startx = document.getElementById(inputid);
startx.value = imgpos_x;
var startx = document.getElementById(inputid2);
startx.value = 'None';
}

function moveDiv(divid, amount){
	var divframe = document.getElementById(divid);
	//alert("RUNNING moveDiv:" + amount);
	divframe.scrollLeft = amount;
}


 function isInt(x) {
   var y=parseInt(x);
   if (isNaN(y)) return false;
   return x==y && x.toString()==y.toString();
 }

var t;
var scrollwidthglob;

function scrollDiv(scrollwidth){
  clearTimeout(t);
  scrollwidthglob = scrollwidth;
  scrollDiv2(scrollwidthglob)
}

function scrollDiv2(scrollwidth){
  scrollwidthglob = scrollwidth;
  var div = document.getElementById('imageiframe');
  if (div.scrollLeft<scrollwidthglob){
     div.scrollLeft=div.scrollLeft+2; //scroll 1 pixel up
     t = setTimeout('scrollDiv2(scrollwidthglob)', 50);
  }
  else clearTimeout(t);
}

function stopScroll(){
  clearTimeout(t);
}

function swapImagebackground(){
    alert('Starting swapImage');

	var selObj = document.getElementById('imageselectbox');
	var selIndex = selObj.selectedIndex;
	//alert(selObj.options[selIndex].value);
    document.getElementById('glogo').style.backgroundImage = 'url(/images/uploaded/' + selObj.options[selIndex].value + '.jpg)';

	swappedimg = new Image();
	swappedimg.src = '/images/uploaded/' + selObj.options[selIndex].value + '.jpg';
    alert('Finished swapImage');
}


var imgHeight;
var imgWidth;

function findHHandWW() {
imgHeight = this.height;
imgWidth = this.width;
document.getElementById('popupcontainer').style.width=imgWidth + 'px';
document.getElementById('popupcontainer').style.height=imgHeight + 'px';
document.getElementById('startpoint').style.height=imgHeight + 'px';
document.getElementById('endpoint').style.height=imgHeight + 'px';
document.getElementById('scrollpoint').style.height=imgHeight + 'px';
return true;
}

function swapImage(){
    //alert('Starting swapImage');
	var selObj = document.getElementById('imageselectbox');
	var selIndex = selObj.selectedIndex;

	if(selObj.options[selIndex].value==0)
	{
		document.getElementById('setscrollpoints').style.display='none';
	}
	else
	{
		document.getElementById('setscrollpoints').style.display='inline';
    	document.getElementById('glogo').src = '/images/uploaded/' + selObj.options[selIndex].value;

		var myImage = new Image();
		myImage.name = document.getElementById('glogo').src;
		myImage.src = document.getElementById('glogo').src;
		myImage.onload = findHHandWW;
	}

	resetXY('startpointid', 'startpoint', 'startpointidpopup');
	resetXY('scrollpointid', 'scrollpoint', 'scrollpointidpopup');
	resetXY('endpointid', 'endpoint', 'endpointidpopup');
	document.getElementById('scrollchange').value=1;
    //alert('Finished swapImage');
}

function swapImage2(){
    alert('Starting swapImage');
}