//This is used to toggle the slide display of the Send-to-a-Friend Form
$(document).ready(function() {
	$("h5.SendFriend a").click(function () {
		$("#SendToAFriend:visible").slideUp();
		$("#SendToAFriend:hidden").slideDown();
	});
	$("#SendToAFriend a.Close").click(function () {
		$("#SendToAFriend:visible").slideUp();
	});
});

// This is used to clear the comment/send to friend forms.
function clickclear(thisfield, defaulttext) {
	if (thisfield.value == defaulttext) {
		thisfield.value = "";
	}
}

// This is used to clear the comment/send to friend forms.
function clickrecall(thisfield, defaulttext) {
	if (thisfield.value == "") {
		thisfield.value = defaulttext;
	}
}

// This is used to make custom check images in the place of radio buttons
function ToggleBG(Container,ElemID,ElemTag,CheckboxID){
	var Labels = document.getElementById(Container).getElementsByTagName(ElemTag);
	for(i=0; i<Labels.length; i++){
		Labels[i].setAttribute("class","off");
	}
	var Inputs = document.getElementById(Container).getElementsByTagName('input');
	for(i=0; i<Inputs.length; i++){
		if(Inputs[i].type=='radio'){
			Inputs[i].checked=0;
		}
	}
	var Element=document.getElementById(ElemID);
	Element.setAttribute("class","on");
	document.getElementById(CheckboxID).checked=1;
}

// This helps highlight the star ratings in an expected manner
function toggleRatingButton(event) {
	if(typeof toggleRatingButton.initialStates == 'undefined') {
		toggleRatingButton.initialStates = Array();
	}
	var target = event.target ? event.target : event.srcElement;
	var li_collection = target.parentNode.parentNode.parentNode.getElementsByTagName('li');
	var init_anchor = 0;
	if(event.type == 'mouseover') {
		for(var i=0;i <= li_collection.length-1;i++) {
			var rating_anchor = li_collection[i].getElementsByTagName('label')[0].getElementsByTagName('a')[0];
			if(typeof toggleRatingButton.initialStates[i] == 'undefined') {
				toggleRatingButton.initialStates[i] = rating_anchor.className;
			}
			if(init_anchor == 0) {
				init_anchor = (target == rating_anchor) ? 1 : 0;
				rating_anchor.className = "StarOn";
			} else {
				rating_anchor.className = "StarOff";
			}
		}
	} else {
		for(var i=0;i <= li_collection.length-1;i++) {
			var rating_anchor = li_collection[i].getElementsByTagName('label')[0].getElementsByTagName('a')[0];
			if(typeof toggleRatingButton.initialStates[i] == 'undefined') {
				toggleRatingButton.initialStates[i] = rating_anchor.className;
			}
			if(toggleRatingButton.initialStates[i] == 'StarOn') {
				rating_anchor.className = "StarOn";
			} else {
				rating_anchor.className = "StarOff";
			}
		}
	}
}