

function confirmationOnSubmit(confirmMessage,formID){
	//TEST JAVASCRIPT METHODS
	if(!document.getElementById(formID))return false;
	
	//OBTAIN FORM
	var form = document.getElementById(formID);
	
	//SET EVENT HANDLER ON FORM SUBMIT
	form.onsubmit = function(){
		var alert = confirm(confirmMessage);
		if(!alert){
			return false;
		}else return true;
	}
}


function confirmationOnClick(confirmMessage,textID){
	//TEST JAVASCRIPT METHODS
	if(!document.getElementById(textID))return false;
	
	//OBTAIN FORM
	var text = document.getElementById(textID);
	
	//SET EVENT HANDLER ON TEXT CLICK
	text.onclick = function(){
		var alert = confirm(confirmMessage);
		if(!alert)	{
			return false;
		}else return true;
	}
}

function linkClick(obj, option, inputName) {		
	//SET COOKIE
	var expires = new Date();
	expires.setTime(expires.getTime() + (60 * 60 * 1000));			
	document.cookie = inputName + "=" + escape(option) + "; expires=" + expires.toGMTString() + "; path=/;";
	
	//RELOAD PAGE
	var url = document.URL.replace(/page[0-9]+/,"page1");
	url = url.replace(/page=[0-9]+/, "page=1");
	obj.href = url;
	
	return false;
}

function createTipHandler(image,tip){
	image.onmouseover = function(){
		tip.style.display = "block";
	}
	
	image.onmouseout = function(){
		tip.style.display = "none";
	}
}

function displayTip(sectionID){
	//TEST JAVASCRIPT METHODS
	if(!document.getElementById(sectionID))return false;
	
	//OBTAIN SECTION
	var section = document.getElementById(sectionID);
	
	//TEST JAVASCRIPT METHODS
	if(!section.getElementsByTagName("img"))return false;
	
	//GET IMAGES IN SECTION
	var images = section.getElementsByTagName("img");
	
	//SET EVENT HANDLERS FOR IMAGES
	for(var i=0;i<images.length;i++){
		var tipId = "tooltip"+(images[i].alt);
		
		//TEST JAVASCRIPT METHODS
		if(!document.getElementById(tipId))return false;
		
		var tip = document.getElementById(tipId);
		
		createTipHandler(images[i],tip);
	}
}



function productSortOptionClick(obj, option, inputName) {		
	//SET COOKIE
	var expires = new Date();
	expires.setTime(expires.getTime() + (60 * 60 * 1000));			
	document.cookie = inputName + "=" + escape(option) + "; expires=" + expires.toGMTString() + "; path=/;";
	
	//RELOAD PAGE
	var url = document.URL.replace(/page[0-9]+/,"page1");
	url = url.replace(/page=[0-9]+/, "page=1");
	obj.href = url;
	
	//tracks the click in Google Analytics - shows up as Sort_Product under Events
	sortTracker._trackEvent("Product Sort", option, 0);
	return false;
}

function displayHiddensOnRadio(formID, radioName, values){
	//TEST JAVASCRIPT METHODS
	if(!document.getElementById(formID))return false;
	
	//OBTAIN FORM
	var form = document.getElementById(formID);
	var radioButtons = form[radioName];
	
	function radioChanged() {
		for (var i=0; i<radioButtons.length; i++) {
			var found = false;
			for (var j=0; j<values.length; j++) {
				if (values[j] == radioButtons[i].value) {
					found = true;
					break;
				}
			}
			if (found) {
				var hidden = document.getElementById(radioName.replace(/opt/, "note") + "_" + radioButtons[i].value);
				if (radioButtons[i].checked) {
					hidden.style.display = "block";
				} else {
					hidden.style.display = "none";
				}
			}
		}
	}
	
	for (var i=0; i<radioButtons.length; i++) {
		radioButtons[i].onclick = radioChanged;
	}
	
	radioChanged();
}

