function hoverColour(linkname) {
	var x = document.getElementById(linkname);
	x.style.color = "#f9e396";
	//alert('hello'+acol+'again');
}

function buttons(linkname, member) {
	var savebutton = document.createElement("button");
	var input = document.getElementById(linkname);
	savebutton.setAttribute("id","saveChanges");
	if (linkname == "memberpicture") {
		savebutton.onclick = function () {submit()};
	} else {
		savebutton.onclick = function () {profileAction(member, linkname);return false;}
	}
	savebutton.onmouseover = function () {saveIconOn('savedIcon')};
	savebutton.onmouseout = function () {saveIconOff('savedIcon')};
	
	var cancelbutton = document.createElement("button");
	var input = document.getElementById(linkname);
	cancelbutton.setAttribute("id","cancelChanges");
	cancelbutton.onclick = function () {viewProfile(member); return false};
	cancelbutton.onmouseover = function () {delIconOn('cancelIcon')};
	cancelbutton.onmouseout = function () {delIconOff('cancelIcon')};
	//cancelbutton.innerHTML = "[cancel]";
	//var x = document.getElementById("picell");
	var z = document.getElementById(linkname);
	var x = z.parentNode;
	x.appendChild(savebutton);
	x.appendChild(cancelbutton);
	document.getElementById("saveChanges").innerHTML = "<img  id=\"savedIcon\" src=\"images/icons/save1.png\" />";
	document.getElementById("cancelChanges").innerHTML = "<img id=\"cancelIcon\" src=\"images/icons/delete1.png\"/>";
	//added code to change background color of select in ie7 to gray
	if (navigator.appName == "Microsoft Internet Explorer") {
		var sel = document.getElementsByTagName("select");
		for (n=0;n<sel.length;n++) {
			sel[n].style.background = "#999999";
			sel[n].style.border = "1px solid #cccccc";
		}
	}
	
}
function clearLinks() {
	var links = document.getElementsByTagName("a");
	var	i=6;
	var count = links.length;
	var Max = links.length;
	Max--;
	for (t= 6; t<Max; t++) {
		//alert(links[t].firstChild.nodeValue + "  "+links[t].parentNode.innerHTML);
		var txt = links[i].firstChild.nodeValue;
		links[i].parentNode.innerHTML = txt;
	}
}

function insertTextField(linkname, member) {
		var a = document.getElementById(linkname);
		var aTxt = a.firstChild.nodeValue;
		var txtInput = document.createElement("input");
		var tcell = a.parentNode;
		tcell.replaceChild(txtInput, a);
		txtInput.setAttribute("value", aTxt);
		txtInput.setAttribute("name", linkname);
		txtInput.setAttribute("id",linkname);
		txtInput.setAttribute("type", "text");
		document.getElementById(linkname).focus();
		buttons(linkname, member);
		clearLinks();
}

function insertTextArea(linkname, member) {
		var a = document.getElementById(linkname);
		var aTxt = a.firstChild.nodeValue;
		var txtInput = document.createElement("textarea");
		var tcell = a.parentNode;
		tcell.replaceChild(txtInput, a);
		txtInput.setAttribute("value", aTxt);
		txtInput.setAttribute("name", linkname);
		txtInput.setAttribute("id",linkname);
		txtInput.innerHTML = aTxt;
		document.getElementById(linkname).focus();
		buttons(linkname, member);	
		clearLinks();
}
function addyears(linkname, member, datevalue) {
	var dateYYMMDD = datevalue.split('-');
	var yearSel = dateYYMMDD[0];
	var selectYr = document.getElementById(linkname)
	for (n=1930; n<=2007; n++) {
	var option = document.createElement("option");
	option.setAttribute("value", n);
	if (n==yearSel) {
		option.setAttribute("selected", "selected");
	}
	option.innerHTML = n;
	selectYr.appendChild(option);
	}
}

