maph = 489;

// journal functions //

function showjentry(tid,jid,device) {
	getjentry(tid,jid,device);
	
	var showjournal = document.getElementById('jentry');
	showjournal.style.display = 'block';
	
	var triptoph = document.getElementById('triptop').offsetHeight;
	var entryh = document.getElementById('jentry').offsetHeight;
	var displayarea = document.getElementById('shell');
	displayarea.style.height = (entryh + triptoph + 126)+"px";
	
	var shell = parseInt(displayarea.offsetLeft);
	showjournal.style.left = shell;
}
function closejentry() {
	var showjournal = document.getElementById('jentry');
	showjournal.style.display = 'none';
	showjournal.style.position = 'absolute';
	
	var triptoph = document.getElementById('triptop').offsetHeight;
	var displayarea = document.getElementById('shell');
	displayarea.style.height = (maph + triptoph + 12)+"px";
}

function jentrypos() {
	var showjournal = document.getElementById('jentry');
	var displayarea = document.getElementById('shell');
	var linktext = document.getElementById('moveentry');
	var triptoph = document.getElementById('triptop').offsetHeight;
	var shellh = document.getElementById('shell').offsetHeight;
	var entryh = document.getElementById('jentry').offsetHeight;

	if (navigator.appName.indexOf('Microsoft') != -1) {
		var linkname = document.getElementById('moveentry');
		
		if (linkname.innerHTML == "Raise entry") {
			showjournal.style.top = 126;
			displayarea.style.height = (entryh + triptoph + 126)+"px";
			document.getElementById('moveentry').innerHTML = 'Lower journal to view full map';		
			//alert("IF");
		} else {
			//showjournal.style.position = 'absolute';
			showjournal.style.top = triptoph + maph;
			displayarea.style.height = (maph + entryh + triptoph + 230)+"px";
			document.getElementById('moveentry').innerHTML = 'Raise entry';	
			//alert("else");
		}
	} else if (navigator.appName.indexOf('Netscape') != -1) {
		if ( showjournal.style.position != 'relative') {
			showjournal.style.position = 'relative';
			showjournal.style.top = triptoph + maph;
			displayarea.style.height = (maph + entryh + triptoph + 230)+"px";
			document.getElementById('moveentry').innerHTML = 'Raise entry';	
		} else {
			showjournal.style.position = 'absolute';
			showjournal.style.top = triptoph + maph;
			displayarea.style.height = (entryh + triptoph + 126)+"px";
			document.getElementById('moveentry').innerHTML = 'Show full map + details';		
		}
	}
	
	
}

// get journal entry to display
var journalrequest = createJournalObject();

function getjentry(trip,where,uid) {
	var url = "/_inc/functions/getjournal.inc.php";
	
	var params = "tid="+trip+"&jid="+where+"&d="+uid;
	journalrequest.open("POST", url, true);

	//Send the proper header information along with the request
	journalrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
	journalrequest.setRequestHeader("Content-length", params.length);
	journalrequest.setRequestHeader("Connection", "close");

	journalrequest.onreadystatechange = function() {//Call a function when the state changes.
		if(journalrequest.readyState == 1){
			document.getElementById('entrycontents').innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
		}
		if(journalrequest.readyState == 4 && journalrequest.status == 200) {
			var response = journalrequest.responseText;
		document.getElementById('entrycontents').innerHTML = response;
		}
	}
	journalrequest.send(params);
}

function createJournalObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

// add new journal entry
//var jentryrequest = createJentryObject();

function addjentry() {
	document.jentries.submit();	
}


function addcomment(type) {
	if(type=="trip" || type=="group") {
		var addform = document.getElementById('addmycomment');
		var hidebtn = document.getElementById('addtripcomments');
	
		if ( addform.style.display != 'block') {
			addform.style.display = 'block';
			hidebtn.style.display = 'none';
		} else {
			addform.style.display = 'none';
			hidebtn.style.display = 'block';
		}
	}
	if(type=="journal") {
		var addform = document.getElementById('addmyjcomment');
		var hidebtn = document.getElementById('addjournalcomments');
	
		if ( addform.style.display != 'block') {
			addform.style.display = 'block';
			hidebtn.style.display = 'none';
		} else {
			addform.style.display = 'none';
			hidebtn.style.display = 'block';
		}
	}
}


