// JavaScript Document

//**********************************//
//* Update image
//**********************************//

//*********** add image ************//
function add_image_form () {
	var form_html = "Copy/paste an image: <textarea id='submit_user_image' style='width: 240px; height: 18px'></textarea> <input onclick='new_user_image()' type='button' value='Add'> <input onclick='cancel_user_image()' type='button' value='Cancel'>";
	
	document.getElementById('add_image_frame').innerHTML = form_html;
}

function cancel_user_image () {
		var image_update = "<div id='add_image_frame'><a onClick='add_image_form()' class='blue_link'>change photo</a></div>";
	
	document.getElementById('add_image_frame').innerHTML = image_update;
}

//*********** change image ********//
function change_image_form () {
	var form_html = "Copy/paste an image: <textarea id='submit_user_image' style='width: 240px; height: 18px'></textarea> <input onclick='new_user_image()' type='button' value='Update'> <input onclick='cancel_change_image()' type='button' value='Cancel'>";
	
	document.getElementById('add_image_frame').innerHTML = form_html;
}

function cancel_change_image () {
		var image_update = "<div id='add_image_frame'><a onClick='change_image_form()' class='blue_link'>change name</a></div>";
	
	document.getElementById('add_image_frame').innerHTML = image_update;
}

function new_user_image() {
	
	var text = document.getElementById('submit_user_image').value;
	if(!text) {
		alert('You must enter an image location.');
		return false;
	}
	
	var callback = function () {
		window.location.reload();		
	}
	
	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }
	
	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			if(callback) {
				callback();
			}
		}		
	}		
	
	XObj.open('POST','php/profile.php?image=true&text=' + text, true);
	XObj.send(null);	
}

//**********************************//
//* Change name widget controls
//**********************************//
function change_name_form () {
	var form_html = "Enter your name: <textarea id='submit_user_name' style='width: 240px; height: 18px'></textarea> <input onclick='new_user_name()' type='button' value='Update'> <input onclick='cancel_change_name()' type='button' value='Cancel'>";
	
	document.getElementById('change_name_frame').innerHTML = form_html;
}

function cancel_change_name () {
		var name_update = "<a onclick='change_name_form()' class='blue_link'>change name</a>";
	
	document.getElementById('change_name_frame').innerHTML = name_update;
}

function new_user_name() {
	
	var text = document.getElementById('submit_user_name').value;
	if(!text) {
		alert('You must enter an image location.');
		return false;
	}
	
	var callback = function () {
		window.location.reload();		
	}
	
	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }
	
	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			if(callback) {
				callback();
			}
		}		
	}		
	
	XObj.open('POST','php/profile.php?name=true&text=' + text, true);
	XObj.send(null);		
}


//**********************************//
//* Change band name
//**********************************//
function change_band_name (name) {
	var form_html = "Band/Artist Name:<br /><input id='submit_band_name' style='width: 114px; height: 18px' value='" + name + "' />"
	+ "<input type='hidden' id='new_band_name' name='new_band_name' value='band_name'/>"
	+ "<input onclick='new_band_name()' type='button' value='Update'> "
	+ "<input onclick=\"cancel_change_band_name('" + name + "')\" " + " type='button' value='Cancel'>";
	
	document.getElementById('change_band_frame').innerHTML = form_html;
}

function cancel_change_band_name (name) {
	var name_update = "Band/Artist Name: <a class=\"blue_link\" onclick=\"change_band_name('" + name + "')\"><b>" + name + "</b></a>";
	
	document.getElementById('change_band_frame').innerHTML = name_update;
}

function add_band_name () {
	var form_html = "Band/Artist Name:<br /><input id='submit_band_name' style='width: 114px; height: 18px' value='" + name + "' />"
	+ "<input type='hidden' id='new_band_name' name='new_band_name' value='new_band_name'/>"
	+ "<input onclick='new_band_name()' type='button' value='Add'> "
	+ "<input onclick=\"cancel_add_band_name()\" " + " type='button' value='Cancel'>";
	
	document.getElementById('add_band_frame').innerHTML = form_html;
}

function cancel_add_band_name () {
	var name_update = "Band/Artist Name: <a class=\"blue_link\" onclick=\"add_band_name()\"><b>Add Name</b></a>";
	
	document.getElementById('add_band_frame').innerHTML = name_update;
}


function new_band_name() {
	var text = document.getElementById('submit_band_name').value;
	var new_band_name = document.getElementById('new_band_name').value;
	
	if(document.getElementById('active_bio_text')) {
		new_band_name = 'band_name';
	}
	
	var callback = function () {
		window.location.reload();		
	}
	
	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }
	
	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			if(callback) {
				callback();
			}
		}		
	}
	
	XObj.open('POST','php/profile.php?' + new_band_name + '=true&text=' + text, true);
	XObj.send(null);		
}

//**********************************//
//* Change company name
//**********************************//
function change_company_name (name) {
	var form_html = "Company Name:<br /><input id='submit_company_name' style='width: 114px; height: 18px' value='" + name + "' />"
	+ "<input type='hidden' id='new_company_name' name='new_company_name' value='company_name'/>"
	+ "<input onclick='new_company_name()' type='button' value='Update'> "
	+ "<input onclick=\"cancel_change_company_name('" + name + "')\" " + " type='button' value='Cancel'>";
	
	document.getElementById('change_company_frame').innerHTML = form_html;
}

