// JavaScript Effects Functions
// PKL 9-8-08
// BEGIN--------------------------------------------
//                      FADE EFFECTS
// -------------------------------------------------
function SetOpacity(elem, opacityAsInt)
{
	var opacityAsDecimal = opacityAsInt;
	
	if (opacityAsInt > 100)
		opacityAsInt = opacityAsDecimal = 100; 
	else if (opacityAsInt < 0)
		opacityAsInt = opacityAsDecimal = 0; 
	
	opacityAsDecimal /= 100;
	if (opacityAsInt < 1)
		opacityAsInt = 1; // IE7 bug, text smoothing cuts out if 0
		
	//elem.style.backgroundColor = fadeColor; 
	//alert("FC = "+fadeColor);
	//
	
	elem.style.opacity = opacityAsDecimal;
	elem.style.filter  = "alpha(opacity=" + opacityAsInt + ")";
}

function FadeOpacity(elemId, fromOpacity, toOpacity, time, fps)
{
	var steps = Math.ceil(fps * (time / 1000));
	var delta = (toOpacity - fromOpacity) / steps;
	
	
	
	FadeOpacityStep(elemId, 0, steps, fromOpacity, delta, (time / steps));
}

function FadeOpacityStep(elemId, stepNum, steps, fromOpacity, delta, timePerStep)
{
	 /*
FadeOpacity requires 5 parameters to define the animation:
elemId
The id attribute of the DOM object (or HTML entity) to animate.
fromOpacity
The starting opacity for the animation.
toOpacity
The ending opacity of the animation. This is the opacity the element will have when the animation ends.
time
The time the animation should take, in milliseconds. This should be divisible by the frames per second or it will be rounded to the next highest number that is divisible.
fps
The frames per second for the animation. A higher fps value means a smoother animation, but opacity changes can be processor-intensive on larger elements, so you could lower this if needed. 8 - 12 fps is a good quality setting. */

    SetOpacity(document.getElementById(elemId), Math.round(parseInt(fromOpacity) + (delta * stepNum)) );
	
	if (stepNum < steps)	
        setTimeout("FadeOpacityStep('" + elemId + "', " + (stepNum+1) + ", " + steps + ", " + fromOpacity + ", " + delta + ", " + timePerStep + ");", timePerStep);
}


// +++++++++++  USED IN AJAX FUNCTIONS FOR VISUAL FEEDBACK +++++++++++++++++++
function progressIndicator(state, cart_row)
{
if(state == "on") 
	{
	var feedbackDiv = document.getElementById("rowfeedback-"+cart_row);
	var feedbackImg = document.getElementById("feedbackImg-"+cart_row);
	
	feedbackImg.style.visibility = "visible";
	feedbackImg.style.left= "260px";
	feedbackImg.style.height = "45";
	feedbackImg.style.width = "45";

	SetOpacity(feedbackDiv, '50');// function set opacity on cross-browser FF ie
	feedbackDiv.style.filter  = 'alpha(opacity="50")';
	feedbackDiv.style.backgroundColor ="#66FFFF";
	}
}
// +++++++++++  USED IN AJAX FUNCTIONS FOR VISUAL FEEDBACK +++++++++++++++++++
function sideProgressIndicator(state, wichDiv, whichImage)
{
	if(state == "on"){
		if(document.getElementById(wichDiv) ){
			var feedbackDiv = document.getElementById(wichDiv);
			SetOpacity(feedbackDiv, '50');// function set opacity on cross-browser FF ie
			feedbackDiv.style.filter  = 'alpha(opacity="50")';
			feedbackDiv.style.backgroundColor ="#66FFFF";
			}//if(document.getElementById(wichDiv) )
		
		if(document.getElementById(whichImage)){
			var feedbackImg = document.getElementById(whichImage);
			feedbackImg.style.visibility = "visible";
			feedbackImg.style.left= "100px";
			feedbackImg.style.height = "40";
			feedbackImg.style.width = "40";
			}// if(document.getElementById(whichImage))	
	}//if(state == "on")
}

// END--------------------------------------------
//                      FADE EFFECTS
// ------------------------------------------------

// BEGIN--------------------------------------------
//                  VISIBLE / INVISIBLE
// -------------------------------------------------
function makeVisible(id)
{
	document.getElementById(id).style.display = "block";
}//function makeVisable(id)

function makeVisibleInline(id)
{
	document.getElementById(id).style.display = "inline";
}//function makeVisable(id)

function makeInvisible(id)
{
	document.getElementById(id).style.display = "none";
}//function makeVisable(id)

// END--------------------------------------------
//                  VISIBLE / INVISIBLE
// ------------------------------------------------
// BEGIN--------------------------------------------
//                  BUTTON  EFFECTS
// -------------------------------------------------
// BEGIN--------------------------------------------
//                  USER INTERFACE 
// -------------------------------------------------
function selectState(s){
document.getElementById("selectState").firstChild.nodeValue = s;
document.getElementById("stateAbrv").value = s;
alert("Value = "+s);
}





// END--------------------------------------------
//                  BUTTON  EFFECTS
// ------------------------------------------------