function characterCount(field, fieldLength) {
var numLetters = document.getElementById(field).value.length;

if (field == "titleField") {
var maxLimit = 65;
if (numLetters < 55)
document.getElementById(fieldLength).style.color = "green";
if (numLetters >= 55 && numLetters <= 65)
document.getElementById(fieldLength).style.color = "orange";
if (numLetters > 65 )
document.getElementById(fieldLength).style.color = "red";
document.getElementById(fieldLength).value = maxLimit - numLetters;

var text = document.getElementById("titleField").value;
if (text != "")
document.getElementById("googleHeader").innerHTML = text;
else
document.getElementById("googleHeader").innerHTML = "Untitled Document";


                            }
							
if (field == "descriptionField") {
var maxLimit = 160;
if (numLetters < 140)
document.getElementById(fieldLength).style.color = "green";
if (numLetters >= 140 && numLetters <= 160)
document.getElementById(fieldLength).style.color = "orange";
if (numLetters > 160 )
document.getElementById(fieldLength).style.color = "red";
document.getElementById(fieldLength).value = maxLimit - numLetters;

if (document.getElementById(fieldLength).value < 0)
var text = "<span style='color:red;text-decoration: blink; font-size:20px;font-weight: bold;'>För många bokstäver!</span>";
else
var text = document.getElementById("descriptionField").value;
document.getElementById("googleDescription").innerHTML = text;
                            }
							
if (field == "keywordsField") {
var maxLimit = 45;
if (numLetters < 35)
document.getElementById(fieldLength).style.color = "green";
if (numLetters >= 35 && numLetters <= 45)
document.getElementById(fieldLength).style.color = "orange";
if (numLetters > 45 )
document.getElementById(fieldLength).style.color = "red";
document.getElementById(fieldLength).value = maxLimit - numLetters;
                            }

}
function getTitleCode() {
var text = document.getElementById("titleField").value;
document.getElementById("titleCode").innerHTML = "<input style='background-color: #eeeeee;' size='75' value='&lt;title&gt;" + text + "&lt;/title&gt;'</input>";
}

function getDescriptionCode() {
var text = document.getElementById("descriptionField").value;
document.getElementById("descriptionCode").innerHTML = "<textarea style='background-color: #eeeeee;' cols='50' rows='4'>&lt;meta name=\"description\" content=\"" + text + "\" /&gt;</textarea>";
}

function getKeywordsCode() {
var text = document.getElementById("keywordsField").value;
document.getElementById("keywordsCode").innerHTML = "<textarea style='background-color: #eeeeee;' cols='50'>&lt;meta name=\"keywords\" content=\"" + text + "\" /&gt;</textarea>";
}