function branch_add()
{
	var regex = new RegExp("\\b^[0-9]{5,15}$\\b");
	var err=0;
	if(document.register.brn_city.options[document.register.brn_city.selectedIndex].value==0)
	{
		document.getElementById("brn_city_err").innerHTML = "You have to select city";
		err=1;
	}
	else
	{
		document.getElementById("brn_city_err").innerHTML = "";
	}
	if(!document.register.brn_phone.value.match(regex))
	{
		document.getElementById("brn_phone_err").innerHTML = "No phone entered or the format is incorrect";
		err=1;
	}
	else
	{
		document.getElementById("brn_phone_err").innerHTML = "";
	}
	if(err==0)
	{
		var str=document.register.brn_city.options[document.register.brn_city.selectedIndex].value + ":" + document.register.brn_phone.value +"#";
		document.register.branches.value = document.register.branches.value.replace(str,"");
		document.register.branches.value += str;
		draw_branches();
	}
}
function branch_remove(string)
{
	document.register.branches.value = document.register.branches.value.replace(string,"");
	draw_branches();
}
function draw_branches()
{
	var tablecode= "";
	if(document.register.branches.value!="")
	{
		var branch_list = document.register.branches.value;
		var string="";
		var smatch="";
		var city="";
		var phone="";
		var i;
		var regex=new RegExp("[a-zA-Z]+:[0-9]+\#");
		var regcity=new RegExp("[a-zA-Z]+");
		var regphone=new RegExp("[0-9]+");
		var even_odd="brn_even";
		tablecode = "" +
		"<center>" +
		"<table>" +
		"<tr>" +
		"<td class='branch_title'>" + 
		"City" +
		"</td>" +
		"<td class='branch_title'>" +
		"Phone" +
		"</td>" +
		"<td>" +
		" " +
		"</td>" +
		"</tr>";
		while(branch_list != "")
		{
			string = branch_list.match(regex);
			scity = string[0].match(regcity);
			sphone = string[0].match(regphone);
			branch_list = branch_list.substring(string[0].length);
			tablecode += "<tr>";		
			tablecode += "<td class='" + even_odd + "'>";
			tablecode += scity[0];
			tablecode += "</td>";
			tablecode += "<td class='" + even_odd + "'>";
			tablecode += sphone[0];
			tablecode += "</td>";
			tablecode += "<td>";
			tablecode += "<input class='del_btn' type='button' onclick=\"branch_remove('" + scity[0] + ":" + sphone[0] + "#')\">";
			tablecode += "</td>";
			tablecode += "</tr>";
			if(even_odd=="brn_even")
			{
				even_odd="brn_odd";
			}
			else
			{
				even_odd="brn_even";
			}
		}
		tablecode += "</table>";
	}
	document.getElementById("branch_table").innerHTML = tablecode;
}
/*window.onload = function()
{
	draw_branches();
	//document.getElementById("n").innerHTML = "";
}*/