function displayHiddenOnSelect(formID,selectboxName,triggerValue,hiddenID){
	//TEST JAVASCRIPT METHODS
	if(!document.getElementById(formID))return false;
	if(!document.getElementById(hiddenID))return false;
	
	//OBTAIN FORM
	var form = document.getElementById(formID);

	//TEST JAVASCRIPT METHODS
	if(!form[selectboxName])return false;
	
	var selectbox = form[selectboxName];
	var hidden = document.getElementById(hiddenID);
		
	//CHECK VALUE OF SELECT BOX
	if(selectbox.value == triggerValue)	{
		hidden.style.display = "block";
	}
	
	//SET EVENT HANDLER FOR SELECT BOX
	selectbox.onchange = function(){
		if (selectbox.value == triggerValue) {
			hidden.style.display = "block";
		} else {
			hidden.style.display = "none";
		}
	}
}



function hearAboutQuestions(){
	//TEST JAVASCRIPT METHODS
	if(!document.getElementById("registerForm"))return;
	if(!document.getElementById("additionalQuestions"))return;
	if(!document.getElementById("additionalOther"))return;

	var register = document.getElementById("registerForm");
	var hearAbout = register["hearAbout"];
	var other = document.getElementById("additionalOther");
	
	//HANDLE SELECT BOXES AND OTHER TEXT BOX ON BROWSER REFRESH
	var hearAboutSelected = hearAbout.value;
	if(hearAboutSelected){
		var id = "additionalQuestion"+ hearAboutSelected.replace(" ","");
		var userChoice = document.getElementById(id);
		userChoice.style.display = "block";
		
		var userChoiceSelect = register[id].value;
		switch(userChoiceSelect){
			case "560":
			other.style.display = "block";
			break;
			
			default:
			other.style.display = "none";
			break;
		}
	}
	
	//SET UP EVENT HANDLERS ON HEAR ABOUT SELECT BOX
	hearAbout.onchange = hearAboutQuestionChange;
	
	// event handlers for secondary select boxes
	var additionalQuestions = document.getElementById("additionalQuestions").getElementsByTagName("div");
	for(var i = 0;i<=additionalQuestions.length-1;i++){
		var selectBox = additionalQuestions[i].firstChild;
		var name = selectBox.getAttribute("name");
		selectBox.onchange = hearAboutSecondaryQuestionChange;
	}
}

function hearAboutQuestionChange(){
	var register = document.getElementById("registerForm");
	var hearAbout = register["hearAbout"];
	var other = document.getElementById("additionalOther");

	other.style.display = "none";
	var hearAboutSelected = hearAbout.value; //USERS SELECTED CHOICE
	var id = "additionalQuestion"+ hearAboutSelected.replace(" ",""); //ID BASED ON SELECTED NAME
	
	//OBTAIN ALL ADDITIONAL QUESTIONS
	var additionalQuestions = document.getElementById("additionalQuestions").getElementsByTagName("div");
	
	//LOOP THROUGH ADDITIONAL QUESTIONS AND SET STYLE
	for (var i = 0;i<=additionalQuestions.length-1;i++){
		var selectBox = additionalQuestions[i].firstChild;
		var name = selectBox.getAttribute("name");
		additionalQuestions[i].style.display = "none";
		
		//DISPLAY ID QUESTION ID = SELECTED HEAR ABOUT
		if(name == id) {
			additionalQuestions[i].style.display = "block";
		} else {
			additionalQuestions[i].style.display = "none";
		}
	}
}

function hearAboutSecondaryQuestionChange() {
	var register = document.getElementById("registerForm");
	var hearAbout = register["hearAbout"];
	var other = document.getElementById("additionalOther");
	var hearAboutSelected = hearAbout.value;
	var id = "additionalQuestion"+ hearAboutSelected.replace(" ",""); //ID BASED ON SELECTED NAME
	
	var userChoice = register[id].value;

	switch (userChoice){
		case "560":
		other.style.display = "block";
		break;
		
		default:
		other.style.display = "none";
		break;
	}
}



