/* javascript function to update form field
 *  field		form field that is being counted
 *  count		form field that will show characters left
 *  maxchars 	maximum number of characters
*/
function characterCount(field, count, maxchars) {
  var realchars = field.value.replace(/\t|\r|\n|\r\n/g,'');
  var excesschars = realchars.length - maxchars;
  if (excesschars > 0) {
		field.value = field.value.substring(0, excesschars);
		alert("Error:\n\n- You are only allowed to enter up to"+maxchars+" characters.");
	} else {
		count.value = maxchars - realchars.length;
	}
}


function findPos(obj) {
	var curleft = curtop = 0;

	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}

function showLargeProductImage(obj)
{
  var div = document.getElementById("divLargeProductImage");
  
  if (!div) 
  	return;
	
  var img = document.getElementById("imgProductImageLarge");
  if (!img)
  	return;
  	

  var imgMain = document.getElementById("productMainImage");
  if (!imgMain)
    return;
  
  var p = findPos(imgMain);	
  
  var imgSmalls = obj.getElementsByTagName("img");
  
  var s = imgSmalls[0].src.replace(".jpg", "_LRG.jpg");
  s = s.replace("images/products", "images/large/products");
  
  img.style.backgroundImage = "url(" + s + ")";

  div.style.top = (p[1] + 0).toString() + "px" ;
  div.style.left = (p[0] + 500).toString() + "px";	
 
  div.style.visibility = "visible";	
}

function hideLargeProductImage(o)
{
  var div = document.getElementById("divLargeProductImage");
  
  if (!div) 
  	return;

	div.style.visibility = "hidden";
}