// pagination type function //


var morerequest = createMoreObject();

function loadmore(start,type,trip,tuser) {
	if(type == "journal") {
		moreentries = "morejentries"+start;
		var url = "/_inc/functions/get8morejournals.inc.php";
		var params = "start="+start+"&tid="+trip+"&tuser="+tuser;
	}
	if(type == "photo") {
		moreentries = "morepentries"+start;
		var url = "/_inc/functions/get8morephotos.inc.php";
		var params = "start="+start+"&tid="+trip+"&tuser="+tuser;
	}
	morerequest.open("POST", url, true);

	//Send the proper header information along with the request
	morerequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
	morerequest.setRequestHeader("Content-length", params.length);
	morerequest.setRequestHeader("Connection", "close");

	morerequest.onreadystatechange = function() {//Call a function when the state changes.
		if(morerequest.readyState == 1){
			document.getElementById(moreentries).innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
		}
		if(morerequest.readyState == 4 && morerequest.status == 200) {
			var response = morerequest.responseText;
		document.getElementById(moreentries).innerHTML = response;
		}
	}
	morerequest.send(params);
}

function createMoreObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

// photo functions //

function photocomments(type,pid) {
	photorequest.open('get', 'photo_comments.php?id='+pid+'&type='+type);
	photorequest.onreadystatechange = handlePhoto;
	photorequest.send(null);
}

function createPhotoObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

var photorequest = createPhotoObject();

function handlePhoto(){
	if(photorequest.readyState == 1){
		document.getElementById('photoarea').innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
	}
	if(photorequest.readyState == 4){
		var response = photorequest.responseText;
		document.getElementById('photoarea').innerHTML = response;
	}
}

function edittrip(type) {
	var editme = document.getElementById('edittrip');
	if(type=="on") {
		editme.style.display = 'block';
	}
	if(type=="off") {
		editme.style.display = 'none';
	}
}

function editjentry(type,jid) {
	if(type=="entry") {
		entryrequest.open('get', '/trips/_edit/entry_edit.php?type=entry&id='+jid);
		entryrequest.onreadystatechange = handleEntry;
		entryrequest.send(null);
	}
	if (type=="list") {
		entryrequest.open('get', '/trips/_edit/entry_edit.php?type=list&id='+jid);
		entryrequest.onreadystatechange = handleEntry;
		entryrequest.send(null);
	}
}

function createEntryObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

var entryrequest = createEntryObject();

function handleEntry(){
	if(entryrequest.readyState == 1){
		document.getElementById('journalentries').innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
	}
	if(entryrequest.readyState == 4){
		var response = entryrequest.responseText;
		document.getElementById('journalentries').innerHTML = response;
	}
}


// delete a journal entry
function mouseLeaves(element, evt) {
	if (typeof evt.toElement != 'undefined' && evt.toElement && typeof
		element.contains != 'undefined') {
		return !element.contains(evt.toElement);
	} else if (typeof evt.relatedTarget != 'undefined' && evt.relatedTarget) {
		return !contains(element, evt.relatedTarget);
	}
}

function contains (container, containee) {
	while (containee) {
		if (container == containee) {
			return true;
		}
		containee = containee.parentNode;
	}
	return false;
}

function hideElement (element) {
	if (element.style) {
		element.style.display = 'none';
	}
}

function showElement (element) {
	if (element.style) {
		element.style.display = 'inline';
	}
}

function setShow(thediv) {
	var div; 
	if (document.getElementById) { 
		div = document.getElementById(thediv); 
		showElement(div); 
	}
}
function setHide(thediv) {
	var div;  
	if (document.getElementById) { 
		div = document.getElementById(thediv);
		hideElement(div); 
	}
}

var deleteEntryrequest = createDeleteEntryObject();

