function sortsetup(){
	Sortable.create("sortlist",{dropOnEmpty:true,containment:["sortlist"],constraint:false}); 
}	

function storename(id,addy){
	var theid = id;
	var theaddy = addy;
	var thename = new Array();
	var thenamearr = addy.split('(');
	thename = thenamearr[1];
	thename = thename.split(')');
	thename = thename[0];
	var thecleanname = '';
	thename = thename.split('+');
	for (var i = 0; i < thename.length; i++){
		thecleanname += ' ' + thename[i];
	}

	var listbox = document.getElementById('sortlist');
	//listbox.onmouseout = writelink();
	var content = listbox.innerHTML;
	listbox.innerHTML = '';
	if (content != ''){
		var linkarray =new Array()
		linkarray = listbox.getElementsByTagName('span');
		var num = linkarray.length;
		//var num = document.anchors.length;
		num = num + 1;
	}else{
		content = '';
		var num = 1;
	}

	listbox.innerHTML = content + '<li onmouseout="writelink();" id="' + theaddy + '"' + num + '" style="cursor: n-resize">' + thecleanname + '<span id="'+ theaddy + '" style="color:#FFF;font-size:1%;">' + theid + '</span> <a href="#" onclick="Element.remove(\'' + theaddy + '\'); return false;"><img style="border:none;margin-left:10px;margin-bottom:-3px;" src="http://beermapping.com/images/icons/removeicon.gif" alt="remove location" title="remove location" /></a></li>';
	writelink();
}

function writelink(){
	var listbox = document.getElementById('listBox');
	var linkarray = document.getElementsByTagName('span');
	var num = linkarray.length;
	var thelink = 'http://maps.google.com/maps?f=d&hl=en';
	if (num > 2){
		var linkarray = document.getElementsByTagName('span');
		for(var i = 0;i < num; i++){
		var j = i + 1;
			if (i == 1){
				thelink += '&saddr=' + linkarray[1].id;
			}else if (i == 2){
				thelink += '&daddr=' + linkarray[2].id;
			}else if (i == 0){
			
			}else{
				thelink += '+to%3A' + linkarray[i].id;
			}

		}
	}
	var linkbox = document.getElementById('linkBox');
	var link = linkbox.innerHTML;
	if (num == 2){
		linkbox.innerHTML = 'Two locations are required to create a google maps link.';
	}else{
		linkbox.innerHTML = '<p><a target="_blank" href="' + thelink + '">google map directions</a></p>';
		var saveurl = savelist();
		linkbox.innerHTML += '<p>Save the <a href="' + saveurl + '" alt="right click to copy url" title="right click to copy url">url</a> for this list:<br /><input onmouseup="selecturl();" id="saveurl" name="saveurl" size="30"  readonly="true" value="' + saveurl + '"></p>';
	}
	sortsetup();
}

function savelist(){
	var listbox = document.getElementById('listBox');
	var linkarray = document.getElementsByTagName('span');
	var num = linkarray.length;
	var link = 'http://beermapping.com/beertrips/?ln=';
	for(var i = 0;i < num; i++){
		if (i == 0){
			//do nothing because there is an extra span on this page
		}else if (i == 1){
			link += linkarray[i].innerHTML;		
		}else{
			link += ',' + linkarray[i].innerHTML;
		}
	}
	return link;
}

function clearsearch(){
	var x = document.getElementById('searchText');
	x.value = '';
}

function selecturl() {
	// first set focus
	document.getElementById('saveurl').focus();
	// select all contents
	document.getElementById('saveurl').select();
}

function catchenter (field, event) {
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
	if (keyCode == 13) {
		// var i;
		// for (i = 0; i < field.form.elements.length; i++)
			// if (field == field.form.elements[i])
				// break;
		// i = (i + 1) % field.form.elements.length;
		// field.form.elements[i].focus();
		return false;
	} 
	else
	return true;
}