//define global variable for skin types
var products = new Array("oily", "normal", "dry", "sensitive", "unsure");

//defining individual arrays with help types
products['oily'] = new Array("frequent_breakouts", "occasional_breakouts", "blackheads", "overall_skin_care");
products['normal'] = new Array("frequent_breakouts", "occasional_breakouts", "blackheads", "overall_skin_care");
products['dry'] = new Array("frequent_breakouts", "occasional_breakouts", "blackheads", "overall_skin_care");
products['sensitive'] = new Array("frequent_breakouts", "occasional_breakouts", "blackheads", "overall_skin_care");
products['unsure'] = new Array("frequent_breakouts", "occasional_breakouts", "blackheads", "overall_skin_care");

//defining product array for skintype+helptype
products['oily']['frequent_breakouts'] = new Array("Ultra Cleansing Gel Wash", "Ultra Exfoliating Scrub", "Ultra Vanishing Acne Treatment Cream");
products['oily']['occasional_breakouts'] = new Array("Ultra Cleansing Cream Wash", "Ultra Deep Pore Cleansing Pads", "Ultra Vanishing Acne Treatment Cream");
products['oily']['blackheads'] = new Array("Ultra Cleansing Cream Wash", "Blackhead Control Clearing Scrub", "Blackhead Clearing Pads");
products['oily']['overall_skin_care'] = new Array("StayClear® Daily Cleansing Foaming Wash", "StayClear® Deep Cleansing Pads", "");
products['normal']['frequent_breakouts'] = new Array("Ultra Cleansing Cream Wash", "Ultra Exfoliating Scrub", "Ultra Vanishing Acne Treatment Cream");
products['normal']['occasional_breakouts'] = new Array("StayClear® Daily Cleansing Foaming Wash", "StayClear® Deep Cleansing Pads", "StayClear® Vanishing Acne Treatment Cream");
products['normal']['blackheads'] = new Array("StayClear® Daily Cleansing Foaming Wash", "Blackhead Control Clearing Scrub", "");
products['normal']['overall_skin_care'] = new Array("StayClear® Daily Cleansing Foaming Wash", "StayClear® Deep Cleansing Pads", "");
products['dry']['frequent_breakouts'] = new Array("StayClear® Daily Cleansing Foaming Wash", "Blackhead Control Clearing Scrub", "StayClear® Vanishing Acne Treatment Cream");
products['dry']['occasional_breakouts'] = new Array("StayClear® Daily Cleansing Foaming Wash", "StayClear® Deep Cleansing Pads", "StayClear® Vanishing Acne Treatment Cream");
products['dry']['blackheads'] = new Array("StayClear® Daily Cleansing Foaming Wash", "Blackhead Control Clearing Scrub", "StayClear® Deep Cleansing Pads");
products['dry']['overall_skin_care'] = new Array("StayClear® Daily Cleansing Foaming Wash", "StayClear® Deep Cleansing Pads", "");
products['sensitive']['frequent_breakouts'] = new Array("Blackhead Control Clearing Scrub", "StayClear® Vanishing Acne Treatment Cream", "");
products['sensitive']['occasional_breakouts'] = new Array("StayClear® Deep Cleansing Pads", "StayClear® Vanishing Acne Treatment Cream", "");
products['sensitive']['blackheads'] = new Array("Blackhead Control Clearing Scrub", "StayClear® Deep Cleansing Pads", "");
products['sensitive']['overall_skin_care'] = new Array("Blackhead Control Clearing Scrub", "StayClear® Deep Cleansing Pads", "");
products['unsure']['frequent_breakouts'] = new Array("Ultra Cleansing Cream Wash", "Ultra Cleansing Gel Wash", "Ultra Vanishing Acne Treatment Cream");
products['unsure']['occasional_breakouts'] = new Array("StayClear® Daily Cleansing Foaming Wash", "StayClear® Deep Cleansing Pads", "StayClear® Vanishing Acne Treatment Cream");
products['unsure']['blackheads'] = new Array("StayClear® Daily Cleansing Foaming Wash", "Blackhead Control Clearing Scrub", "");
products['unsure']['overall_skin_care'] = new Array("StayClear® Daily Cleansing Foaming Wash", "StayClear® Deep Cleansing Pads", "Blackhead Control Clearing Scrub");



