/**
	This function can be call on fade out animation complete
*/
function FOAnimCom(divId, divData)
{
	$("#" + divId).html(divData);												
	$("#" + divId).fadeIn("slow");	
}

/**
	Fade out a given div and then fade in the div
*/
function fadeOutFadeIn(divId, divData)
{		
	$("#" + divId).fadeOut("slow", function(){FOAnimCom(divId, divData)});		
}

function viewBtnDescription(btnId, desc)
{
	//$("#apDiv1").css("display", "block");
	$("#apDiv1").show();
	arrPos = findPos(btnId);
	
	descTop = arrPos[0] - 40;
	descLeft = arrPos[1] - 5;
	
	$("#apDiv1").css("top", descTop );
	$("#apDiv1").css("left", descLeft);
	$("#btnDescription").html(desc);	
}

function findPos(elementId)
{
    element = document.getElementById(elementId);
    TotalTop = 0;
    TotalLeft = 0;

    // do this as long as the current object is in a container
    while (element)
    {
         TotalTop = TotalTop + element.offsetTop;
         TotalLeft += element.offsetLeft;
         element = element.offsetParent;
    }
    return [TotalTop, TotalLeft];
}

function getSelectedValue(elemId)
{
	slctObject = document.getElementById(elemId);
	return slctObject.options[slctObject.selectedIndex].value;	
}