function addmonths(linkname, member, datevalue) {
	var dateYYMMDD = datevalue.split('-');
	var monthSel = dateYYMMDD[1];
	var selectMo = document.getElementById(linkname)
	for (n=1; n<=12; n++) {
		var x = n;
		if (x <10) {
			x = "0"+x;
		}
		var option = document.createElement("option");
		option.setAttribute("value", x);
		if (x==monthSel) {
			option.setAttribute("selected", "selected");
		}
		option.innerHTML = x;
		selectMo.appendChild(option);
	}
}

function adddays(linkname, member, datevalue) {
	var dateYYMMDD = datevalue.split('-');
	var daySel = dateYYMMDD[2];
	var selectDay = document.getElementById(linkname)
	for (n=1; n<=31; n++) {
		var x = n;
		if (x <10) {
			x = "0"+x;
		}
		var option = document.createElement("option");
		option.setAttribute("value", x);
		if (x==daySel) {
			option.setAttribute("selected", "selected");
		}
		option.innerHTML = x;
		selectDay.appendChild(option);
	}
}

function insertDateInput (linkname, member) {
		//--------years
		var a = document.getElementById(linkname);
		var aTxt = a.firstChild.nodeValue;
		var txtInput = document.createElement("select");
		txtInput.setAttribute("id", "year")
		txtInput.setAttribute("name", "year")
		var tcell = a.parentNode;
		tcell.replaceChild(txtInput, a);
		addyears("year", member, aTxt);
		//--------months
		var monInput = document.createElement("select");
		monInput.setAttribute("id", "month")
		monInput.setAttribute("name", "month")
		tcell.appendChild(monInput);
		addmonths("month", member, aTxt)
		//---------days
		var dayInput = document.createElement("select");
		dayInput.setAttribute("id", "day")
		dayInput.setAttribute("name", "day")
		tcell.appendChild(dayInput);
		adddays("day", member, aTxt)
		//add text yyyy-mm-dd pointer
		var noteTxt = document.createTextNode("   yyyy-mm-dd    ");
		tcell.appendChild(noteTxt);
		buttons("year", member);
		clearLinks();
}

function addInstruments(linkname, member, instSel){
	var instList = instSel.split(' ');
	var numberI = instList.length;
	var instrums = Array("Bass-Guitar","Beatbox","Cello","Clarinet","Computer-Software","Double-Bass","DJ","Drums","Flute","Guitar","Harmonica","Harp","Keyboard","Mandolin","Organ","Piano","Saxaphone","Sequencer","Trombone","Trumpet","Viola","Violin","Vocals","Other");

//24 instr
	var selectInstrument = document.getElementById(linkname)
	for (n=0; n<=23; n++) {
		
		var option = document.createElement("option");
		option.setAttribute("value", instrums[n]);
		for (x=0; x<numberI; x++) {
			if (instrums[n]==instList[x]) {
				option.setAttribute("selected", "selected");
			}
		}
		option.innerHTML = instrums[n];
		selectInstrument.appendChild(option);
	}
}
function insertInstrumentsInput(linkname, member){
	
		var a = document.getElementById(linkname);
		var aTxt = a.firstChild.nodeValue;
		var txtInput = document.createElement("select");
		txtInput.setAttribute("id", "instrument[]")
		txtInput.setAttribute("name", "instrument[]")
		txtInput.setAttribute("multiple", "multiple");
		txtInput.setAttribute("size", "4");
		var tcell = a.parentNode;
		tcell.replaceChild(txtInput, a);
		addInstruments("instrument[]", member, aTxt);
		buttons("instrument[]", member);
		clearLinks();
}

function insertPicFile(linkname, member){
	
		var a = document.getElementById(linkname);
		//var aTxt = a.firstChild.nodeValue;
		var txtInput = document.createElement("input");
		txtInput.setAttribute("id", "memberpicture")
		txtInput.setAttribute("name", "memberpicture")
		txtInput.setAttribute("type","file");
		var tcell = a.parentNode;
		var aTxt="";
		tcell.replaceChild(txtInput, a);
		buttons("memberpicture", member);
		clearLinks();
}

