function StartFormProcess()
{
	var o = document.getElementById('frm_process');
	if (o)
	{
		o.style.display = "none";
	}
	var oNote = document.getElementById('frm_process_note');
	if (oNote)
	{
		oNote.innerHTML = '<i>Processing form... Please wait.</i>';
	}
}

function PopupDetails(popupId, popupBaseId)
{
	var oPopups = document.getElementsByName('product_info_popup');
	if (oPopups)
	{
		for (i=0; i<oPopups.length; i++)
		{
			oPopups[i].style.display = "none";
		}
	}
	
	var oPopup = document.getElementById(popupId);
	if (oPopup)
	{
		oPopup.style.top = GetTop(popupBaseId) + 'px';
		oPopup.style.left = (GetLeft(popupBaseId)-270) + 'px';
		oPopup.style.display = "block";
	}
	return false;
}

function HideElement(popupId)
{
	var oPopup = document.getElementById(popupId);
	if (oPopup)
	{
		oPopup.style.display = "none";
	}
	return false;
}

function GetTop(elmId)
{
    var y = 0;
    var elm = document.getElementById(elmId);
    if (elm)
    {
        y = elm.offsetTop;
        elm = elm.offsetParent;
        while(elm != null)
        {
			y = parseInt(y) + parseInt(elm.offsetTop);
			elm = elm.offsetParent;
        }
    }
    return y;
}

function GetLeft(elmId)
{
    var x = 0;
    var elm = document.getElementById(elmId);
    if (elm)
    {
        x = elm.offsetLeft;
        elm = elm.offsetParent;
        while(elm != null)
        {
			x = parseInt(x) + parseInt(elm.offsetLeft);
			elm = elm.offsetParent;
        }
    }
    return x;
}

function ToggleSubCategories(toggle, subcatbox)
{
	var oToggle = document.getElementById(toggle);
	var oSubCat = document.getElementById(subcatbox);
	if (oSubCat.style.display == 'block')
	{
		oSubCat.style.display = 'none';
		oToggle.innerHTML = '<a href="#" onclick="ToggleSubCategories(' + toggle + ', ' + subcatbox + ');">&raquo; Sub Categories</a>';
	}
	else
	{
		oSubCat.style.display = 'block';
		oToggle.innerHTML = '<a href="#" onclick="ToggleSubCategories(' + toggle + ', ' + subcatbox + ');">&laquo; Sub Categories</a>';
	}
}