//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("Émulsion nettoyante en gel Ultra", "Désincrustant exfoliant Ultra", "Crème invisible pour le traitement de l’acné Ultra");
products['oily']['occasional_breakouts'] = new Array("Crème nettoyante Ultra", "Rondelles purifiantes pour les pores Ultra", "Crème invisible pour le traitement de l’acné Ultra");
products['oily']['blackheads'] = new Array("Crème nettoyante Ultra", "Désincrustant anticomédons", "Rondelles anticomédons");
products['oily']['overall_skin_care'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Rondelles purifiantes StayClear®", "");
products['normal']['frequent_breakouts'] = new Array("Crème nettoyante Ultra", "Désincrustant exfoliant Ultra", "Crème invisible pour le traitement de l’acné Ultra");
products['normal']['occasional_breakouts'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Rondelles purifiantes StayClear®", "Crème invisible pour  le traitement de l'acné StayClear®");
products['normal']['blackheads'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Désincrustant anticomédons", "");
products['normal']['overall_skin_care'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Rondelles purifiantes StayClear®", "");
products['dry']['frequent_breakouts'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Désincrustant anticomédons", "Crème invisible pour  le traitement de l'acné StayClear®");
products['dry']['occasional_breakouts'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Rondelles purifiantes StayClear®", "Crème invisible pour  le traitement de l'acné StayClear®");
products['dry']['blackheads'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Désincrustant anticomédons", "Rondelles purifiantes StayClear®");
products['dry']['overall_skin_care'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Rondelles purifiantes StayClear®", "");
products['sensitive']['frequent_breakouts'] = new Array("Désincrustant anticomédons", "Crème invisible pour  le traitement de l'acné StayClear®", "");
products['sensitive']['occasional_breakouts'] = new Array("Rondelles purifiantes StayClear®", "Crème invisible pour  le traitement de l'acné StayClear®", "");
products['sensitive']['blackheads'] = new Array("Désincrustant anticomédons", "Rondelles purifiantes StayClear®", "");
products['sensitive']['overall_skin_care'] = new Array("Désincrustant anticomédons", "Rondelles purifiantes StayClear®", "");
products['unsure']['frequent_breakouts'] = new Array("Crème nettoyante Ultra", "Émulsion nettoyante en gel Ultra", "Crème invisible pour le traitement de l’acné Ultra");
products['unsure']['occasional_breakouts'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Rondelles purifiantes StayClear®", "Crème invisible pour  le traitement de l'acné StayClear®");
products['unsure']['blackheads'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Désincrustant anticomédons", "");
products['unsure']['overall_skin_care'] = new Array("Mousse nettoyante purifiante à usage quotidien StayClear®", "Rondelles purifiantes StayClear®", "Désincrustant anticomédons");



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 "&Eacute;mulsion nettoyante en gel Ultra":
			href = "cleansers/cleansers-ultra-gelwash.shtml";
			imgsrc = "images/img_sm_UCGW.jpg";
			break;
		case "D&eacute;sincrustant exfoliant Ultra":
			href = "scrubs/scrubs-ultra-exfoliating.shtml";
			imgsrc = "images/img_sm_UES.jpg";
			break;
		case "Cr&egrave;me invisible pour le traitement de l&rsquo;acn&eacute; Ultra":
			href = "creams/creams-ultra-vanishing.shtml";
			imgsrc = "images/img_sm_UVATC.jpg";
			break;
		case "Cr&egrave;me nettoyante Ultra":
			href = "cleansers/cleansers-ultra-facewash.shtml";
			imgsrc = "images/img_sm_UCCW.jpg";
			break;
		case "Rondelles purifiantes pour les pores Ultra":
			href = "pads/pads-ultra-pore.shtml";
			imgsrc = "images/img_sm_UDPCP.jpg";
			break;
		case "D&eacute;sincrustant anticom&eacute;dons":
			href = "scrubs/scrubs-blackhead.shtml";
			imgsrc = "images/img_sm_BCCS.jpg";
			break;
		case "Rondelles anticom&eacute;dons":
			href = "pads/pads-blackheads.shtml";
			imgsrc = "images/img_sm_BCP.jpg";
			break;
		case "Mousse nettoyante purifiante &agrave; usage quotidien StayClear&reg;":
			href = "cleansers/cleansers-facewash-daily.shtml";
			imgsrc = "images/img_sm_DDCFW.jpg";
			break;
		case "Rondelles purifiantes StayClear&reg;":
			href = "pads/pads-pore.shtml";
			imgsrc = "images/img_sm_DCP.jpg";
			break;
		case "Cr&egrave;me invisible pour  le traitement de l'acn&eacute; StayClear&reg;":
			href = "creams/creams-vanishing.shtml";
			imgsrc = "images/img_sm_VATC.jpg";
			break;
		case "Mousse nettoyante purifiante &agrave; usage quotidien StayClear&reg; 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";
}