function cancel_change_company_name (name) {
	var name_update = "Company Name: <a class=\"blue_link\" onclick=\"change_company_name('" + name + "')\"><b>" + name + "</b></a>";
	
	document.getElementById('change_company_frame').innerHTML = name_update;
}

function add_company_name () {
	var form_html = "Company Name:<br /><input id='submit_company_name' style='width: 114px; height: 18px' value='" + name + "' />"
	+ "<input type='hidden' id='new_company_name' name='new_company_name' value='new_company_name'/>"
	+ "<input onclick='new_company_name()' type='button' value='Add'> "
	+ "<input onclick=\"cancel_add_company_name()\" " + " type='button' value='Cancel'>";
	
	document.getElementById('add_company_frame').innerHTML = form_html;
}

function cancel_add_company_name () {
	var name_update = "Company Name: <a class=\"blue_link\" onclick=\"add_company_name()\"><b>Add Name</b></a>";
	
	document.getElementById('add_company_frame').innerHTML = name_update;
}


function new_company_name() {
	var text = document.getElementById('submit_company_name').value;
	var new_company_name = document.getElementById('new_company_name').value;
	
	if(document.getElementById('active_bio_text')) {
		new_company_name = 'company_name';
	}
	
	var callback = function () {
		window.location.reload();		
	}
	
	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }
	
	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			if(callback) {
				callback();
			}
		}		
	}
	
	XObj.open('POST','php/profile.php?' + new_company_name + '=true&text=' + text, true);
	XObj.send(null);		
}

//**********************************//
//* Add artists bio
//**********************************//
function add_bio_form () {
	var form_html = "<textarea id='submit_bio_text' style='width: 240px; height: 160px'></textarea><br /><input onclick='submit_bio()' type='button' value='Add Bio'> " + "<input onclick=\"cancel_add_bio()\"" + " type='button' value='Cancel'/>";
	
	document.getElementById('bio_text').innerHTML = form_html;
}

function cancel_add_bio () {
	var cancel_html = "<div style='font-style: italic; padding: 6px;'>" + "No artists bio found." + "</div>";
		cancel_html += "Fill out a band/artist bio. <a class='blue_link' onClick='add_bio_form()'>Add Bio</a>";
	
	document.getElementById('bio_text').innerHTML = cancel_html;
}

function update_bio_form () {
	var text = document.getElementById('active_bio_text').innerHTML;
	var form_html = "<textarea id='submit_bio_text' style='width: 240px; height: 160px'>" + text + "</textarea><br /><input onclick='submit_bio()' type='button' value='Update'> " + "<input onclick=\"cancel_update_bio()\" type=\"submit\" value=\"Cancel\"/>";
	
	document.getElementById('bio_text').innerHTML = form_html;
}

function cancel_update_bio () {
	var text = document.getElementById('submit_bio_text').innerHTML;
	
	var cancel_html = "<div id='active_bio_text' style='font-style: italic; padding: 6px;'>" + text + "</div>";
		cancel_html += "Change band/artist bio. <a class='blue_link' " + " onClick=\"update_bio_form()\"" + ">Update Bio</a>";
	
	document.getElementById('bio_text').innerHTML = cancel_html;
}

function submit_bio () {
	var text = document.getElementById('submit_bio_text').value;
	var callback = function () {
		window.location.reload();		
	}
	
	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }
	
	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			if(callback) {
				callback();
			}
		}		
	}

	text = escape(text);
	XObj.open('POST','php/profile.php?bio=true&text=' + text, true);
	XObj.send(null);	
}

//**********************************//
//* Add company bio
//**********************************//
function add_company_bio_form () {
	var form_html = "<textarea id='submit_bio_text' style='width: 240px; height: 160px'></textarea><br /><input onclick='submit_company_bio()' type='button' value='Add Bio'> " + "<input onclick=\"cancel_add_company_bio()\"" + " type='button' value='Cancel'/>";
	
	document.getElementById('bio_text').innerHTML = form_html;
}

function cancel_add_company_bio () {
	var cancel_html = "<div style='font-style: italic; padding: 6px;'>" + "No company bio found." + "</div>";
		cancel_html += "Fill out a company bio. <a class='blue_link' onClick='add_company_bio_form()'>Add Bio</a>";
	
	document.getElementById('bio_text').innerHTML = cancel_html;
}

function update_company_bio_form () {
	var text = document.getElementById('active_bio_text').innerHTML;
	var form_html = "<textarea id='submit_bio_text' style='width: 240px; height: 160px'>" + text + "</textarea><br /><input onclick='submit_company_bio()' type='button' value='Update'> " + "<input onclick=\"cancel_update_company_bio()\" type=\"submit\" value=\"Cancel\"/>";
	
	document.getElementById('bio_text').innerHTML = form_html;
}

function cancel_update_company_bio () {
	var text = document.getElementById('submit_bio_text').innerHTML;
	
	var cancel_html = "<div id='active_bio_text' style='font-style: italic; padding: 6px;'>" + text + "</div>";
		cancel_html += "Change company bio. <a class='blue_link' " + " onClick=\"update_company_bio_form()\"" + ">Update Bio</a>";
	
	document.getElementById('bio_text').innerHTML = cancel_html;
}

function submit_company_bio () {
	var text = document.getElementById('submit_bio_text').value;
	var callback = function () {
		window.location.reload();		
	}
	
	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }
	
	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			if(callback) {
				callback();
			}
		}		
	}
	
	XObj.open('POST','php/profile.php?company_bio=true&text=' + text, true);
	XObj.send(null);	
}