// JavaScript Document
var face = [];
var Treatment = [];
//Face Only
face[0] = "Anti aging treatment of wrinkles";
Treatment[0] = "microdermabrasion,skin-peels,dermal-fillers,laser-skin-rejuvenation";
face[1] = "Fine Lines";
Treatment[1] = "vistabel-and-botox,skin-peels,dermal-fillers,laser-skin-rejuvenation,laser-resurfacing";
face[2] = "Enlarged pores";
Treatment[2] = "microdermabrasion,skin-peels,dermal-fillers,laser-resurfacing,laser-skin-rejuvenation";
face[3] = "Facial veins";
Treatment[3] = "sclerotherapy,laser-resurfacing,laser-skin-rejuvenation";
face[4] = "Roseacea";
Treatment[4] = "laser-resurfacing,laser-skin-rejuvenation";
face[5] = "Stained or discoloured teeth";
Treatment[5] = "teeth-whitening";
//Face & Body
face[6] = "Dull or thickening skin";
Treatment[6] = "microdermabrasion,skin-peels,dermal-fillers,laser-resurfacing,laser-skin-rejuvenation";
face[7] = "Blemished skin";
Treatment[7] = "microdermabrasion,skin-peels,laser-resurfacing,laser-skin-rejuvenation";
face[8] = "Unwanted hair";
Treatment[8] = "laser-hair-removal";
face[9] = "Sun damage";
Treatment[9] = "microdermabrasion,skin-peels,laser-resurfacing,laser-skin-rejuvenation";
face[10] = "Sun spots or wrinkles";
Treatment[10] = "microdermabrasion,skin-peels,laser-resurfacing,laser-skin-rejuvenation";
face[11] = "Active acne treatment";
Treatment[11] = "microdermabrasion,skin-peels,dermal-fillers,laser-resurfacing,laser-skin-rejuvenation";
face[12] = "Acne scarring";
Treatment[12] = "microdermabrasion,skin-peels,dermal-fillers,laser-resurfacing,laser-skin-rejuvenation";
face[13] = "Un even skin tone/pigmentation";
Treatment[13] = "microdermabrasion,skin-peels,dermal-fillers,laser-resurfacing,laser-skin-rejuvenation";
// Body only
face[14] = "Thread veins and spider veins";
Treatment[14] = "sclerotherapy,laser-skin-rejuvenation";

function TOptions(T_index) {
var button = "<div class=\"DropDown\" style=\"text-align:center; font-size:10px; height:20px; background-image:none; background-color:#dddddd;\"><a class=\"DropDownSearch\" style=\"color:black; text-decoration:underline;\" href=\"#\" onclick=\"HideDropDown(); return false;\">Close<\/a><\/div>";	
var domain = "http://www.skin-thetics.co.uk/";
var query = Treatment[T_index];
if (typeof Treatment[T_index] == "undefined")
return false;
else {
	var TArray = query.split(',');
	var TArray_len = TArray.length;
	
	var links_html = "";
	
	for(y=0; y< TArray_len; y++) 
		{
		var MyLink = domain + "treatments/" + TArray[y] + "_overview.html";
		links_html += "\n<div class=\"DropDown\"><a class=\"DropDownSearch\" href=\"" + MyLink + "\">"+TArray[y]+"<\/a><\/div>";
		}
	// Add button
	links_html += button;
	var divHeight = TArray_len * 25;
	
	document.getElementById('TreatList').style.height = divHeight + "px";
	document.getElementById('TreatList').style.visibility = "visible";
	document.getElementById('TreatList').innerHTML = links_html;
	document.forms['form1'].type.value = "";
	}
}
function HideDropDown() {
document.forms['form1'].type.value = "";
document.getElementById('TreatList').style.visibility = 'hidden';
}
function TSearch() {
var button = "<div class=\"DropDown\" style=\"text-align:center; font-size:10px; height:20px; background-image:none; background-color:#dddddd;\"><a class=\"DropDownSearch\" style=\"color:black; text-decoration:underline;\" href=\"#\" onclick=\"HideDropDown(); return false;\">Close<\/a><\/div>";
var el = document.forms['form1'].type.value;

switch (el) {
case "Tbody":

var start = 6;
var finish = 14;
break;
case "Tface":

var start = 0;
var finish = 13;
break;

default:
return false;
}

var output = "";
var html = "";
var count = 0;

for(x=start; x< finish; x++) {
	var stuff = face[x];
	output += stuff + "\n";
	html += "<div class=\"DropDown\"><a class=\"DropDownSearch\" href=\"#\" onclick=\"TOptions('"+x+"'); return false;\">" + stuff + "<\/a><\/div>";
	count++;
}
// Add Close Button
html += button;
count++;
var divHeight = count * 25;

document.getElementById('TreatList').style.height = divHeight + "px";
document.getElementById('TreatList').style.visibility = "visible";
document.getElementById('TreatList').innerHTML = html;
}