// BAM 3/25/04



// hide some page elemetns

function hide(elements) {

	//if(!elements == undefined)

	for(i = 0; i < elements.length; i++) {

		document.getElementById(elements[i]).style.display = "none";

	}

}



// show some page elements

function show(elements) {
 for(i = 0; i < elements.length; i++) {
  //alert(elements[i])
	document.getElementById(elements[i]).style.display = "";

	}

}



// make three images and a hidden input behve like a group of radio buttons

function radioClickEvalSmiley(buttonID, b1ID, b2ID, b3ID, inputID) {

	switch(buttonID) {

		case b1ID:

			document.getElementById(b1ID).src = window.pageBag.radioImg1;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = "Less than Expected"

			break;

		case b2ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImg2;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = "As Expected"

			break;

		case b3ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImg3;

			document.getElementById(inputID).value = "Better than Expected"

			break;

	}

}



// make three images and a hidden input behve like a group of radio buttons, sans smileys

function radioClickEval(buttonID, b1ID, b2ID, b3ID, inputID) {

	switch(buttonID) {

		case b1ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgDown;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b2ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgDown;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b3ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgDown;

			document.getElementById(inputID).value = 3

			break;

	}

}



// make four images and a hidden input behave like a group of radio buttons

function radioClickEvalNASmiley(buttonID, b0ID, b1ID, b2ID, b3ID, inputID) {

	switch(buttonID) {

		case b0ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgDown;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 0

			break;

		case b1ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImg1;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b2ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImg2;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b3ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImg3;

			document.getElementById(inputID).value = 3

			break;

	}

}



// make four images and a hidden input behave like a group of radio buttons

function radioClickEvalNA(buttonID, b0ID, b1ID, b2ID, b3ID, inputID) {

	switch(buttonID) {

		case b0ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgDown;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 0

			break;

		case b1ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgDown;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b2ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgDown;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b3ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgDown;

			document.getElementById(inputID).value = 3

			break;

	}

}



// make four images and a hidden input behve like a group of radio buttons

function radioClickFourEval(buttonID, b1ID, b2ID, b3ID, b4ID, inputID) {

	switch(buttonID) {

		case b1ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgDown;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b2ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgDown;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b3ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgDown;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 3

			break;

		case b4ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgDown;

			document.getElementById(inputID).value = 4

			break;

	}

}



// make three images and a hidden input behve like a group of radio buttons

function radioClickFivEval(buttonID, b1ID, b2ID, b3ID, b4ID, b5ID, inputID) {

	switch(buttonID) {

		case b1ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgDown;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b2ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgDown;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b3ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgDown;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 3

			break;

		case b4ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgDown;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 4

			break;

		case b5ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgDown;

			document.getElementById(inputID).value = 5

			break;

	}

}



// make three images and a hidden input behve like a group of radio buttons

function radioClickFivEvalSmiley(buttonID, b1ID, b2ID, b3ID, b4ID, b5ID, inputID) {

	switch(buttonID) {

		case b1ID:

			document.getElementById(b1ID).src = window.pageBag.radioImg1;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b2ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImg1_5;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b3ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImg2;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 3

			break;

		case b4ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImg2_5;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 4

			break;

		case b5ID:

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImg3;

			document.getElementById(inputID).value = 5

			break;

	}

}



// make four images and a hidden input behave like a group of radio buttons

function radioClickFivEvalNA(buttonID, b0ID, b1ID, b2ID, b3ID, b4ID, b5ID, inputID) {

	switch(buttonID) {

		case b0ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgDown;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 0

			break;

		case b1ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgDown;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b2ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgDown;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b3ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgDown;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 3

			break;

		case b4ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgDown;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 4

			break;

		case b5ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgDown;

			document.getElementById(inputID).value = 5

			break;

	}

}



// make four images and a hidden input behave like a group of radio buttons

function radioClickFivEvalNASmiley(buttonID, b0ID, b1ID, b2ID, b3ID, b4ID, b5ID, inputID) {

	switch(buttonID) {

		case b0ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgDown;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 0

			break;

		case b1ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImg1;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b2ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImg1_5;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b3ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImg2;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 3

			break;

		case b4ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImg2_5;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 4

			break;

		case b5ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImg3;

			document.getElementById(inputID).value = 5

			break;

	}

}



// make six images and a hidden input behave like a group of radio buttons

function radioClickSixEval(buttonID, b0ID, b1ID, b2ID, b3ID, b4ID, b5ID, inputID) {

	switch(buttonID) {

		case b0ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgDown;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 1

			break;

		case b1ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgDown;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 2

			break;

		case b2ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgDown;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 3

			break;

		case b3ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgDown;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 4

			break;

		case b4ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgDown;

			document.getElementById(b5ID).src = window.pageBag.radioImgUp;

			document.getElementById(inputID).value = 5

			break;

		case b5ID:

			document.getElementById(b0ID).src = window.pageBag.radioImgUp;

			document.getElementById(b1ID).src = window.pageBag.radioImgUp;

			document.getElementById(b2ID).src = window.pageBag.radioImgUp;

			document.getElementById(b3ID).src = window.pageBag.radioImgUp;

			document.getElementById(b4ID).src = window.pageBag.radioImgUp;

			document.getElementById(b5ID).src = window.pageBag.radioImgDown;

			document.getElementById(inputID).value = 6

			break;

	}

}



// make some images and a hidden input behave like radio buttons for demos

function radioClickDemo(buttonID, buttonList, inputID) {

	for(i = 0; i < buttonList.length; i++) {

		if(buttonID == buttonList[i][0]) {

			document.getElementById(buttonID).src = window.pageBag.radioImgDown;

			document.getElementById(inputID).value = buttonList[i][1];

		} else {

			document.getElementById(buttonList[i][0]).src = window.pageBag.radioImgUp;

		}

	}

}



function commentLengthCount(commentFieldID, countFieldID, maxLimit, panelCountID, countVisibleTreshold) {

    field = document.getElementById(commentFieldID)

    panel = document.getElementById(panelCountID)

    if (field.value.length > maxLimit) // if too long...trim it!

        field.value = field.value.substring(0, maxLimit);

    // otherwise, update 'characters left' counter

    else {       

        if (maxLimit - field.value.length > countVisibleTreshold)

            panel.style.display = "none";

        else {

            panel.style.display = "block";

            document.getElementById(countFieldID).innerText = maxLimit - field.value.length;

        }

    }

}