function view(pid, accno) {
	var imagediv = document.getElementById('imgset' + accno);
	var newimage = '<img style="border:none; margin: 30px 0px 0px 30px;" src="images/snake_transparent.gif" />'
	var namediv = document.getElementById('nameset' + accno);
	var newdesc = '<img src="images/progressbar.gif" />'
	imagediv.innerHTML = newimage;
	namediv.innerHTML = newdesc;
	xajax_getDetails(pid, accno); 
}
function view1(pid) {
	var imagediv = document.getElementById('imgset1');
	var newimage = '<img style="border:none; margin: 30px 0px 0px 30px;" src="images/snake_transparent.gif" />'
	var namediv = document.getElementById('nameset1');
	var newdesc = '<img src="images/progressbar.gif" />'
	imagediv.innerHTML = newimage;
	namediv.innerHTML = newdesc;
	xajax_getDetails1(pid); 
}
function view2(pid) {
	var imagediv = document.getElementById('imgset2');
	var newimage = '<img style="border:none; margin: 30px 0px 0px 30px;" src="images/snake_transparent.gif" />'
	var namediv = document.getElementById('nameset2');
	var newdesc = '<img src="images/progressbar.gif" />'
	imagediv.innerHTML = newimage;
	namediv.innerHTML = newdesc;
	xajax_getDetails2(pid); 
}
function view3(pid) {
	var imagediv = document.getElementById('imgset3');
	var newimage = '<img style="border:none; margin: 30px 0px 0px 30px;" src="images/snake_transparent.gif" />'
	var namediv = document.getElementById('nameset3');
	var newdesc = '<img src="images/progressbar.gif" />'
	imagediv.innerHTML = newimage;
	namediv.innerHTML = newdesc;
	xajax_getDetails3(pid); 
}
function view4(pid) {
	var imagediv = document.getElementById('imgset4');
	var newimage = '<img style="border:none; margin: 30px 0px 0px 30px;" src="images/snake_transparent.gif" />'
	var namediv = document.getElementById('nameset4');
	var newdesc = '<img src="images/progressbar.gif" />'
	imagediv.innerHTML = newimage;
	namediv.innerHTML = newdesc;
	xajax_getDetails4(pid); 
}
function view5(pid) {
	var imagediv = document.getElementById('imgset5');
	var newimage = '<img style="border:none; margin: 30px 0px 0px 30px;" src="images/snake_transparent.gif" />'
	var namediv = document.getElementById('nameset5');
	var newdesc = '<img src="images/progressbar.gif" />'
	imagediv.innerHTML = newimage;
	namediv.innerHTML = newdesc;
	xajax_getDetails5(pid); 
}
function view6(pid) {
	var imagediv = document.getElementById('imgset6');
	var newimage = '<img style="border:none; margin: 30px 0px 0px 30px;" src="images/snake_transparent.gif" />'
	var namediv = document.getElementById('nameset6');
	var newdesc = '<img src="images/progressbar.gif" />'
	imagediv.innerHTML = newimage;
	namediv.innerHTML = newdesc;
	xajax_getDetails6(pid); 
}
function view7(pid) {
	var imagediv = document.getElementById('imgset7');
	var newimage = '<img style="border:none; margin: 30px 0px 0px 30px;" src="images/snake_transparent.gif" />'
	var namediv = document.getElementById('nameset7');
	var newdesc = '<img src="images/progressbar.gif" />'
	imagediv.innerHTML = newimage;
	namediv.innerHTML = newdesc;
	xajax_getDetails7(pid); 
}
function cost(prod_id) {
	var fieldId = 'unitprice' + prod_id;
	var checkId = 'checkbox' + prod_id;
	var qtyId = 'qty' + prod_id;
	var costLabel = 'netcost' + prod_id;
	var finalSpan = document.getElementsByTagName("samp");
	var carryOver = document.getElementById('carryover');
	var crossCost = document.getElementById('xcost');
	var unitPrice = document.getElementById(fieldId).value;
	var quantity =  document.getElementById(qtyId).options[document.getElementById(qtyId).selectedIndex].value;
	if (document.getElementById(checkId).checked == true) {
		var thecost = parseFloat(unitPrice * quantity);
		//var costString = prod_id + ',' + quantity + ',' + thecost + ',' + '|';
	} else if (document.getElementById(checkId).checked == false) {
		var thecost = parseFloat('0.00');
	}
	if (thecost.toFixed) { //if browser supports toFixed() method
		thecost = thecost.toFixed(2)
	}	 
	document.getElementById(costLabel).innerHTML = thecost;
	var costTags = document.getElementsByTagName("tt");
	var sum = 0.00;
	var tagvalue;
	for (var i=0; i<costTags.length; i++) {
		tagvalue = parseFloat(costTags[i].innerHTML);
		sum = sum + tagvalue;
	}
	if (sum.toFixed) {
		sum = sum.toFixed(2)
	}
	var carryOverValue = carryOver.value;
	if (carryOverValue == '') { carryOverValue = 0.00; }
	carryOverValue = parseFloat(carryOverValue); 
	if (carryOverValue.toFixed) {
		carryOverValue = carryOverValue.toFixed(2);
	}
	addition = parseFloat(carryOverValue) + parseFloat(sum);
	if (addition.toFixed) {
			addition = addition.toFixed(2);
	}
	for (var i=0; i<finalSpan.length; i++) {
		finalSpan[i].innerHTML = addition;
	}
	crossCost.value = addition;
	return;
}