function insertCountry (linkname, member) {
	//define variables;
	var countries = Array("Argentina","Armenia","Aruba ","Australia", "Austria","Bahamas","Bahrain","Barbados","Belgium","Brazil","Bulgaria","Canada","Cape Verde","Cayman Islands","Chile","China","Colombia","Costa Rica","Croatia (Hrvatska)","Cuba","Cyprus","Czech Republic","Denmark","Dominican Republic","Ecuador","Egypt","England","Estonia","Fiji","Finland","France","Georgia","Germany","Gibraltar", "Greece","Greenland", "Grenada","Haiti","Hong Kong","Hungary","Iceland","India","Indonesia", "Israel","Italy","Jamaica", "Japan","Korea","Latvia","Lithuania","Luxembourg","Macau","Malta","Mexico","Monaco","Montserrat","Morocco", "Netherlands","New Caledonia","New Zealand","Northern Ireland","Northern Mariana Islands","Norway","Pakistan","Poland","Portugal","Republic of Ireland","Romania","Russian Federation","San Marino","Saudi Arabia","Scotland","Seychelles","Singapore","South Africa","Spain","Sri Lanka","Sweden","Switzerland","Taiwan","Thailand","Turkey","Ukraine","United States","Uruguay","Venezuela", "Wales","Zimbabwe");
	var count = countries.length;
	
	var a = document.getElementById(linkname);
	var sel = document.createElement("select");
	sel.setAttribute("id",linkname);
	sel.setAttribute("name", linkname);
	var tcell = a.parentNode;
	tcell.replaceChild(sel, a);
	
	var country = document.getElementById(linkname);
	for (c=0;c<count;c++) {
		var x = document.createElement("option");
		x.setAttribute("value", countries[c]);
		cTxt = document.createTextNode(countries[c]);
		country.appendChild(x);
		x.appendChild(cTxt);
	}
	
	buttons(linkname, member);	
	clearLinks();
}

function finsertRegion(linkname, member) {
	//define the arrays
	var english= Array("Avon","Bedfordshire","Berkshire","Buckinghamshire","Cambridgeshire","Cheshire","Cleveland","Cornwall","Cumbria","Derbyshire","Devon","Dorset","Durham","East Sussex","Essex","Gloucestershire","Hampshire","Herefordshire","Hertfordshire","Humberside","Isle of Wight","Kent","Lancashire","Leicestershire","Lincolnshire","London","Manchester","Merseyside","Norfolk","Northamptonshire","Northumberland","North Yorkshire","Nottinghamshire","Oxfordshire","Rutland","Shropshire","Somerset","South Yorkshire","Staffordshire","Suffolk","Surrey","Tyne and Wear","Warwickshire","West Midlands","West Sussex","West Yorkshire","Wiltshire","Worcestershire");
	
	var welsh = Array("Blaenau Gwent","Bridgend","Caerphilly","Cardiff","Carmarthenshire","Ceredigion","Conwy","Denbighshire","Flintshire","Gwynedd","Isle of Anglesey","Merthyr Tydfil","Monmouthshire","Neath Port Talbot","Newport","Pembrokeshire","Powys","Rhondda Cynon Taff","Swansea","Torfaen","Vale of Glamorgan","Wrexham");
	
	var scottish = Array("Aberdeenshire","Angus","Argyllshire","Ayrshire","Banffshire","Berwickshir","Borders","Bute","Caithness","Central","Clackmannanshire","Dumfries-shire","Dumfries and Galloway","Dunbartonshire","East Lothian","Fife","Grampian","Highland","Inverness-shire","Kincardine","Kinross","Kirkcudbrightshire","Lanarkshire","Lothian","Midlothian","Morayshire","Nairn","Orkney","Peebles-shire","Perth","Renfrewshire","Ross and Cromarty","Roxburghshire","Selkirkshire","Shetland","Strathclyde","Stirlingshire","Sutherland","Tayside","West Lothian","Western Isles","Wigtownshire");
	
	var american = Array("Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","D.C.","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Carolina","North Dakota","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming");
	
	
	//first get the country from the country link
	var c = document.getElementById("countrylink").value;
	alert(c);
	var sel = document.createElement("select");
	sel.setAttribute("id","region");
	sel.setAttribute("name","region");
	var addcounties = false;
	if (c=="England") {
		var counties = english;
		addcounties = true;
	}
	if (c=="Wales") {
		var counties = welsh;
		addcounties = true;
	}
	if (c=="Scotland") {
		var counties = scottish;
		addcounties = true;
	}
	if (c=="United States") {
		var counties = american;
		addcounties = true;
	}
	
	if (addcounties==true) {
		var count = counties.length;
		//get the link a node; then replace it with the select - sel
		var a = document.getElementById(linkname);
		var tcell = a.parentNode;
		tcell.replaceChild(sel, a);
		//now add a option list to the select node
		var region = document.getElementById("region");
		for (c=0; c<count; c++) {
			var o = document.createElement("option");
			o.setAttribute("value", counties[c]);
			oTxt = document.createTextNode(counties[c]);
			region.appendChild(o);
			o.appendChild(oTxt);
		}
	} else if (addcounties == false) {
		alert("Sorry, adding a region or state is for United Kingdom or United States.");
	}
		
	//make sure the rest of the list cannot be selected and add buttons
	buttons("region", member);
	clearLinks();
}