function skinCareForm() {
	//get form values
	skin = getRadioValue("skin_type");
	help = getRadioValue("help_type");
	
	if(skin != -1 && help != -1) {
		//make sure default image is hidden
		document.getElementById('defaultImage').className = "hidden";
	
		//Replace products with values from product array
		replaceProduct('sc_product1', products[skin][help][0]);
		replaceProduct('sc_product2', products[skin][help][1]);
		replaceProduct('sc_product3', products[skin][help][2]);
	} else {
		replaceDefault();
	}
}

function getRadioValue(field) {
	var value = -1;
	
	//figure out which form value to get
	if(field == "skin_type") {
		//iterating through radio buttons for this field
		for(i = 0; i < document.skin_care_form.skin_type.length; i++) {
			//if radio button is checked
			if(document.skin_care_form.skin_type[i].checked == true) {
				//store value and stop loop
				value = document.skin_care_form.skin_type[i].value;
				break;
			}
		}
	} else {
		//iterating through radio buttons for this field	
		for(i = 0; i < document.skin_care_form.help_type.length; i++) {
			//if radio button is checked
			if(document.skin_care_form.help_type[i].checked == true) {
				//store value and stop loop
				value = document.skin_care_form.help_type[i].value;
				break;
			}
		}	
	}
	
	return value;
}

function replaceProduct(id, product) {
	document.getElementById(id).className = "relProdBox";

	//getting elements that need values changed
	image_link = document.getElementById(id + '_link');
	text_link = document.getElementById(id + '_link2');
	image = document.getElementById(id + '_image');
	
	href = "";
	imgsrc = "";
	
	//setting info by product
	switch(product) {
		case "Ultra Cleansing Gel Wash":
			href = "cleansers/cleansers-ultra-gelwash.shtml";
			imgsrc = "images/img_sm_UCGW.jpg";
			break;
		case "Ultra Exfoliating Scrub":
			href = "scrubs/scrubs-ultra-exfoliating.shtml";
			imgsrc = "images/img_sm_UES.jpg";
			break;
		case "Ultra Vanishing Acne Treatment Cream":
			href = "creams/creams-ultra-vanishing.shtml";
			imgsrc = "images/img_sm_UVATC.jpg";
			break;
		case "Ultra Cleansing Cream Wash":
			href = "cleansers/cleansers-ultra-facewash.shtml";
			imgsrc = "images/img_sm_UCCW.jpg";
			break;
		case "Ultra Deep Pore Cleansing Pads":
			href = "pads/pads-ultra-pore.shtml";
			imgsrc = "images/img_sm_UDPCP.jpg";
			break;
		case "Blackhead Control Clearing Scrub":
			href = "scrubs/scrubs-blackhead.shtml";
			imgsrc = "images/img_sm_BCCS.jpg";
			break;
		case "Blackhead Clearing Pads":
			href = "pads/pads-blackheads.shtml";
			imgsrc = "images/img_sm_BCP.jpg";
			break;
		case "StayClear&reg; Daily Cleansing Foaming Wash":
			href = "cleansers/cleansers-facewash-daily.shtml";
			imgsrc = "images/img_sm_DDCFW.jpg";
			break;
		case "StayClear&reg; Deep Cleansing Pads":
			href = "pads/pads-pore.shtml";
			imgsrc = "images/img_sm_DCP.jpg";
			break;
		case "StayClear&reg; Vanishing Acne Treatment Cream":
			href = "creams/creams-vanishing.shtml";
			imgsrc = "images/img_sm_VATC.jpg";
			break;
		case "StayClear&reg; Daily Cleansing Foaming Wash For Sensitive Skin":
			href = "cleansers/cleansers-facewash-sensitive.shtml";
			imgsrc = "images/img_sm_DDCFWSS.jpg";
			break;
		case "":
			href = "";
			imgsrc = "images/img_sm_blank.jpg";
			break;
			
			
			
	}
	
	image_link.href = href;
	text_link.href = href;
	text_link.innerHTML = product;
	image.src = imgsrc;
	
}

function replaceDefault() {
	document.getElementById('defaultImage').className = "";
	document.getElementById('sc_product1').className = "hidden";
	document.getElementById('sc_product2').className = "hidden";
	document.getElementById('sc_product3').className = "hidden";
}