function deleteEntry(eid,tid,tuser) {
	delme = "en"+eid;
	
	var answer = confirm("Are you sure you want to delete this journal entry? You will not be able to get it back.");
	if (answer){
		var url = "/trips/_edit/entry_delete.php";
	
		var params = "did="+delme+"&tid="+tid+"&tuser="+tuser;
		deleteEntryrequest.open("POST", url, true);

		//Send the proper header information along with the request
		deleteEntryrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		deleteEntryrequest.setRequestHeader("Content-length", params.length);
		deleteEntryrequest.setRequestHeader("Connection", "close");

		deleteEntryrequest.onreadystatechange = function() {//Call a function when the state changes.
			if(deleteEntryrequest.readyState == 1){
				document.getElementById('journalentries').innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
			}
			if(deleteEntryrequest.readyState == 4 && deleteEntryrequest.status == 200) {
				var response = deleteEntryrequest.responseText;
			document.getElementById('journalentries').innerHTML = response;
			}
		}
		deleteEntryrequest.send(params);
	}
}

function createDeleteEntryObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

// reload tripview journal entries
function reloadJournals(tid) {
	window.location = "/trips/tripview.php?tid="+tid+"&tab=journals"
}


//edit photo toolbar functions

function editphoto(type,pid) {
	var phform = document.getElementById('editphotoform');
	var phlist = document.getElementById('edittripphotos');
	
	if(type=="photo") {
		phform.style.display = 'block';
		phlist.style.display = 'none';
		editphotorequest.open('get', '/trips/_edit/edit_photo_form.php?type=photo&id='+pid);
		editphotorequest.onreadystatechange = handleEditPhoto;
		editphotorequest.send(null);
	}
	if (type=="list") {
		phform.style.display = 'none';
		phlist.style.display = 'block';
	}
}

function createEntryObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

var editphotorequest = createEntryObject();

function handleEditPhoto(){
	if(editphotorequest.readyState == 1){
		document.getElementById('editphotoform').innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
	}
	if(editphotorequest.readyState == 4){
		var response = editphotorequest.responseText;
		document.getElementById('editphotoform').innerHTML = response;
	}
}

// delete photo
var photodeleterequest = createPhotoDeleteObject();

function deletephoto(pid,tid) {
	var answer = confirm("Are you sure you want to delete this photo? You will not be able to get it back.");
	if (answer){
		var url = "/photos/_tools/delete_photo.php";
	
		var params = "pid="+pid+"&tid="+tid;
		photodeleterequest.open("POST", url, true);

		//Send the proper header information along with the request
		photodeleterequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		photodeleterequest.setRequestHeader("Content-length", params.length);
		photodeleterequest.setRequestHeader("Connection", "close");

		photodeleterequest.onreadystatechange = function() {//Call a function when the state changes.
			if(photodeleterequest.readyState == 1){
				document.getElementById('phodelete').innerHTML = '<img src="/_images/ph_tools/ph_loader.gif" width="54" height="30" alt="Loading..." />';
			}
			if(photodeleterequest.readyState == 4 && photodeleterequest.status == 200) {
				 window.location="/trips/tripview.php?tid="+tid+"&tab=photos";
			}
		}
		photodeleterequest.send(params);
	}
}
function createPhotoDeleteObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

// rotate photo
var rotatephotorequest = createRotatePhotoObject();

function rotate(deg,file,uname) {
	var url = "/photos/_tools/rotate_photo.php";
	
	var params = "deg="+deg+"&file="+file+"&uname="+uname;
	rotatephotorequest.open("POST", url, true);

	//Send the proper header information along with the request
	rotatephotorequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	rotatephotorequest.setRequestHeader("Content-length", params.length);
	rotatephotorequest.setRequestHeader("Connection", "close");

	rotatephotorequest.onreadystatechange = function() {//Call a function when the state changes.
		if(rotatephotorequest.readyState == 1){
			document.getElementById('lrgphoto').innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
		}
		if(rotatephotorequest.readyState == 4 && rotatephotorequest.status == 200) {
			var response = rotatephotorequest.responseText;
			document.getElementById('lrgphoto').innerHTML = response;
		}
	}
	rotatephotorequest.send(params);
}
function createRotatePhotoObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

//apply journal entry edits
var editentryrequest = createJournalEntryObject();