function Gender(linkname, member) {
	var a = document.getElementById(linkname);
	var s = document.createElement("select");
	s.setAttribute("id", "gender");
	s.setAttribute("name", "gender");
	tCell = a.parentNode;
	tCell.replaceChild(s, a);
	
	var sel = document.getElementById("gender");
	var opM = document.createElement("option");
	var opF = document.createElement("option");
	var opB = document.createElement("option");
	
	opM.setAttribute("value", "Male");
	opM.setAttribute("id", "Male");
	opF.setAttribute("value", "Female");
	opF.setAttribute("id", "Female");
	opB.setAttribute("value", "Band");
	opB.setAttribute("id", "Band");
	
	opmTxt = document.createTextNode("Male");
	opfTxt = document.createTextNode("Female");
	opbTxt = document.createTextNode("Band");
	sel.appendChild(opM);
	document.getElementById("Male").appendChild(opmTxt);
	sel.appendChild(opF);
	document.getElementById("Female").appendChild(opfTxt);
	sel.appendChild(opB);
	document.getElementById("Band").appendChild(opbTxt);
	buttons("gender", member);	
	clearLinks();
		
}



//insert input fields
function insertInput(member, linkname) {
	if ((linkname == "weblink")||(linkname=="towncitylink")||(linkname=="statuslink")||(linkname=="namelink")) {	
		insertTextField(linkname, member);
	}
	if ((linkname == "descriptionlink")||(linkname == "bandm")||(linkname == "bandi")) {
		insertTextArea(linkname, member);
	}
	if (linkname == "doblink") {
		insertDateInput(linkname, member);
	}
	if (linkname == "instrumentslink") {
		insertInstrumentsInput(linkname, member);
	}
	if (linkname =="piclink") {
		insertPicFile(linkname, member);
	}
	if (linkname =="region") {
		insertRegionProfilePage(linkname, member);
	}
	if (linkname =="countrylink") {
		insertCountry(linkname, member);
	}
	if (linkname =="genderlink") {
		Gender(linkname, member);
	}
	
}

function insertRegionProfilePage (linkname, member) {
	var x = insertRegion(linkname, member);
	if (x == false) {
		alert ('Sorry, you cannot select regions for this country. This option is only available for the US and countries within the UK.');
	} else {
		buttons('region', member);
		clearLinks();
	}
	
}

function songSubmit() {
	
	var sTable = document.getElementById("addSongForm");
	var sForm = document.getElementById("uploadSongForm");
	var loadPic = document.getElementById("uploadPic");
	var loadMsg = document.getElementById("uploadMsg");
		sTable.style.visibility = "hidden";
		loadPic.style.visibility = "visible";
		loadMsg.style.visibility = "visible";
	sForm.submit();
	
}

//for the name hint
function hint(msg) {
	var x = document.getElementById("hint");
	x.innerHTML = msg;
}

function clrhint() {
	document.getElementById("hint").innerHTML = "&nbsp;";
}