function applyJentryEdits(id,tid,tuser) {
	var url = "/trips/_edit/entry_edit_processor.php";
	var ename = document.getElementById("ename").value;
	var edate = document.editentry.entrydate.options[document.editentry.entrydate.selectedIndex].value;
	var etext = document.getElementById("etext").value;
	var etags = document.getElementById("etags").value;
	
	var edateselected = document.getElementById("edate");
	var edate = edateselected.options[edateselected.selectedIndex].value;
	
	var params = "id="+id+"&tuser="+tuser+"&trip="+tid+"&n="+ename+"&d="+edate+"&t="+etext+"&tags="+etags;
	editentryrequest.open("POST", url, true);

	//Send the proper header information along with the request
	editentryrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	editentryrequest.setRequestHeader("Content-length", params.length);
	editentryrequest.setRequestHeader("Connection", "close");

	editentryrequest.onreadystatechange = function() {//Call a function when the state changes.
		if(editentryrequest.readyState == 1){
			document.getElementById('journalentries').innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
		}
		if(editentryrequest.readyState == 4 && editentryrequest.status == 200) {
			var response = editentryrequest.responseText;
			document.getElementById('journalentries').innerHTML = response;
		}
	}
	editentryrequest.send(params);
}

function createJournalEntryObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

function deleteTrip(t) {
	var answer = confirm("Are you sure you want to completely delete this trip? All photos and journal entries will be deleted as well and you will not be able to retrieve them.");
	if (answer){
		 window.location="/_inc/functions/deletetrip.inc.php?t="+t;
	} 
}

//assign photo as trip photo
var tripphotorequest = createTripPhotoObject();

function assigntrip(pid,tid,uid) {
	var url = "/photos/_tools/set_trip_photo.php";
	
	var params = "task=assign&tid="+tid+"&pid="+pid+"&uid="+uid;
	tripphotorequest.open("POST", url, true);

	//Send the proper header information along with the request
	tripphotorequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	tripphotorequest.setRequestHeader("Content-length", params.length);
	tripphotorequest.setRequestHeader("Connection", "close");

	tripphotorequest.onreadystatechange = function() {//Call a function when the state changes.
		if(tripphotorequest.readyState == 1){
			//
		}
		if(tripphotorequest.readyState == 4 && tripphotorequest.status == 200) {
			alert("New Trip Photo has been assigned");
			window.location="/trips/tripview.php?tid="+tid;
		}
	}
	tripphotorequest.send(params);
}

function createTripPhotoObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}


// add comment
var commentrequest = createCommentObject();

function postcomment(type,tid,uid) {
	if (type=="trip" || type=="group") {
		divid = "tripcomments";
		contentdiv = "tripcommentcontents";
	} else if (type=="journal") {
		divid = "entrycomments";
		contentdiv = "entrycommentcontents";
	}
	
	var url = "/trips/_edit/add_comment.php";
	var contents = escape(document.getElementById(contentdiv).value);
	
	var params = "type="+type+"&tid="+tid+"&uid="+uid+"&contents="+contents;
	commentrequest.open("POST", url, true);
	
	//Send the proper header information along with the request
	commentrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	commentrequest.setRequestHeader("Content-length", params.length);
	commentrequest.setRequestHeader("Connection", "close");

	commentrequest.onreadystatechange = function() {//Call a function when the state changes.
		if(commentrequest.readyState == 1){
			document.getElementById(divid).innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
		}
		if(commentrequest.readyState == 4 && commentrequest.status == 200) {
			var response = commentrequest.responseText;
			document.getElementById(divid).innerHTML = response;
		}
	}
	commentrequest.send(params);
}

function createCommentObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}



// load next or previous photos
// add comment
var nextprevrequest = createNextPrevObject();

function getnextprev(phurl,u) {
	var url = "/_inc/functions/next_prev_photo.inc.php";
	
	var params = "u="+u+"&url="+phurl;
	nextprevrequest.open("POST", url, true);
	
	//Send the proper header information along with the request
	nextprevrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	nextprevrequest.setRequestHeader("Content-length", params.length);
	nextprevrequest.setRequestHeader("Connection", "close");

	nextprevrequest.onreadystatechange = function() {//Call a function when the state changes.
		if(nextprevrequest.readyState == 1){
			document.getElementById('photoarea').innerHTML = '<img src="/_images/loader_bl_wh.gif" width="32" height="32" alt="Loading..." />';
		}
		if(nextprevrequest.readyState == 4 && nextprevrequest.status == 200) {
			var response = nextprevrequest.responseText;
			document.getElementById('photoarea').innerHTML = response;
		}
	}
	nextprevrequest.send(params);
}

function createNextPrevObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

function getNext(file) {
	for (x = 0; x <= nextprev.length; x++){
		if(nextprev[x] == file) {
			if(x == (nextprev.length -1)) {
				x = 0;
				break;
			} else {
				x++;
				break;
			}
		} 
	}
	return nextprev[x];
}
function getPrev(file) {
	for (x = 0; x < nextprev.length; x++){
		if(nextprev[x] == file) {
			if(x == 0) {
				x = nextprev.length - 1;
				break;
			} else {
				x = x -1;
				break;
			}
		}
	}
	return nextprev[x];
}



function canceledit(turnoff,turnon,content) {
	document.getElementById(turnoff).style.display = 'none';
	document.getElementById(turnon).style.display = 'block';
	document.getElementById(content).value = '';
}

// inline edit infowindow details
function createEditDetailsObject(){
	var request_;
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		request_ = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_ = new XMLHttpRequest();
	}
	return request_;
}

var editdetailsrequest = createEditDetailsObject();
function editdetails(turnoff,turnon,myvalue,messageid,columnname) {
	newtext = escape(document.getElementById(myvalue).value);
	
	var url = "/_inc/functions/infowindow_update.inc.php";
	
	var params = "newtext="+newtext+"&mid="+messageid+"&columnname="+columnname;
	editdetailsrequest.open("POST", url, true);
	
	//Send the proper header information along with the request
	editdetailsrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	editdetailsrequest.setRequestHeader("Content-length", params.length);
	editdetailsrequest.setRequestHeader("Connection", "close");

	editdetailsrequest.onreadystatechange = function() {//Call a function when the state changes.
		if(editdetailsrequest.readyState == 1){
			document.getElementById(turnoff).style.display = 'none';
			document.getElementById(turnon).style.display = 'block';
			document.getElementById(turnon).innerHTML = '<small>SAVING...</small>';
		}
		if(editdetailsrequest.readyState == 4 && editdetailsrequest.status == 200) {
			var response = editdetailsrequest.responseText;
			document.getElementById(turnoff).style.display = 'none';
			document.getElementById(turnon).innerHTML = response;
			document.getElementById(turnon).style.display = 'block';
		}
	}
	editdetailsrequest.send(params);	
}
var savedetailsrequest = createEditDetailsObject();
function savedetails(turnoff,turnon,myvalue,messageid,columnname) {
	newtext = escape(document.getElementById(myvalue).value);
	
	var url = "/_inc/functions/infowindow_update.inc.php";
	
	var params = "newtext="+newtext+"&mid="+messageid+"&columnname="+columnname;
	savedetailsrequest.open("POST", url, true);
	
	//Send the proper header information along with the request
	savedetailsrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	savedetailsrequest.setRequestHeader("Content-length", params.length);
	savedetailsrequest.setRequestHeader("Connection", "close");

	savedetailsrequest.onreadystatechange = function() {//Call a function when the state changes.
		if(savedetailsrequest.readyState == 1){
			document.getElementById(turnoff).style.display = 'none';
			document.getElementById(turnon).style.display = 'block';
			document.getElementById(turnon).innerHTML = '<small>SAVING...</small>';
		}
		if(savedetailsrequest.readyState == 4 && savedetailsrequest.status == 200) {
			var response = savedetailsrequest.responseText;
			document.getElementById(turnoff).style.display = 'none';
			document.getElementById(turnon).innerHTML = response;
			document.getElementById(turnon).style.display = 'block';
		}
	}
	savedetailsrequest.send(params);	
}

function charcount(field, count, max) {
 	if (document.getElementById(field).value.length > max) {
 		document.getElementById(field).value = document.getElementById(field).value.substring(0, max);
	} else {
 		document.getElementById(count).innerHTML = max - document.getElementById(field).value.length;
 	}
}